/* Juicioso · modo noche (data-tema="noche" en <html>). Lo elige la persona con el botón de luna o sol; si no ha
   elegido, sigue al modo del celular. Paleta pensada para leer de noche sin cansar la vista y con contraste AA o mejor. */
:root{color-scheme:light}
:root[data-tema="noche"]{color-scheme:dark;
  --paper:#0B1322;--white:#131E33;--line:#2A3A57;--muted:#A9B5CA;--ink:#E8EDF6;--ink2:#2B4673;--me:#005C4B;
  --ok:#4CCBA6;--bad:#FF8A80;--danger:#FF8A80;--green-dark:#0B6B58}

/* botón de modo noche / día */
.tema-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;padding:0;cursor:pointer;color:#10203B}
.tema-btn:not(.icon){border-radius:999px;border:1.5px solid #D9D5CC;background:transparent}
.tema-btn:not(.icon):hover{border-color:#10203B}
.tema-btn:focus-visible{outline:3px solid #0E7C66;outline-offset:3px}
.tema-btn .ico-sol{display:none}
:root[data-tema="noche"] .tema-btn .ico-sol{display:block}
:root[data-tema="noche"] .tema-btn .ico-luna{display:none}
:root[data-tema="noche"] .tema-btn{color:#F2B52A}
:root[data-tema="noche"] .tema-btn:not(.icon){border-color:#3A4D70}
:root[data-tema="noche"] .tema-btn:not(.icon):hover{border-color:#F2B52A}
.tema-esquina{position:absolute;top:max(16px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));z-index:6}
@media (prefers-reduced-motion:no-preference){html.tema-cambia,html.tema-cambia *{transition:background-color .25s ease,border-color .25s ease,color .25s ease !important}}

/* ---------- base de todas las páginas ---------- */
:root[data-tema="noche"] body{background:#0B1322;color:#E8EDF6}
:root[data-tema="noche"] ::placeholder{color:#8B98AF;opacity:1}
:root[data-tema="noche"] svg rect[fill="#10203B"]{fill:#1D3256}
:root[data-tema="noche"] svg rect[fill="#22396A"]{fill:#2F4B85}
:root[data-tema="noche"] svg [stroke="#0E7C66"],:root[data-tema="noche"] svg[stroke="#0E7C66"]{stroke:#4CCBA6}
:root[data-tema="noche"] svg [fill="#0E7C66"]{fill:#4CCBA6}
:root[data-tema="noche"] .muted,:root[data-tema="noche"] .lead,:root[data-tema="noche"] .eyebrow{color:#A9B5CA}
:root[data-tema="noche"] .lema{color:#4CCBA6}
:root[data-tema="noche"] .card,:root[data-tema="noche"] .chip,:root[data-tema="noche"] .btn-paper{background:#131E33;border-color:#2A3A57;color:#E8EDF6}
@media (hover: hover){:root[data-tema="noche"] .chip:hover,:root[data-tema="noche"] .btn-paper:hover{border-color:#A9B5CA}}
:root[data-tema="noche"] .demo-idea.usada::before{color:#4CCBA6}
:root[data-tema="noche"] #demo-ideas.modo-wa .demo-idea::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234CCBA6' d='M12.04 2a9.9 9.9 0 0 0-8.5 15l-1.4 5 5.2-1.36A9.9 9.9 0 1 0 12.04 2zm0 18.1a8.2 8.2 0 0 1-4.18-1.15l-.3-.18-3.08.8.82-3-.2-.31a8.2 8.2 0 1 1 6.94 3.84z'/%3E%3C/svg%3E")}
:root[data-tema="noche"] #demo-ideas.modo-wa .demo-idea{border-color:rgba(76,203,166,.45)}
:root[data-tema="noche"] .chip.on{background:#E8EDF6;color:#0B1322;border-color:#E8EDF6}
:root[data-tema="noche"] .btn-line{background:transparent;color:#E8EDF6;border-color:#E8EDF6}
:root[data-tema="noche"] .btn-line:hover{background:rgba(232,237,246,.08)}
:root[data-tema="noche"] .btn-ink{background:#2B4673;color:#FFFFFF;border-color:#2B4673}
:root[data-tema="noche"] .btn-ink:hover{background:#34528A}
:root[data-tema="noche"] .btn-go:focus-visible,:root[data-tema="noche"] .chip:focus-visible,:root[data-tema="noche"] a:focus-visible,:root[data-tema="noche"] button:focus-visible{outline-color:#4CCBA6}
:root[data-tema="noche"] input,:root[data-tema="noche"] select,:root[data-tema="noche"] textarea{background:#131E33;color:#E8EDF6;border-color:#2A3A57}
:root[data-tema="noche"] .wa-flotante{box-shadow:0 10px 26px rgba(0,0,0,.45)}

/* ---------- página de inicio (estilos en línea del diseño) ---------- */
:root[data-tema="noche"] [style*="background: #FFFFFF"],:root[data-tema="noche"] [style*="background: rgb(255, 255, 255)"]{background:#131E33 !important}
:root[data-tema="noche"] [style*="background: #F8F6F1"],:root[data-tema="noche"] [style*="background: rgb(248, 246, 241)"]{background:#0B1322 !important}
:root[data-tema="noche"] [style*="background: #10203B"],:root[data-tema="noche"] [style*="background: rgb(16, 32, 59)"]{background:#16233B !important;outline:1px solid #2F4466;outline-offset:-1px}
:root[data-tema="noche"] [style*="color: #0E7C66"],:root[data-tema="noche"] [style*="color: rgb(14, 124, 102)"]{color:#4CCBA6 !important}
:root[data-tema="noche"] [style*="color: #4A5873"],:root[data-tema="noche"] [style*="color: rgb(74, 88, 115)"]{color:#A9B5CA !important}
:root[data-tema="noche"] [style*="color: #10203B"],:root[data-tema="noche"] [style*="color: rgb(16, 32, 59)"]{color:#E8EDF6 !important}
:root[data-tema="noche"] [style*="background: #F2B52A"][style*="color: #10203B"],:root[data-tema="noche"] [style*="background: rgb(242, 181, 42)"][style*="color: rgb(16, 32, 59)"]{color:#10203B !important}
:root[data-tema="noche"] [style*="#E4E1DA"],:root[data-tema="noche"] [style*="rgb(228, 225, 218)"]{border-color:#2A3A57 !important}
:root[data-tema="noche"] [style*="rgba(16,32,59,0.12)"],:root[data-tema="noche"] [style*="rgba(16,32,59,0.20)"],:root[data-tema="noche"] [style*="rgba(16, 32, 59, 0.12)"],:root[data-tema="noche"] [style*="rgba(16, 32, 59, 0.2)"]{box-shadow:0 22px 48px rgba(0,0,0,.45) !important}
:root[data-tema="noche"] .niveles-hero a{background:#131E33;border-color:#2A3A57;color:#E8EDF6}
:root[data-tema="noche"] .niveles-hero a::after{border-color:#4CCBA6}
:root[data-tema="noche"] .niveles-hero a:hover{border-color:#4CCBA6}
:root[data-tema="noche"] .paso .n{background:#1D3256}
:root[data-tema="noche"] .paso p,:root[data-tema="noche"] .razon span,:root[data-tema="noche"] .grupo p,:root[data-tema="noche"] .faq summary::after{color:#A9B5CA}
:root[data-tema="noche"] .tags .tag{color:#E8EDF6}
:root[data-tema="noche"] .tags .tag::before{background:#4CCBA6}
:root[data-tema="noche"] .pases li{border-color:#2A3A57;color:#E8EDF6}
:root[data-tema="noche"] .lista-todo{border-color:#2A3A57}
:root[data-tema="noche"] .lista-todo summary,:root[data-tema="noche"] .verif{color:#4CCBA6}
:root[data-tema="noche"] .grupo b{color:#E8EDF6}
:root[data-tema="noche"] .chat{background:#0B141A;border-color:#2A3A57}
:root[data-tema="noche"] .bubble-me{background:#005C4B;color:#E9F5F1}
:root[data-tema="noche"] .bubble-profe{background:#1F2C34;color:#E8EDF6;border-color:#2A3A57}
:root[data-tema="noche"] .bubble-profe.escribiendo{color:#A9B5CA}
:root[data-tema="noche"] .chat-head .titulo{color:#E8EDF6}
:root[data-tema="noche"] .chat-head .sub{color:#A9B5CA}
:root[data-tema="noche"] #demo-texto{background:#131E33;color:#E8EDF6;border-color:#2A3A57}
:root[data-tema="noche"] .sello-hero{background:#12241F;border-color:rgba(76,203,166,.38);color:#8FE3CB;box-shadow:none}

/* ---------- diagnóstico ---------- */
:root[data-tema="noche"] .btn:not(.btn-go):not(.btn-ink):not(.btn-line):not(.btn-paper):not(.btn-pase){background:#131E33;color:#E8EDF6;border-color:#2A3A57}
:root[data-tema="noche"] .btn.btn-go{background:#0E7C66;color:#FFFFFF;border-color:#0E7C66}
:root[data-tema="noche"] .btn.btn-ink{background:#2B4673;color:#FFFFFF;border-color:#2B4673}
:root[data-tema="noche"] .campo{background:#131E33;color:#E8EDF6;border-color:#2A3A57}
:root[data-tema="noche"] .sugerencias{background:#131E33;border-color:#2A3A57;box-shadow:0 12px 28px rgba(0,0,0,.45)}
:root[data-tema="noche"] .sugerencias button{color:#E8EDF6}
:root[data-tema="noche"] .sugerencias button small,:root[data-tema="noche"] .sugerencias .vacio{color:#A9B5CA}
:root[data-tema="noche"] .sugerencias button:hover,:root[data-tema="noche"] .sugerencias button.activa{background:#10362F}
:root[data-tema="noche"] .opt{background:#131E33;color:#E8EDF6;border-color:#2A3A57}
:root[data-tema="noche"] .opt b,:root[data-tema="noche"] .opcion b{background:#1A2842;color:#E8EDF6}
:root[data-tema="noche"] .opt.ok,:root[data-tema="noche"] .opcion.ok,:root[data-tema="noche"] .explica,:root[data-tema="noche"] .nota-msg{background:#10362F;color:#E8EDF6}
:root[data-tema="noche"] .opt.bad,:root[data-tema="noche"] .opcion.mal,:root[data-tema="noche"] .explica.bad,:root[data-tema="noche"] .error{background:#3A1A1C;color:#FFD9D5}
:root[data-tema="noche"] .pila,:root[data-tema="noche"] .resultado{background:#16233B;color:#FFFFFF;outline:1px solid #2F4466;outline-offset:-1px}

/* ---------- app ---------- */
:root[data-tema="noche"] .tel,:root[data-tema="noche"] .pinbox,:root[data-tema="noche"] header.bar,:root[data-tema="noche"] nav.tabs,:root[data-tema="noche"] #composer,:root[data-tema="noche"] details.mas,:root[data-tema="noche"] .opcion,:root[data-tema="noche"] .step{background:#131E33;border-color:#2A3A57;color:#E8EDF6}
:root[data-tema="noche"] .icon{background:#131E33;color:#E8EDF6;border-color:#2A3A57}
:root[data-tema="noche"] .icon.on{background:#E8EDF6;color:#0B1322;border-color:#E8EDF6}
:root[data-tema="noche"] nav.subtabs button{background:#131E33;color:#A9B5CA;border-color:#2A3A57}
:root[data-tema="noche"] nav.subtabs button.on{background:#E8EDF6;color:#0B1322;border-color:#E8EDF6}
:root[data-tema="noche"] .bubble-profe{background:#1A2842;color:#E8EDF6;border-color:#2A3A57}
:root[data-tema="noche"] .bubble-profe a{color:#4CCBA6}
:root[data-tema="noche"] .fila-nota,:root[data-tema="noche"] #lateral{background:#0B1322}
:root[data-tema="noche"] #mensajes{background:#0B141A}

/* ---------- ayuda y páginas legales ---------- */
:root[data-tema="noche"] .contacto{background:#131E33;border-color:#2A3A57}
:root[data-tema="noche"] .via{background:#1A2842}
:root[data-tema="noche"] .nota,:root[data-tema="noche"] .aviso{background:#2E2712;color:#F3E6C4;border-color:#5A4A1E}

/* ---------- enlaces, logo y textos verdes ---------- */
:root[data-tema="noche"] a:not([class]){color:#4CCBA6}
:root[data-tema="noche"] header a:not([class]),:root[data-tema="noche"] footer a:not([class]),:root[data-tema="noche"] nav a:not([class]),:root[data-tema="noche"] a[aria-label="Juicioso, inicio"]{color:#E8EDF6}
:root[data-tema="noche"] a:not([class]):hover{color:#8FE3CB}
:root[data-tema="noche"] .logo,:root[data-tema="noche"] .logo .display{color:#E8EDF6}
:root[data-tema="noche"] .lema,:root[data-tema="noche"] .logo .lema{color:#4CCBA6}
:root[data-tema="noche"] .grupo .eyebrow,:root[data-tema="noche"] .pinbox .ver,:root[data-tema="noche"] details.mas summary,:root[data-tema="noche"] .sello{color:#4CCBA6}
:root[data-tema="noche"] #pago-simulado{background:#2E2712 !important;color:#F3E6C4}
:root[data-tema="noche"] [data-palabras]{--pal-off:rgba(232,237,246,.26)}
:root[data-tema="noche"] [data-palabras].oscuro{--pal-off:rgba(255,255,255,.26)}
:root[data-tema="noche"] .niveles-hero a{background:#131E33;border-color:#2A3A57;color:#E8EDF6}
:root[data-tema="noche"] [style*="color:var(--green)"],:root[data-tema="noche"] [style*="color: var(--green)"]{color:#4CCBA6 !important}
:root[data-tema="noche"] .regala-ico{background:#10362F}
:root[data-tema="noche"] .regala-ico svg{stroke:#4CCBA6}
:root[data-tema="noche"] .banda-regalo{background:#131E33;border-color:#4CCBA6;color:#E8EDF6}
:root[data-tema="noche"] .regalo-listo{border-color:#4CCBA6}
:root[data-tema="noche"] .estado-regalo.libre{color:#4CCBA6}
:root[data-tema="noche"] .meta-paso{background:#131E33;border-color:#2A3A57;color:#E8EDF6}
:root[data-tema="noche"] .mensaje{background:#10362F;color:#E8EDF6}
:root[data-tema="noche"] .mensaje.alerta{background:#3A1A1C;color:#FFD9D5}
:root[data-tema="noche"] .formula{background:#131E33;border-color:#2A3A57;color:#E8EDF6}
:root[data-tema="noche"] .fila-calc input.in-nota:placeholder-shown{background:#0B1322;border-color:#4A5D80}
:root[data-tema="noche"] .escenarios tr.pasa td:last-child,:root[data-tema="noche"] .agregar{color:#4CCBA6}
:root[data-tema="noche"] .pie-calc a{color:#E8EDF6}

/* ---------- portada sencilla (6/11/2026): bloques de niveles, comparación, equipo, experto y regalo ---------- */
:root[data-tema="noche"] .sub,:root[data-tema="noche"] .sub a{border-color:#2A3A57}
:root[data-tema="noche"] .sub a{color:#E8EDF6}
:root[data-tema="noche"] .sub a span,:root[data-tema="noche"] .persona-mini span{color:#A9B5CA}
:root[data-tema="noche"] .sub a::after{border-color:#4CCBA6}
:root[data-tema="noche"] .sub a:hover b{color:#4CCBA6}
:root[data-tema="noche"] .compara,:root[data-tema="noche"] .regala-linea{background:#131E33;border-color:#2A3A57;color:#E8EDF6}
:root[data-tema="noche"] .compara-fila{border-color:#2A3A57}
:root[data-tema="noche"] .compara-cab{background:#1D3256;color:#FFFFFF}
:root[data-tema="noche"] .compara .si,:root[data-tema="noche"] .compara-leyenda .si{color:#E8EDF6}
:root[data-tema="noche"] .compara .no,:root[data-tema="noche"] .compara-leyenda .no,:root[data-tema="noche"] .bloque-res{color:#A9B5CA}
:root[data-tema="noche"] .compara .si::before,:root[data-tema="noche"] .compara-leyenda .si::before{background:#123B33;color:#4CCBA6}
:root[data-tema="noche"] .compara .no::before,:root[data-tema="noche"] .compara-leyenda .no::before{background:#3A2630;color:#FF8A80}
:root[data-tema="noche"] .regala-linea a{color:#4CCBA6}
:root[data-tema="noche"] .bloque > summary::after{border-color:#4CCBA6}

/* ---------- nuestro método (portada y /metodo) ---------- */
:root[data-tema="noche"] .metodo-origen,:root[data-tema="noche"] .metodo-pie a{color:#4CCBA6}
:root[data-tema="noche"] .metodo-card p:not(.metodo-origen),:root[data-tema="noche"] .metodo-pie{color:#A9B5CA}
:root[data-tema="noche"] .origen{background:#131E33;border-color:#2A3A57}
:root[data-tema="noche"] .origen p,:root[data-tema="noche"] .pasos li span{color:#A9B5CA}
:root[data-tema="noche"] .origen p b{color:#E8EDF6}
:root[data-tema="noche"] .pasos li::before{background:#1D3256}
/* pase hasta tu examen (6/11/2026): tarjeta verde, tan vistosa como la del plan mensual */
:root[data-tema="noche"] .pase-card{background-color:#0B5C4C;background-image:linear-gradient(155deg,#0E6E5B 0%,#094B3F 100%);box-shadow:none;outline:1px solid #1C7A66;outline-offset:-1px}
:root[data-tema="noche"] .pase-card .pases li{border-color:rgba(255,255,255,.22);color:#FFFFFF}
:root[data-tema="noche"] .btn.btn-pase{background:#F2B52A;color:#10203B}
/* el botón flotante de WhatsApp se esconde mientras bajas leyendo (tema.js) */
body.wa-oculto .wa-flotante{opacity:0 !important;transform:translateY(24px) !important;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
@media (prefers-reduced-motion: reduce){body.wa-oculto .wa-flotante{transform:none !important;transition:none}}
/* títulos con líneas equilibradas: sin una palabra sola en la última línea */
h1,h2,h3{text-wrap:balance}