/* ============================================================
   tema.css — TOKENS COMPARTIDOS de los dos temas + modo claro
   (14/10, pedido de Maxi: «lo que hicimos es el dark mode; inventar la contraria y que el usuario elija»)
   ------------------------------------------------------------
   · Se carga DESPUÉS de la hoja de cada página (sofia/post/experiencia, landing, n2). Sirve igual para el
     N1, la landing, las páginas legales y el N2: los nombres de tokens son los mismos en todas.
   · <html data-theme="dark"> = lo de siempre (los valores de cada hoja no cambian).
     <html data-theme="light"> = el modo claro: misma identidad (Outfit, verde agua, píldoras, vidrio), con
     papel cálido de fondo, tinta verde-negra, el verde agua OSCURECIDO para texto (AA) y uno más vivo para
     rellenos (con tinta oscura encima), y sombras suaves en lugar de brillos.
   · Las hojas de cada pantalla tienen colores escritos a mano (rgba sobre negro). En vez de reescribirlas
     (otros agentes las tocan en paralelo), acá se pisan esos valores en claro, sección por sección.
     Al mergear todo, el paso siguiente es plegar estas reglas en tokens dentro de cada hoja.
   ============================================================ */

/* ── tokens nuevos (los dos temas) ── */
:root,html[data-theme="dark"]{
  --acento-relleno:#4fe3c6; --acento-relleno-hover:#6ff0d6; --acento-tinta:#04211b;
  --velo:4,6,6;                      /* color de las viñetas sobre la foto (rgb) */
  --tinta:255,255,255;               /* trazos finos sobre el fondo (rgb) */
  --sombra-1:0 1px 2px rgba(0,0,0,.3); --sombra-2:0 18px 40px rgba(0,0,0,.35);
  --tema-btn-bg:rgba(10,14,14,.62);
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f3ee; --bg-2:#fbfaf7; --bg-3:#ece8df;
  --texto:#13221f; --texto-2:#3d4b47; --texto-3:#5b6763;
  --acento:#0b7a66; --acento-2:#09695a;
  --acento-relleno:#3fd6b8; --acento-relleno-hover:#5ae0c6; --acento-tinta:#04211b;
  --acento-bg:rgba(11,122,102,.08); --acento-borde:rgba(11,122,102,.40);
  --vidrio:rgba(255,255,255,.74); --vidrio-2:rgba(255,255,255,.88);
  --borde:rgba(19,34,31,.11); --borde-2:rgba(19,34,31,.20);
  --ok:#0b7a66; --warn:#8a5a00; --danger:#b42318;
  --warn-bg:rgba(176,116,0,.09); --warn-borde:rgba(138,90,0,.36);
  --velo:245,243,238; --tinta:19,34,31;
  --sombra-1:0 1px 2px rgba(19,34,31,.06),0 4px 14px rgba(19,34,31,.06);
  --sombra-2:0 2px 6px rgba(19,34,31,.06),0 18px 40px rgba(19,34,31,.10);
  --tema-btn-bg:rgba(255,255,255,.8);
  /* post.css */
  --pe-card:rgba(255,255,255,.84); --pe-card-2:rgba(255,255,255,.94);
  --c-elogio:31,138,82; --c-queja:190,58,40; --c-patron:79,92,200; --c-oportunidad:11,122,102; --c-diferencial:160,104,0;
}
html[data-theme="light"] body{background:var(--bg);color:var(--texto)}

/* ══════════ el selector sol / luna (tema.js) ══════════ */
.tema-btn{
  position:fixed;z-index:35;left:max(12px,env(safe-area-inset-left));bottom:calc(env(safe-area-inset-bottom) + 12px);
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;
  color:var(--texto-2);background:var(--tema-btn-bg);border:1px solid var(--borde-2);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.78;transition:opacity .2s,color .2s,border-color .2s,transform .15s;
}
.tema-btn:hover,.tema-btn:focus-visible{opacity:1;color:var(--texto);border-color:var(--acento-borde)}
.tema-btn:focus-visible{outline:2px solid var(--acento);outline-offset:2px}
.tema-btn:active{transform:scale(.94)}
.tema-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tema-btn-en-barra{position:static;opacity:.85;margin-left:auto;width:34px;height:34px;flex:none}
/* N2: no pisar el botón del prototipo (abajo a la izquierda en compu) */
body[data-p]:not(.limpio) .tema-btn{bottom:calc(env(safe-area-inset-bottom) + 64px)}
/* mientras se arrastra la miniatura o hay llamada: que no estorbe */
body.pe-en-llamada .tema-btn,body.pe-llamando .tema-btn{opacity:.4}
body:has(.llamada) .tema-btn,body:has(.sop) .tema-btn,body:has(.velo) .tema-btn{display:none}
@media (prefers-reduced-motion:reduce){.tema-btn{transition:none}}
/* el cambio de tema se ve como un fundido corto, no como un salto */
html.tema-cambiando,html.tema-cambiando *{transition:background-color .25s ease,color .25s ease,border-color .25s ease !important}

/* ══════════ N1 · sofia.css ══════════ */
html[data-theme="light"] .sf-vineta{
  background:
    radial-gradient(120% 90% at 50% 30%, transparent 40%, rgba(var(--velo),.45) 78%, rgba(var(--velo),.8) 100%),
    linear-gradient(180deg, rgba(var(--velo),.45) 0%, transparent 18%, transparent 42%, rgba(var(--velo),.84) 62%, rgba(var(--velo),.97) 80%, var(--bg) 100%);
}
html[data-theme="light"] body[data-pantalla="documento"] .sf-vineta{
  background:
    linear-gradient(90deg, transparent 0%, transparent 36%, rgba(var(--velo),.75) 52%, var(--bg) 62%, var(--bg) 100%),
    linear-gradient(180deg, rgba(var(--velo),.4) 0%, transparent 20%, transparent 70%, rgba(var(--velo),.6) 100%);
}
html[data-theme="light"] body[data-pantalla="historial"] .sf-vineta,
html[data-theme="light"] body[data-pantalla="generando"] .sf-vineta{background:rgba(var(--velo),.84)}
html[data-theme="light"] body[data-pantalla="avatar"] .sf-vineta{background:rgba(var(--velo),.9)}
html[data-theme="light"] body[data-pantalla="entrevista"][data-estado="conectando"] .sf-vineta{background:rgba(var(--velo),.86)}
html[data-theme="light"] body[data-estado="pensando"] .sf-foto{filter:brightness(.97) saturate(.9)}
/* el ecualizador: en claro, verde agua que tiñe (multiply) en vez de luz que suma (screen) */
html[data-theme="light"] .sf-eq-detras{mix-blend-mode:multiply;opacity:.7}
html[data-theme="light"] .sf-segmentos i{background:rgba(var(--tinta),.14)}
html[data-theme="light"] .sf-segmentos i.hecho{background:rgba(11,122,102,.42)}
html[data-theme="light"] .sf-iniciales{background:#e2f3ee;border-color:rgba(11,122,102,.25);color:var(--acento-2)}
html[data-theme="light"] .sf-reloj{box-shadow:var(--sombra-1)}
html[data-theme="light"] .sf-reloj[data-nivel="poco"]{border-color:var(--warn-borde)}
html[data-theme="light"] .sf-titulo{text-shadow:0 1px 22px rgba(255,255,255,.7)}
html[data-theme="light"] .sf-btn-claro{background:#fff;color:#1f1f1f;border-color:var(--borde-2);box-shadow:var(--sombra-1)}
html[data-theme="light"] .sf-btn-acento{background:var(--acento-relleno);color:var(--acento-tinta);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 6px 18px rgba(11,122,102,.18)}
html[data-theme="light"] .sf-btn-acento:hover{background:var(--acento-relleno-hover);box-shadow:0 0 0 6px rgba(11,122,102,.12)}
html[data-theme="light"] .sf-btn-borde{background:rgba(255,255,255,.72);border-color:var(--acento-borde);color:var(--texto)}
html[data-theme="light"] .sf-btn-borde:hover{background:#fff}
html[data-theme="light"] .sf-link{text-decoration-color:rgba(var(--tinta),.28)}
html[data-theme="light"] .voz-finalizar{border-color:var(--acento-borde)}
html[data-theme="light"] .sf-error{color:#8c1d18;background:#fdecea;border-color:rgba(180,35,24,.28)}
html[data-theme="light"] .sf-mic-centro{background:rgba(255,255,255,.88);border-color:rgba(11,122,102,.5);
  box-shadow:0 0 0 calc(var(--nivel-in) * 10px) rgba(11,122,102,.12),var(--sombra-1)}
html[data-theme="light"] body[data-estado="hablando"] .sf-mic-centro{box-shadow:0 0 0 calc(var(--nivel-out) * 14px) rgba(11,122,102,.14),var(--sombra-1)}
html[data-theme="light"] body[data-estado="pensando"] .sf-mic-centro{border-color:rgba(var(--tinta),.22)}
html[data-theme="light"] .sf-onda{border-color:rgba(11,122,102,.22)}
html[data-theme="light"] .sf-onda-2{border-color:rgba(11,122,102,.12)}
html[data-theme="light"] body[data-estado="escuchando"] .sf-estado::before{background:#2fb89c;box-shadow:0 0 0 calc(2px + var(--nivel-in) * 8px) rgba(47,184,156,.2)}
html[data-theme="light"] body[data-estado="hablando"] .sf-estado::before{box-shadow:0 0 0 calc(2px + var(--nivel-out) * 8px) rgba(11,122,102,.18)}
html[data-theme="light"] .sf-cajon{background:rgba(251,250,247,.97);box-shadow:-18px 0 40px rgba(19,34,31,.08)}
html[data-theme="light"] .cap-chip{background:rgba(var(--tinta),.06)}
html[data-theme="light"] .cap-chip.confirmado{background:var(--acento-bg)}
html[data-theme="light"] .cap-chip.sugerido{background:var(--warn-bg)}
html[data-theme="light"] .cap-chip.pendiente{background:rgba(180,35,24,.08)}
html[data-theme="light"] .sf-candidato{box-shadow:var(--sombra-1)}
html[data-theme="light"] .sf-candidato:hover,html[data-theme="light"] .sf-candidato:focus-within{box-shadow:0 0 0 1px rgba(11,122,102,.22),var(--sombra-2)}
html[data-theme="light"] .sf-candidato-media{background:#e9e5dc}
html[data-theme="light"] .sf-candidato-media::after{background:linear-gradient(180deg,transparent 55%,rgba(255,255,255,.97) 100%)}
html[data-theme="light"] .sf-candidato:hover .sf-contratar{background:var(--acento-relleno);color:var(--acento-tinta);border-color:var(--acento-relleno)}
html[data-theme="light"] .sf-cargando{border-color:rgba(11,122,102,.18);border-top-color:var(--acento)}
html[data-theme="light"] .hist-item,html[data-theme="light"] .sf-archivo,html[data-theme="light"] .sf-opcion,html[data-theme="light"] .doc-card{box-shadow:var(--sombra-1)}
html[data-theme="light"] .sf-opcion-ico{background:#e4f4ef;border-color:rgba(11,122,102,.2)}
html[data-theme="light"] .sf-opcion.destacada{background:linear-gradient(135deg,rgba(63,214,184,.2),rgba(255,255,255,.92) 60%);box-shadow:0 0 0 1px rgba(11,122,102,.22),var(--sombra-2)}
html[data-theme="light"] .sf-desplegable{background:rgba(255,255,255,.92)}
html[data-theme="light"] .doc-md-pre{background:#fff}
html[data-theme="light"] #vx-toast{background:rgba(255,255,255,.97);box-shadow:var(--sombra-2)}
html[data-theme="light"] .sf-conexion-anillo::before{border-color:rgba(11,122,102,.18);border-top-color:var(--acento)}
html[data-theme="light"] .sf-conexion.lista .sf-conexion-anillo::before{border-color:var(--acento)}
html[data-theme="light"] .sf-conexion-anillo i{background:var(--acento-relleno);box-shadow:0 0 14px rgba(11,122,102,.35)}
html[data-theme="light"] .sf-vumetro i{box-shadow:none}
html[data-theme="light"] .sf-prueba-res[data-tipo="warn"],html[data-theme="light"] .sf-aviso[data-tipo="warn"]{border-color:var(--warn-borde);background:var(--warn-bg)}
html[data-theme="light"] .sf-aviso b{color:var(--acento)}
@media (max-width:760px){
  html[data-theme="light"] body[data-pantalla="documento"] .sf-vineta{
    background:linear-gradient(180deg,rgba(var(--velo),.35) 0%,transparent 14%,transparent 26%,rgba(var(--velo),.92) 44%,rgba(var(--velo),.99) 60%)}
  html[data-theme="light"] .sf-candidato-media::after{background:linear-gradient(90deg,transparent 60%,rgba(255,255,255,.92) 100%)}
}
@media (max-aspect-ratio:4/5){
  html[data-theme="light"] .sf-opcion.destacada{background:linear-gradient(135deg,#d6f4ec,#c2ece1);border-color:var(--acento)}
  html[data-theme="light"] .sf-opcion.destacada .sf-opcion-ico{background:var(--acento-relleno);border-color:transparent}
  html[data-theme="light"] .sf-opcion.destacada .sf-opcion-ico svg{stroke:var(--acento-tinta)}
  html[data-theme="light"] .sf-opcion.destacada small{color:var(--texto-2)}
}

/* ══════════ N1 · post.css (actos 2-4, nexo, cierre en dos caminos) ══════════ */
html[data-theme="light"] body[data-pantalla="trabajando"] .sf-fondo,
html[data-theme="light"] body[data-pantalla="reunion"] .sf-fondo{box-shadow:0 0 0 1px rgba(var(--tinta),.12),0 14px 34px rgba(19,34,31,.2),0 3px 10px rgba(19,34,31,.12)}
@keyframes pe-borde-claro{0%,100%{box-shadow:0 0 0 1px rgba(11,122,102,.25),0 14px 34px rgba(19,34,31,.2)}50%{box-shadow:0 0 0 1.5px rgba(11,122,102,.7),0 0 22px rgba(63,214,184,.3),0 14px 34px rgba(19,34,31,.2)}}
html[data-theme="light"] body[data-pantalla="trabajando"]:not(.pe-mision-lista) .sf-fondo{animation-name:pe-borde-claro}
html[data-theme="light"] body[data-pantalla="trabajando"] .sf-videos,
html[data-theme="light"] body[data-pantalla="trabajando"] .sf-foto{filter:saturate(.95)}
html[data-theme="light"] body[data-pantalla="whatsapp"] .sf-vineta{background:rgba(var(--velo),.88) !important}
html[data-theme="light"] .pe-hud-chip{background:rgba(255,255,255,.86);border-color:rgba(var(--tinta),.12);color:var(--texto)}
html[data-theme="light"] .pe-hud-chip.pe-sim{border-color:var(--warn-borde)}
html[data-theme="light"] .pe-scan{background:linear-gradient(180deg,transparent,rgba(63,214,184,.12) 70%,rgba(63,214,184,.4) 99%,transparent)}
html[data-theme="light"] body.pe-en-llamada .pe-subs{background:rgba(255,255,255,.96);box-shadow:var(--sombra-2)}
html[data-theme="light"] .pe-controles{background:linear-gradient(180deg,rgba(var(--velo),0),rgba(var(--velo),.86) 45%,rgba(var(--velo),.97))}
html[data-theme="light"] .pe-ctl{background:rgba(255,255,255,.94);border-color:var(--borde-2);box-shadow:var(--sombra-1)}
html[data-theme="light"] .pe-ctl-fin{background:#c8373e;border-color:transparent;color:#fff}
html[data-theme="light"] .pe-etapa{box-shadow:var(--sombra-1)}
html[data-theme="light"] .pe-etapa-ok{background:var(--acento-relleno)}
html[data-theme="light"] .pe-etapa.activa{background:#e6f5f0;border-color:rgba(11,122,102,.45)}
html[data-theme="light"] .pe-etapa.activa .pe-etapa-ico::after{border-right-color:rgba(11,122,102,.3)}
html[data-theme="light"] .pe-linea::before{background:linear-gradient(180deg,rgba(11,122,102,.4),rgba(var(--tinta),.08))}
html[data-theme="light"] .pe-ev-punto{border-color:rgba(11,122,102,.55)}
html[data-theme="light"] .pe-ev.listo .pe-ev-punto{box-shadow:0 0 10px rgba(11,122,102,.35)}
html[data-theme="light"] .pe-cta-wrap{background:linear-gradient(180deg,rgba(var(--velo),0),rgba(var(--velo),.97) 22%,var(--bg))}
html[data-theme="light"] .pe-error{background:#fdecea;border-color:rgba(180,35,24,.28);color:#8c1d18}
html[data-theme="light"] .pe-faltan li{background:var(--warn-bg);border-color:var(--warn-borde)}
html[data-theme="light"] .pe-precall-card{background:linear-gradient(140deg,rgba(63,214,184,.16),rgba(255,255,255,.94) 55%);border-color:rgba(11,122,102,.35);box-shadow:var(--sombra-1)}
html[data-theme="light"] .pe-rep-nota{background:var(--warn-bg);border-color:var(--warn-borde)}
html[data-theme="light"] .pe-pill{background:rgba(var(--tinta),.06)}
html[data-theme="light"] .pe-pill.pe-sim,html[data-theme="light"] .pe-conf-media{background:var(--warn-bg)}
html[data-theme="light"] .pe-conf-alta{background:var(--acento-bg)}
html[data-theme="light"] .pe-conf-baja{background:rgba(180,35,24,.08)}
html[data-theme="light"] .pe-hallazgo{box-shadow:var(--sombra-1)}
html[data-theme="light"] .pe-prio i{background:rgba(var(--tinta),.12)}
html[data-theme="light"] .pe-evid li{background:rgba(var(--tinta),.035)}
html[data-theme="light"] .pe-capacidad{background:var(--acento-bg);border-color:var(--acento-borde)}
html[data-theme="light"] .pe-asp{color:#5b45b0;background:rgba(91,69,176,.1)}
html[data-theme="light"] .pe-estrellas-base{color:rgba(var(--tinta),.18)}
html[data-theme="light"] .pe-estrellas-llenas{color:#d4930a}
html[data-theme="light"] .pe-postal{box-shadow:var(--sombra-1)}
html[data-theme="light"] .pe-postal-n{background:var(--acento-bg);border-color:var(--acento-borde)}
html[data-theme="light"] .pe-wa-btns{background:linear-gradient(180deg,rgba(var(--velo),0),rgba(var(--velo),.96) 20%,var(--bg))}
@media (min-width:900px){html[data-theme="light"] .pe-wa-btns{background:none}}
/* nexo (v2) */
html[data-theme="light"] body[data-pantalla="documento"]:has(.nx) .sf-fondo{filter:blur(3px) saturate(.8);opacity:.35}
html[data-theme="light"] .nx-prop,html[data-theme="light"] .nx-col{box-shadow:var(--sombra-1)}
html[data-theme="light"] .nx-n2{border-color:var(--warn-borde)}
html[data-theme="light"] .nx-mision,html[data-theme="light"] .nx-cap,html[data-theme="light"] .nx-inv{background:rgba(255,255,255,.75)}
html[data-theme="light"] .nx-estado-bloqueada_parcial{border-color:var(--warn-borde)}
html[data-theme="light"] .nx-muestra{background:var(--acento-bg)}
html[data-theme="light"] .nx-linea .nx-aviso .pe-ev-punto{background:var(--warn-bg)}
html[data-theme="light"] .nx [data-tarjeta].pe-foco:not(.nx-col):not(.nx-head){box-shadow:0 0 0 1px var(--acento-borde),0 10px 30px rgba(11,122,102,.12)}
html[data-theme="light"] .nx-n2 .nx-cap.pe-foco{border-color:var(--warn-borde);box-shadow:0 0 0 1px var(--warn-borde),0 10px 30px rgba(138,90,0,.1)}
/* F4 · cierre en dos caminos (cierre-n1.js) */
html[data-theme="light"] .cx-camino{background:rgba(255,255,255,.92);box-shadow:var(--sombra-2)}
html[data-theme="light"] .cx-c1{border-color:rgba(11,122,102,.45);background:linear-gradient(150deg,rgba(63,214,184,.16),rgba(255,255,255,.95) 55%)}
html[data-theme="light"] .cx-c2{border-color:var(--warn-borde);background:linear-gradient(150deg,rgba(217,154,11,.12),rgba(255,255,255,.95) 55%)}
html[data-theme="light"] .cx-n{background:var(--acento-relleno);color:var(--acento-tinta)}
html[data-theme="light"] .cx-tag-n2 .cx-n{background:#e9b949;color:#2a1e05}
html[data-theme="light"] .cx-prop{background:rgba(255,255,255,.75)}
html[data-theme="light"] .cx-prop:hover{border-color:rgba(11,122,102,.35)}
html[data-theme="light"] .cx-prop[aria-checked="true"]{background:var(--acento-bg)}
html[data-theme="light"] .cx-n2-nota{background:var(--warn-bg);border-color:var(--warn-borde)}
html[data-theme="light"] .cx-sim{background:#fbfaf7;border-color:var(--borde)}
html[data-theme="light"] .cx-sim-top{background:rgba(var(--tinta),.03);border-bottom-color:var(--borde)}
html[data-theme="light"] .cx-sim-rot{border-color:var(--warn-borde)}
html[data-theme="light"] .cx-entra p{background:rgba(var(--tinta),.06)}
html[data-theme="light"] .cx-sale p{background:rgba(63,214,184,.18);border-color:rgba(11,122,102,.3)}
html[data-theme="light"] .cx-aviso{background:rgba(var(--tinta),.05)}
html[data-theme="light"] .cx-logro{background:rgba(63,214,184,.14);border-color:rgba(11,122,102,.4);box-shadow:none}
html[data-theme="light"] .cx-logro-ico{background:var(--acento-relleno);color:var(--acento-tinta)}
html[data-theme="light"] .cx-sim-pasos i{background:rgba(var(--tinta),.1)}

/* ══════════ N1 · experiencia.css (Radar sobre la escena, videollamada, comunidad, revelación) ══════════ */
html[data-theme="light"] .pe-escena{background:var(--bg)}
html[data-theme="light"] .pe-escena-luz{mix-blend-mode:soft-light}
html[data-theme="light"] .pe-escena-vineta{background:linear-gradient(180deg,rgba(var(--velo),.5) 0%,rgba(var(--velo),0) 14%,rgba(var(--velo),0) 24%,rgba(var(--velo),.78) 36%,rgba(var(--velo),.94) 48%,var(--bg) 70%)}
html[data-theme="light"] .pe-escena.pe-escena-fin .pe-escena-img,
html[data-theme="light"] .pe-escena.pe-escena-fin .pe-escena-video{filter:blur(10px) saturate(.7) brightness(1.06);opacity:.3}
html[data-theme="light"] body.pe-con-escena[data-pantalla="trabajando"] .pe-titulo{text-shadow:0 1px 20px rgba(255,255,255,.8)}
html[data-theme="light"] body.pe-con-escena[data-pantalla="trabajando"] .pe-bajada,
html[data-theme="light"] body.pe-con-escena[data-pantalla="trabajando"] .pe-ev p{text-shadow:0 1px 12px rgba(255,255,255,.9)}
html[data-theme="light"] body.pe-con-escena[data-pantalla="trabajando"] .pe-etapa{background:rgba(255,255,255,.74)}
html[data-theme="light"] body.pe-con-escena[data-pantalla="trabajando"] .pe-etapa.activa{background:rgba(230,245,240,.9)}
html[data-theme="light"] body.pe-llamando[data-pantalla="trabajando"] .sf-fondo{box-shadow:0 0 0 1px rgba(11,122,102,.4),0 0 50px rgba(63,214,184,.25),0 30px 70px rgba(19,34,31,.22)}
html[data-theme="light"] body:not(.pe-con-escena) .pe-llamada{background:radial-gradient(90% 70% at 50% 30%,rgba(208,240,231,.18),rgba(var(--velo),.96) 72%)}
html[data-theme="light"] .pe-llamada-vivo,html[data-theme="light"] .pe-llamada-nombre{background:rgba(255,255,255,.84);border-color:rgba(var(--tinta),.12);color:var(--texto)}
html[data-theme="light"] .pe-llamada-ondas i{border-color:rgba(11,122,102,.45)}
html[data-theme="light"] .pe-llamada-si{color:var(--acento-tinta);border-color:rgba(11,122,102,.5);background:linear-gradient(135deg,#6af0d4,#34c9ab)}
html[data-theme="light"] .pe-llamada-si:focus-visible{outline-color:var(--acento)}
html[data-theme="light"] .pe-hud-fin{background:rgba(var(--velo),.84)}
html[data-theme="light"] .pe-hud-fin svg{fill:#c8373e}
html[data-theme="light"] body[data-pantalla="comunidad"] .sf-vineta{background:radial-gradient(80% 60% at 50% 32%,rgba(var(--velo),.76),rgba(var(--velo),.95) 70%) !important}
html[data-theme="light"] .pe-com-halo{background:radial-gradient(circle,rgba(63,214,184,.32),rgba(63,214,184,.08) 45%,transparent 68%)}
html[data-theme="light"] .pe-com-piso{background:radial-gradient(closest-side,rgba(19,34,31,.22),transparent)}
html[data-theme="light"] .pe-com-chispas i{box-shadow:0 0 8px rgba(11,122,102,.5)}
/* el celular en claro: cuerpo plateado, pantalla clara */
html[data-theme="light"] .pe-tel-cuerpo{background:linear-gradient(145deg,#ffffff,#e4e8e6 38%,#d3dad7);
  box-shadow:inset 0 0 0 1.5px rgba(var(--tinta),.1),0 40px 70px rgba(19,34,31,.22),0 0 70px rgba(63,214,184,.2)}
html[data-theme="light"] .pe-tel-canto{background:#c3cbc8;box-shadow:0 0 0 1px rgba(11,122,102,.12)}
html[data-theme="light"] .pe-tel-pantalla{background:radial-gradient(120% 60% at 50% 0%,#e3f6f1,#f6faf8 55%,#ffffff)}
html[data-theme="light"] .pe-tel-barra i{background:#1c2422}
html[data-theme="light"] .pe-tel-grupo{border-bottom-color:rgba(var(--tinta),.08)}
html[data-theme="light"] .pe-tel-msg{background:#fff;border-color:rgba(var(--tinta),.08);box-shadow:0 1px 3px rgba(19,34,31,.06)}
html[data-theme="light"] .pe-tel-brillo{background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.6) 46%,transparent 56%)}
html[data-theme="light"] .pe-com-burbuja{background:rgba(255,255,255,.92);border-color:var(--acento-borde);box-shadow:var(--sombra-2)}
html[data-theme="light"] .pe-com-badge{background:var(--acento-relleno);color:var(--acento-tinta);box-shadow:0 0 0 4px rgba(63,214,184,.22),0 6px 16px rgba(19,34,31,.18)}
html[data-theme="light"] .sf-camino{background:rgba(255,255,255,.9);box-shadow:var(--sombra-1)}
html[data-theme="light"] .sf-camino-1{border-color:rgba(11,122,102,.45);background:linear-gradient(150deg,rgba(63,214,184,.16),rgba(255,255,255,.94) 52%);box-shadow:var(--sombra-2)}
html[data-theme="light"] .sf-camino-n{background:rgba(var(--tinta),.07)}
html[data-theme="light"] .sf-camino-1 .sf-camino-n{background:var(--acento-relleno);color:var(--acento-tinta)}
html[data-theme="light"] .sf-camino-tag{background:var(--warn-bg);border-color:var(--warn-borde)}
html[data-theme="light"] .sf-camino-tag.sf-tag-ok{background:var(--acento-bg);border-color:var(--acento-borde)}
html[data-theme="light"] .sf-camino-lista li{background:var(--acento-bg)}
html[data-theme="light"] .sf-caps li{background:rgba(var(--tinta),.035);border-color:var(--borde)}
html[data-theme="light"] .sf-n2-ok{background:var(--acento-bg);border-color:var(--acento-borde)}
@keyframes sf-revela-foto-claro{from{filter:brightness(1.7) blur(14px);transform:scale(1.08)}to{filter:none;transform:none}}
html[data-theme="light"] body.pe-revelacion[data-pantalla="documento"] .sf-foto,
html[data-theme="light"] body.pe-revelacion[data-pantalla="documento"] .sf-videos{animation-name:sf-revela-foto-claro}
@media (min-width:900px){
  html[data-theme="light"] .pe-escena-vineta{background:linear-gradient(90deg,rgba(var(--velo),.95) 0%,rgba(var(--velo),.84) 30%,rgba(var(--velo),.35) 50%,rgba(var(--velo),0) 64%),
    linear-gradient(180deg,rgba(var(--velo),.45) 0%,transparent 18%,transparent 80%,rgba(var(--velo),.55) 100%)}
}

/* ══════════ landing + páginas legales · landing.css ══════════ */
html[data-theme="light"] .lp-top{background:rgba(245,243,238,.86)}
html[data-theme="light"] .btn-acento{background:var(--acento-relleno);color:var(--acento-tinta);box-shadow:0 6px 18px rgba(11,122,102,.18)}
html[data-theme="light"] .btn-acento:hover{background:var(--acento-relleno-hover)}
html[data-theme="light"] .hero-media{box-shadow:var(--sombra-2)}
html[data-theme="light"] .hero-media .etiqueta{background:rgba(255,255,255,.86);box-shadow:var(--sombra-1)}
html[data-theme="light"] .cand,html[data-theme="light"] .acto,html[data-theme="light"] .contraste > div,
html[data-theme="light"] .precio-caja,html[data-theme="light"] .faq details{background:var(--bg-2);box-shadow:var(--sombra-1)}
html[data-theme="light"] .contraste .bien{background:#e8f6f2}
html[data-theme="light"] .barra-compra{background:rgba(245,243,238,.94);box-shadow:0 -8px 24px rgba(19,34,31,.06)}
html[data-theme="light"] .hoja:has(.hoja-panel){background:rgba(19,34,31,.32)}
html[data-theme="light"] .hoja-panel{background:#fff;box-shadow:var(--sombra-2)}
html[data-theme="light"] .hoja input[type=email]{background:var(--bg)}
html[data-theme="light"] .pendiente{background:var(--warn-bg)}
html[data-theme="light"] .form input,html[data-theme="light"] .form textarea{background:#fff}

/* ══════════ N2 · n2.css (también la rama n2-sofia: los mismos nombres de clase) ══════════ */
html[data-theme="light"] .esc,html[data-theme="light"] .slot{background:#e9e5dc}
html[data-theme="light"] .esc-vineta{background:linear-gradient(180deg,rgba(var(--velo),.5) 0%,transparent 20%,transparent 55%,rgba(var(--velo),.88) 86%,var(--bg) 100%)}
html[data-theme="light"] .chip-prov,html[data-theme="light"] .ll-prov{background:rgba(255,255,255,.88);border-color:var(--warn-borde)}
html[data-theme="light"] .subs{background:rgba(255,255,255,.95);box-shadow:var(--sombra-2)}
html[data-theme="light"] .top-centro{text-shadow:0 1px 10px rgba(255,255,255,.8)}
html[data-theme="light"] .redondo,html[data-theme="light"] .trabe{background:rgba(255,255,255,.78)}
html[data-theme="light"] .iniciales{background:#e2f3ee;border-color:rgba(11,122,102,.25);color:var(--acento-2)}
html[data-theme="light"] .titulo{text-shadow:0 1px 22px rgba(255,255,255,.75)}
html[data-theme="light"] .aviso.warn{color:#6b4600}
html[data-theme="light"] .btn-acento{background:var(--acento-relleno);color:var(--acento-tinta)}
html[data-theme="light"] .btn-borde{background:rgba(255,255,255,.75)}
html[data-theme="light"] .btn-borde:hover{background:#fff}
html[data-theme="light"] .link{text-decoration-color:rgba(var(--tinta),.28)}
html[data-theme="light"] .pz{background:rgba(255,255,255,.75)}
html[data-theme="light"] .pz.hecha,html[data-theme="light"] .pasos input:checked,html[data-theme="light"] .envio input:checked,
html[data-theme="light"] .so-sel button.on,html[data-theme="light"] .objetivos li i,html[data-theme="light"] .escuchar i{background:var(--acento-relleno);border-color:var(--acento-relleno)}
html[data-theme="light"] .pz.actual::after{border-right-color:rgba(11,122,102,.3)}
html[data-theme="light"] code{background:rgba(var(--tinta),.06)}
html[data-theme="light"] .escuchar{background:rgba(255,255,255,.88)}
html[data-theme="light"] .velo{background:rgba(19,34,31,.3)}
html[data-theme="light"] .hoja{background:#fbfaf7;box-shadow:0 -20px 60px rgba(19,34,31,.16)}
html[data-theme="light"] .opc.freno{color:#a3261c}
html[data-theme="light"] .prog i{background:rgba(var(--tinta),.12)}
html[data-theme="light"] .rescate,html[data-theme="light"] .correo{background:#fff}
html[data-theme="light"] .freno-box,html[data-theme="light"] .aviso.freno{background:#fdecea;border-color:rgba(180,35,24,.3)}
html[data-theme="light"] .freno-box h2,html[data-theme="light"] .aviso.freno{color:#8c1d18}
html[data-theme="light"] .freno-box p{color:#7a2a24}
html[data-theme="light"] .prox{background:rgba(255,255,255,.72)}
html[data-theme="light"] .llamada{background:rgba(var(--velo),.92)}
html[data-theme="light"] .ll-marco,html[data-theme="light"] .ll-marco video{background:#e9e5dc}
html[data-theme="light"] .ll-capa{background:linear-gradient(180deg,transparent 0%,rgba(var(--velo),.8) 34%,rgba(var(--velo),.97) 100%)}
html[data-theme="light"] .ll-play{background:rgba(var(--tinta),.06)}
html[data-theme="light"] .ll-prog{background:rgba(var(--tinta),.14)}
html[data-theme="light"] .ll-saltar{background:rgba(255,255,255,.8)}
html[data-theme="light"] .ll-salto{background:rgba(var(--tinta),.06)}
/* la llamada entrante: el fondo desenfocado era el video de bienvenida (oscuro, sin versión clara) → en claro no se muestra */
html[data-theme="light"] .ll-sonando #ll-vid{opacity:0}
html[data-theme="light"] .ll-ava img,html[data-theme="light"] .ll-ava video{background:#e9e5dc;border-color:rgba(11,122,102,.5)}
html[data-theme="light"] .ll-ava .anillo{border-color:rgba(11,122,102,.45)}
html[data-theme="light"] #toast{background:rgba(255,255,255,.97);box-shadow:var(--sombra-2)}
html[data-theme="light"] .paso-cmd code{background:rgba(var(--tinta),.05)}
html[data-theme="light"] .paso-cmd button{background:#fff}
html[data-theme="light"] .so-sel{background:rgba(255,255,255,.72)}
html[data-theme="light"] .opc-voz{background:#e7f5f1}
html[data-theme="light"] .sop-video{background:#e9e5dc}
html[data-theme="light"] .sop-video .esc-vineta{background:linear-gradient(180deg,rgba(var(--velo),.35) 0%,transparent 30%,transparent 60%,var(--bg) 100%)}
html[data-theme="light"] .sop-reloj{background:rgba(255,255,255,.86)}
html[data-theme="light"] .sop-sim{background:#fff6e0;border-color:var(--warn-borde)}
html[data-theme="light"] .burb.empleado{box-shadow:var(--sombra-1)}
html[data-theme="light"] .burb.usuario{background:rgba(63,214,184,.18)}
html[data-theme="light"] .sop-ops button{background:rgba(255,255,255,.86)}
html[data-theme="light"] .sop-resp input{background:#fff}
html[data-theme="light"] .datos-sop{background:var(--warn-bg);border-color:var(--warn-borde)}
html[data-theme="light"] .envio{background:rgba(255,255,255,.72)}
html[data-theme="light"] .tarjeta,html[data-theme="light"] .ficha div,html[data-theme="light"] .opc{box-shadow:var(--sombra-1)}
@media (min-width:900px){
  html[data-theme="light"] .esc-vineta{background:linear-gradient(90deg,transparent 0%,transparent 62%,rgba(var(--velo),.75) 86%,var(--bg) 100%),linear-gradient(180deg,rgba(var(--velo),.4) 0%,transparent 18%,transparent 74%,rgba(var(--velo),.5) 100%)}
  html[data-theme="light"] .ll-marco{box-shadow:0 30px 90px rgba(19,34,31,.25)}
  html[data-theme="light"] .ll-entrante,html[data-theme="light"] .ll-fin{background:rgba(255,255,255,.95)}
  html[data-theme="light"] .sop-video .esc-vineta{background:linear-gradient(90deg,transparent 60%,var(--bg) 100%)}
}

/* home-login (15/10): con el 4º link legal (Defensa del consumidor) la línea del inicio se parte en el celular y el
   sol/luna (fijo abajo a la izquierda) tapaba «Términos»: margen a los costados para que no se pisen. */
@media (max-width:640px){ body[data-pantalla="gate"] .sf-legales{padding:0 46px} }

/* home-login (15/10): casilla de opt-in del inicio (discreta, debajo de «Continuar con Google»; sólo con HOME_SOLO_LOGIN) */
.sf-casilla{display:flex;gap:10px;align-items:flex-start;max-width:360px;margin:12px auto 0;text-align:left;font-size:13px;line-height:1.45;color:var(--texto-2);cursor:pointer}
.sf-casilla input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:1px 0 0;border-radius:5px;border:1.5px solid var(--borde-2);background:transparent;display:grid;place-items:center;cursor:pointer}
.sf-casilla input:checked{background:var(--acento-relleno);border-color:var(--acento-relleno)}
.sf-casilla input:checked::after{content:"";width:8px;height:4px;border-left:2px solid var(--acento-tinta);border-bottom:2px solid var(--acento-tinta);transform:translateY(-1px) rotate(-45deg)}
.sf-casilla input:focus-visible{outline:2px solid var(--acento);outline-offset:2px}
/* consentimiento-obligatorio (15/10): el botón de Google apagado hasta marcar la casilla (aria-disabled, sigue tocable para avisar) */
.sf-btn-apagado{opacity:.5;filter:saturate(.6);cursor:not-allowed}
.sf-btn-apagado:hover{transform:none}
.sf-casilla a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.sf-casilla-aviso{max-width:360px;margin:8px auto 0;font-size:13px;color:var(--warn,#f2c66d);text-align:left}
html[data-theme="light"] .sf-casilla-aviso{color:#8a5a00}

/* ══════════ N2 · «Me trabé» por chat (15/10) ══════════ */
html[data-theme="light"] .trabe,html[data-theme="light"] .trabe-btn{background:#f2c66d;border-color:#e0b04f;color:#2a1e05;box-shadow:0 6px 18px rgba(176,116,0,.18)}
html[data-theme="light"] .trabe-panel{background:var(--warn-bg);border-color:var(--warn-borde)}
html[data-theme="light"] .opc-chat{background:#e7f5f1}
html[data-theme="light"] .ayuda-barra{background:rgba(var(--tinta),.12)}
html[data-theme="light"] .ayuda-barra i{background:var(--acento-relleno)}
html[data-theme="light"] .ayuda-barra.poca i{background:#e0a92e}
html[data-theme="light"] .cht{background:var(--bg)}
@media (min-width:760px){ html[data-theme="light"] .cht{box-shadow:0 30px 90px rgba(19,34,31,.22)} }
html[data-theme="light"] .cht-ava{background:#e9e5dc}
html[data-theme="light"] .cht-lista .burb code{background:rgba(var(--tinta),.07)}
html[data-theme="light"] .burb-img{background:#e9e5dc}
html[data-theme="light"] .cht-fila textarea{background:#fff}
html[data-theme="light"] .cht-adj,html[data-theme="light"] .cht-acciones button{background:#fff}
html[data-theme="light"] .cht-enviar,html[data-theme="light"] .cht-check input:checked{background:var(--acento-relleno);border-color:var(--acento-relleno)}
html[data-theme="light"] .burb.aviso-burb{background:#fff6e0}
body:has(.cht) .tema-btn{display:none}