/*
 * Modo claro de la portada y del formulario de inicio (feature 118, Maxi 2026-10-26: «hacele el modo claro también» ·
 * «se selecciona en la landing el modo, no dentro del form»). Se elige con el botón de la barra de arriba y queda en
 * elan_tema, el mismo que usa el panel; sin elegir, el del teléfono. Todo va acotado a :root[data-theme="light"]: en
 * oscuro la portada queda como siempre.
 */
:root[data-theme="light"] {
  color-scheme: light;
  /* La portada (landing-skin.css) */
  --lx-bg: #FAF9FD;
  --lx-card: #FFFFFF;
  --lx-card2: #F3F0FB;
  --lx-line: rgba(30,20,70,.1);
  --lx-t1: #17142A;
  --lx-t2: #3B3652;
  --lx-t3: #5C5672;
  --lx-t4: #757089;
  --lx-violet-t: #5631E0;
  --lx-orange-t: #B53D06;
  --lx-grad-text: linear-gradient(110deg, #5631E0 8%, #C2410C 92%);
  /* El formulario y lo que queda del CSS de antes */
  --ink: #FFFFFF;
  --ink2: #F6F4FB;
  --rose: #5B3AE0;
  --rose-d: rgba(91,58,224,.1);
  --t-dark: #1B1726;
  --t-dim: #5F5978;
  --t4: #77718E;
  --border-dark: rgba(30,20,70,.1);
  --w-line: rgba(30,20,70,.14);
  --w-soft: #F6F4FB;
  --w-bubble: #EFECF7;
  --w-bloque-line: #D6CAFF;
  --w-bloque-bg: #F8F5FF;
}

/* ── La portada: lo que no sale de las variables ── */
:root[data-theme="light"] .nav { background: rgba(250,249,253,.86); }
:root[data-theme="light"] .lx-notif { background: rgba(255,255,255,.94); border-color: var(--lx-line); box-shadow: 0 16px 40px -18px rgba(40,25,90,.35); }
:root[data-theme="light"] .lx-cap .mini-chat.compact { background: var(--lx-card2); }
:root[data-theme="light"] .lx-phone-col .phone { box-shadow: 0 50px 110px -30px rgba(40,25,90,.45), 0 0 0 1px rgba(30,20,70,.08), 0 0 80px -20px rgba(109,69,249,.3); }
:root[data-theme="light"] .lx-plan.pro { box-shadow: 0 0 0 1px rgba(109,69,249,.35), 0 30px 80px -30px rgba(109,69,249,.45); }

/* ── El formulario de inicio ── */
:root[data-theme="light"] .wizard-overlay { background: rgba(28,20,60,.42); }
:root[data-theme="light"] .wizard { border-color: var(--w-line); box-shadow: 0 30px 80px -30px rgba(40,25,90,.45); }
:root[data-theme="light"] .wizard-close,
:root[data-theme="light"] .wbtn-back,
:root[data-theme="light"] .reveal-btn-secondary { background: #fff; border-color: var(--w-line); }
:root[data-theme="light"] .wizard-close:hover,
:root[data-theme="light"] .wbtn-back:hover,
:root[data-theme="light"] .reveal-btn-secondary:hover { background: var(--w-soft); }
:root[data-theme="light"] .wstep-num { background: #fff; border-color: var(--w-line); }
:root[data-theme="light"] .wstep.done .wstep-num { background: var(--rose-d); border-color: rgba(91,58,224,.35); }
:root[data-theme="light"] .wstep-line { background: var(--w-line); }
:root[data-theme="light"] .wizard-footer { border-top-color: var(--w-line); }
:root[data-theme="light"] :is(.winput, .wselect, .wtextarea, .winput-sm, .wtextarea-sm, .reveal-chat-input textarea) { background: #fff; border-color: var(--w-line); }
:root[data-theme="light"] :is(.winput, .wtextarea, .winput-sm, .wtextarea-sm)::placeholder { color: #A7A1BB; }
:root[data-theme="light"] .wselect option { background: #fff; }
:root[data-theme="light"] :is(.name-pill, .acampo, .aej, .afuente, .aop, .adoc, .dynamic-item, .add-item-btn, .reveal-chat, .reveal-bub) { border-color: var(--w-line); }
:root[data-theme="light"] :is(.name-pill, .afuente, .dynamic-item, .add-item-btn) { background: #fff; }
:root[data-theme="light"] .acampo { background: #fff; }
:root[data-theme="light"] .aclaro { background: var(--w-soft); }
:root[data-theme="light"] .afuente .aico { color: var(--rose); }
:root[data-theme="light"] .afuente .alogo { box-shadow: 0 0 0 1px var(--w-line); }
:root[data-theme="light"] .reveal-chat-input { background: var(--w-soft); border-top-color: var(--w-line); }
:root[data-theme="light"] .reveal-bub { background: var(--w-soft); }
:root[data-theme="light"] .cb-in,
:root[data-theme="light"] .voz-respuesta { background: #fff; }
:root[data-theme="light"] .cb-chip { color: #11784F; background: #E2F4EB; }
:root[data-theme="light"] .cb-error,
:root[data-theme="light"] .cb-mal .cb-check,
:root[data-theme="light"] .wfield-error { color: #B42331; }
:root[data-theme="light"] #afichas :is(.fichas-estado, .fichas-nota) { color: var(--t-dim); }
:root[data-theme="light"] #afichas .fichas-fila { border-color: var(--w-line); }
:root[data-theme="light"] .wstep.active .wstep-num { background: var(--rose); border-color: var(--rose); color: #fff; }
:root[data-theme="light"] .aweb-chica .aweb-btn { background: #fff; border-color: var(--w-line); color: var(--t-dark); }
:root[data-theme="light"] :is(.tone-card, .industry-btn, .name-pill).sel { background: var(--rose-d); border-color: var(--rose); }
:root[data-theme="light"] .tone-card.sel .tone-name, :root[data-theme="light"] :is(.industry-btn, .name-pill).sel { color: var(--rose); }
:root[data-theme="light"] .lx-ghost { border-color: var(--lx-line); background: #fff; }
:root[data-theme="light"] .lx-ghost:hover { background: var(--lx-card2); border-color: rgba(91,58,224,.35); }
:root[data-theme="light"] .ph-tab:not(.on) { border-color: var(--lx-line); background: #fff; color: var(--lx-t3); }
:root[data-theme="light"] .ph-tab:not(.on):hover { color: var(--lx-t1); }