/* ════════════════════════════════════════════════════════════════ Baitana — Tema claro 2026 (override) · v4 Re-tematiza las páginas del diseño oscuro original al sistema visual nuevo (azul #27BAFF sobre claro, Instrument Sans + Schibsted Grotesk) SIN tocar su markup ni su contenido. Se inyecta como al final del de cada página. ════════════════════════════════════════════════════════════════ */ /* ── Fuentes del diseño nuevo (auto-hospedadas) ── */ @font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/959a9381.woff2") format('woff2')} @font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/959a9381.woff2") format('woff2')} @font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/959a9381.woff2") format('woff2')} @font-face{font-family:'Instrument Sans';font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/959a9381.woff2") format('woff2')} @font-face{font-family:'Instrument Sans';font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/09c3bae8.woff2") format('woff2')} @font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/3fe09d48.woff2") format('woff2')} @font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/3fe09d48.woff2") format('woff2')} @font-face{font-family:'Schibsted Grotesk';font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/e0fef0ad.woff2") format('woff2')} /* ── El corazón del re-tema: redefinir las variables ── */ :root{ --bg: #FFFFFF !important; /* fondo de página */ --bg2: #F7FAFD !important; /* paneles */ --bg3: #EAF6FF !important; /* tarjetas / hover */ --orange: #0C86E8 !important; /* acento primario */ --orange-light: #27BAFF !important; --gold: #D97706 !important; /* ámbar legible en claro */ --white: #0B0F17 !important; /* texto principal (tinta) */ --gray: #5B6470 !important; --gray-light: #6E7683 !important; --border: #E5EAF0 !important; --font-head: 'Schibsted Grotesk', sans-serif !important; --font-body: 'Instrument Sans', sans-serif !important; } /* ── Nav: fondo claro con blur (venía hardcodeado oscuro) ── */ nav{ background: rgba(255,255,255,.92) !important; border-bottom: 1px solid #EAEDF2 !important; } /* ── Logo: el wordmark blanco se invierte a tinta conservando el punto azul ── */ nav .logo img, a.logo img, .footer-logo img{ filter: invert(.92) hue-rotate(180deg); } /* ── Selección y sombras para fondo claro ── */ ::selection{background:#27BAFF;color:#fff} [class*="card"], [class*="Card"]{ box-shadow: 0 1px 2px rgba(11,15,23,.04) !important; } img[style*="mix-blend"]{mix-blend-mode:normal !important} body{-webkit-font-smoothing:antialiased} /* ── Dropdown del nav: venía con texto blanco hardcodeado ── */ .dropdown-menu{background:#FFFFFF !important;border:1px solid #EAEDF2 !important;box-shadow:0 12px 32px rgba(11,15,23,.10) !important} .dropdown-menu a{color:#0B0F17 !important} .dropdown-menu a:hover{color:#0C86E8 !important;background:#EAF6FF !important} /* ── Iconos 3D inline (sustituyen emojis de texto) ── */ .emoji3d{width:1.2em;height:1.2em;object-fit:contain;display:inline-block;vertical-align:-0.22em;margin-right:.18em} .pill-icon .emoji3d{margin-right:0} .ssc-icon .emoji3d, .why-icon .emoji3d{width:1.35em;height:1.35em}