/* ═══════════════════════════════════════════════════════════════ MODO CLARO — activado con [data-theme="light"] en Override de los colores del sitio. Los museos mantienen su estética por época (no se tocan). ═══════════════════════════════════════════════════════════════ */ [data-theme="light"] { /* ── Variables del sitio ── */ --dx-bg: #f4f6f8; --dx-bg2: #edf0f4; --dx-card: #ffffff; --dx-card2: #f8fafc; --dx-border: #d4dae4; --dx-txt: #1a2332; --dx-dim: #5a6a82; --dx-accent: #0d9488; --dx-accent2: #6366f1; --dx-glow: rgba(13, 148, 136, .08); --dx-warn: #b45309; --dx-ok: #047857; color-scheme: light; } /* ── Body & wrapper ── */ [data-theme="light"] body, [data-theme="light"] body.home, [data-theme="light"] body.blog, [data-theme="light"] body.archive, [data-theme="light"] body.single, [data-theme="light"] body.page, [data-theme="light"] body.search, [data-theme="light"] body.error404 { background-color: transparent !important; color: #1a2332 !important; } [data-theme="light"] .wrapper, [data-theme="light"] #page, [data-theme="light"] .site { background: radial-gradient(1100px 480px at 85% -10%, rgba(13,148,136,.06), transparent 60%), radial-gradient(900px 420px at -10% 15%, rgba(99, 102, 241, .05), transparent 55%), #f4f6f8 !important; } /* ── Header ── */ [data-theme="light"] .header-main, [data-theme="light"] header.site-header, [data-theme="light"] .nv-navbar { background: rgba(255, 255, 255, .88) !important; backdrop-filter: blur(14px) !important; border-bottom: 1px solid #d4dae4 !important; } [data-theme="light"] .header-main a, [data-theme="light"] .nv-nav-wrap a, [data-theme="light"] .menu-item > a { color: #1a2332 !important; } [data-theme="light"] .header-main a:hover, [data-theme="light"] .menu-item > a:hover { color: #0d9488 !important; } /* dropdown del menú (CUENTA) */ [data-theme="light"] .nv-nav-wrap li.menu-item-26 > ul.sub-menu { background: rgba(255,255,255,.97) !important; border: 1px solid #d4dae4 !important; box-shadow: 0 22px 50px rgba(0,0,0,.12) !important; } [data-theme="light"] .nv-nav-wrap li.menu-item-26 > ul.sub-menu li > a { color: #1a2332 !important; } [data-theme="light"] .nv-nav-wrap li.menu-item-26 > ul.sub-menu li > a:hover { background: rgba(13,148,136,.06) !important; } [data-theme="light"] .nv-nav-wrap li.menu-item-26 > ul.sub-menu::before { background: #fff; border-color: #d4dae4; } /* ── Links generales ── */ [data-theme="light"] a { color: #0d9488 !important; } [data-theme="light"] a:hover { color: #0f766e !important; } /* ── Títulos ── */ [data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3 { color: #1a2332 !important; } /* ── Home hub ── */ [data-theme="light"] .adm-terminal-doc, [data-theme="light"] .barra-estado, [data-theme="light"] .adm-hub-door { background: linear-gradient(150deg, rgba(255,255,255,.85), rgba(241,245,249,.95)) !important; border-color: #d4dae4 !important; color: #1a2332 !important; } /* ── Footer ── */ [data-theme="light"] footer, [data-theme="light"] .adm-minimal-footer { background: rgba(255,255,255,.85) !important; border-top-color: #d4dae4 !important; color: #5a6a82 !important; } [data-theme="light"] .adm-minimal-footer a { color: #0d9488 !important; } /* ── Directorio ── */ [data-theme="light"] #cyber-directory .dir-header h2 { background: linear-gradient(100deg, #0d9488, #6366f1) !important; -webkit-text-fill-color: transparent !important; } [data-theme="light"] #cyber-directory .dir-folder { background: linear-gradient(150deg, #ffffff, #f8fafc) !important; border-color: #d4dae4 !important; box-shadow: 0 2px 12px rgba(0,0,0,.06) !important; } [data-theme="light"] #cyber-directory .dir-folder h3 { color: #1a2332 !important; } [data-theme="light"] #cyber-directory .dir-folder .dir-desc { color: #5a6a82 !important; } [data-theme="light"] #cyber-directory .tools-list a { color: #0d9488 !important; } [data-theme="light"] #cyber-directory .tools-list a span { color: #5a6a82 !important; } [data-theme="light"] #cyber-directory .dir-meta { color: #5a6a82 !important; } [data-theme="light"] #cyber-directory .dir-sub { color: #5a6a82 !important; } /* ── Foros ── */ [data-theme="light"] #bbpress-forums { background: linear-gradient(150deg, rgba(255,255,255,.9), rgba(241,245,249,.95)) !important; border-color: #d4dae4 !important; color: #1a2332 !important; } [data-theme="light"] #bbpress-forums .bbp-header, [data-theme="light"] #bbpress-forums .bbp-footer { background: #f1f5f9 !important; border-color: #d4dae4 !important; color: #0d9488 !important; } [data-theme="light"] #bbpress-forums .bbp-body ul.forum:hover, [data-theme="light"] #bbpress-forums .bbp-body ul.topic:hover { background: rgba(13,148,136,.04) !important; } [data-theme="light"] #bbpress-forums a.bbp-forum-title, [data-theme="light"] #bbpress-forums a.bbp-topic-permalink { color: #0d9488 !important; } [data-theme="light"] #bbpress-forums #bbp_search { background: #fff !important; border-color: #d4dae4 !important; color: #1a2332 !important; } [data-theme="light"] #bbpress-forums #bbp_search_submit { background: linear-gradient(100deg, #0d9488, #6366f1) !important; color: #fff !important; } [data-theme="light"] #bbpress-forums .bbp-template-notice.info { background: rgba(13,148,136,.05) !important; border-color: #b2dfdb !important; border-left-color: #0d9488 !important; color: #1a2332 !important; } [data-theme="light"] #bbpress-forums .bbp-template-notice { background: #fff8e1 !important; border-color: #ffe082 !important; border-left-color: #f59e0b !important; color: #1a2332 !important; } [data-theme="light"] #bbpress-forums .loop-item--1 .bbp-reply-content blockquote { background: linear-gradient(150deg, rgba(255,255,255,.9), rgba(241,245,249,.95)) !important; border-color: #d4dae4 !important; color: #1a2332 !important; } [data-theme="light"] #bbpress-forums .loop-item--1 .bbp-reply-content blockquote strong { color: #1a2332 !important; } [data-theme="light"] #bbpress-forums .bbp-login-form label { color: #5a6a82 !important; } [data-theme="light"] #bbpress-forums .bbp-login-form input[type="text"], [data-theme="light"] #bbpress-forums .bbp-login-form input[type="password"] { background: #fff !important; border-color: #d4dae4 !important; color: #1a2332 !important; } [data-theme="light"] #bbpress-forums .bbp-reply-content, [data-theme="light"] #bbpress-forums .bbp-topic-content { color: #1a2332 !important; } /* ── Login / Registro (UM) ── */ [data-theme="light"] body .um-form .um-col-1, [data-theme="light"] body .um-form .um-form-body, [data-theme="light"] body .um.um-login .um-form, [data-theme="light"] body .um.um-register .um-form { background: linear-gradient(150deg, #ffffff, #f8fafc) !important; border-color: #d4dae4 !important; } [data-theme="light"] body .um-form input[type="text"], [data-theme="light"] body .um-form input[type="email"], [data-theme="light"] body .um-form input[type="password"] { background: #f8fafc !important; border-color: #d4dae4 !important; color: #1a2332 !important; } [data-theme="light"] body .um-form input:focus { border-color: #0d9488 !important; box-shadow: 0 0 0 3px rgba(13,148,136,.12) !important; } [data-theme="light"] body .um-form .um-field-label label { color: #5a6a82 !important; } [data-theme="light"] body .um-form input[type="submit"], [data-theme="light"] body .um-form button[type="submit"], [data-theme="light"] body .um-form .um-button { background: linear-gradient(100deg, #0d9488, #6366f1) !important; color: #fff !important; } /* ── Menu: MONITOR icono externo ── */ [data-theme="light"] li.menu-item-1150 a::after { background-color: #5a6a82 !important; } [data-theme="light"] li.menu-item-1150:hover a::after { background-color: #0d9488 !important; } /* ── Barra de estado (home) ── */ [data-theme="light"] .barra-estado { background: rgba(255,255,255,.88) !important; backdrop-filter: blur(14px) !important; border: 1px solid #d4dae4 !important; color: #1a2332 !important; box-shadow: 0 2px 16px rgba(0,0,0,.06) !important; } /* ── Contacto ── */ [data-theme="light"] .wpcf7-form input[type="text"], [data-theme="light"] .wpcf7-form input[type="email"], [data-theme="light"] .wpcf7-form textarea { background: #f8fafc !important; border-color: #d4dae4 !important; color: #1a2332 !important; } [data-theme="light"] .wpcf7-submit { background: linear-gradient(100deg, #0d9488, #6366f1) !important; color: #fff !important; } /* ── Bio timeline ── */ [data-theme="light"] .adm-bio-card { background: linear-gradient(150deg, #ffffff, #f8fafc) !important; border-color: #d4dae4 !important; color: #1a2332 !important; } [data-theme="light"] .adm-bio-card .adm-bio-year { color: #0d9488 !important; } [data-theme="light"] .adm-bio-card h3 { color: #1a2332 !important; } [data-theme="light"] .adm-bio-card p { color: #5a6a82 !important; } /* ── Todo el contenido de texto ── */ [data-theme="light"] p, [data-theme="light"] li, [data-theme="light"] span { color: #1a2332; } [data-theme="light"] strong { color: #0f172a !important; } [data-theme="light"] em { color: #5a6a82 !important; } [data-theme="light"] blockquote { border-left-color: #0d9488 !important; background: rgba(13,148,136,.04) !important; color: #1a2332 !important; } /* ── Blog / entradas ── */ [data-theme="light"] .nv-content-wrap article, [data-theme="light"] .nv-content-wrap .post { background: rgba(255,255,255,.7) !important; border-color: #d4dae4 !important; color: #1a2332 !important; } [data-theme="light"] .nv-content-wrap article h2, [data-theme="light"] .nv-content-wrap .post h2 { color: #1a2332 !important; } /* ── Scrollbar (Chrome) ── */ [data-theme="light"] ::-webkit-scrollbar { background: #f1f5f9; } [data-theme="light"] ::-webkit-scrollbar-thumb { background: #94a3b8; border-radius: 4px; } /* ── Selección de texto ── */ [data-theme="light"] ::selection { background: rgba(13,148,136,.2); } /* ═══ BOTÓN TOGGLE — siempre visible ═══ */ .adm-theme-toggle { position: fixed; bottom: 78px; right: 22px; z-index: 9999; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--dx-border, #22304d); background: var(--dx-card, #101827); color: var(--dx-dim, #8ea0bf); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .2s ease; box-shadow: 0 4px 16px rgba(0,0,0,.35); padding: 0; } .adm-theme-toggle:hover { transform: scale(1.1); border-color: var(--dx-accent, #5eead4); color: var(--dx-accent, #5eead4); box-shadow: 0 6px 24px rgba(0,0,0,.4); } [data-theme="light"] .adm-theme-toggle { background: #ffffff; border-color: #d4dae4; color: #5a6a82; box-shadow: 0 2px 12px rgba(0,0,0,.1); } [data-theme="light"] .adm-theme-toggle:hover { border-color: #0d9488; color: #0d9488; box-shadow: 0 4px 18px rgba(0,0,0,.12); } @media (max-width: 640px) { .adm-theme-toggle { bottom: 16px; right: 16px; width: 40px; height: 40px; } } /* ═══════════════════════════════════════════════════════════════ OVERRIDE de la paleta Neve (Customizer oscuro) El header y varios elementos usan estas variables: sin esto, el header se quedaba negro en modo claro. ═══════════════════════════════════════════════════════════════ */ [data-theme="light"] { --nv-site-bg: #f4f6f8; --nv-light-bg: #ffffff; --nv-dark-bg: #ffffff; --nv-text-color: #1a2332; --nv-text-dark-bg: #1a2332; --nv-primary-accent: #0d9488; --nv-secondary-accent: #6366f1; } /* Header: la capa que realmente pinta el fondo */ [data-theme="light"] .header--row-inner, [data-theme="light"] .header-main-inner, [data-theme="light"] .header--row, [data-theme="light"] #header-grid, [data-theme="light"] header.header { background: rgba(255, 255, 255, .92) !important; background-color: rgba(255, 255, 255, .92) !important; border-bottom: 1px solid #d4dae4 !important; } /* Overlay de búsqueda (position: fixed, tapaba el header) */ [data-theme="light"] .nv-nav-search, [data-theme="light"] .nv-nav-search .container, [data-theme="light"] .nv-nav-search form { background: rgba(255, 255, 255, .98) !important; color: #1a2332 !important; } [data-theme="light"] .nv-nav-search input[type="search"], [data-theme="light"] .nv-nav-search input[type="text"] { background: #f1f5f9 !important; border: 1px solid #d4dae4 !important; color: #1a2332 !important; } /* Menú móvil (panel lateral) */ [data-theme="light"] .header-menu-sidebar, [data-theme="light"] .header-menu-sidebar-bg, [data-theme="light"] .header-menu-sidebar .nav-ul { background: #ffffff !important; color: #1a2332 !important; } [data-theme="light"] .header-menu-sidebar a, [data-theme="light"] .header-menu-sidebar .menu-item > a { color: #1a2332 !important; } /* Íconos del header (lupa, hamburguesa, caret) */ [data-theme="light"] .nv-nav-search .search-form button, [data-theme="light"] .navbar-toggle, [data-theme="light"] .caret svg, [data-theme="light"] .caret-wrap svg { color: #5a6a82 !important; fill: #5a6a82 !important; } [data-theme="light"] .navbar-toggle .bars, [data-theme="light"] .navbar-toggle .icon-bar { background-color: #1a2332 !important; } /* Botones y elementos con la paleta vieja de Neve */ [data-theme="light"] .button, [data-theme="light"] button, [data-theme="light"] input[type="submit"] { color: #1a2332; } [data-theme="light"] .nv-text-dark-bg, [data-theme="light"] .has-text-color { color: inherit; } /* ─── FIX: el selector genérico `button` de style.css (con !important) le ganaba al botón de tema. Se fuerza acá. ─── */ .adm-theme-toggle { background: #101827 !important; background-image: none !important; color: #8ea0bf !important; border: 1px solid #22304d !important; box-shadow: 0 4px 16px rgba(0,0,0,.35) !important; } .adm-theme-toggle:hover { border-color: #5eead4 !important; color: #5eead4 !important; } [data-theme="light"] .adm-theme-toggle { background: #ffffff !important; background-image: none !important; color: #5a6a82 !important; border-color: #d4dae4 !important; box-shadow: 0 2px 12px rgba(0,0,0,.1) !important; } [data-theme="light"] .adm-theme-toggle:hover { border-color: #0d9488 !important; color: #0d9488 !important; }