/* Marca propia de Escencia para registro, entrada, términos, catálogo y montaje (17-oct-2026, docs/ESCENCIA.md → "Landing 2026-10").
   Va DESPUÉS de escencia.css (y de empezar.css en /empezar/): cambia las variables de esas hojas por las de la paleta (A o B, la misma
   de la presentación: <html data-paleta>) y las letras de Alquimia por Sora + Plus Jakarta Sans. Mi tienda NO la carga: allí manda la
   apariencia de cada tienda. Tema: data-tema=claro|oscuro si la página lo fija (montaje, src/ui/tema.js); si no, el del equipo. */
@font-face{font-family:'Sora';font-style:normal;font-weight:600 800;font-display:swap;src:url('/assets/fonts/escencia/sora-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url('/assets/fonts/escencia/plus-jakarta-sans-var-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* paletas: los mismos valores de escencia/landing.css (si se cambia uno, se cambian los dos; la prueba los compara) */
:root[data-paleta=a]{--f:#FAF7F2;--s:#FFFFFF;--s2:#F1ECFA;--t:#1A1033;--t2:#4A4263;--l:#E2DCEC;--l2:#8E86A6;--p:#4A1FB8;--pt:#FFFFFF;--a:#C8F03C;--at:#1A1033;--ac:#4A1FB8;--ac-rgb:74,31,184;--ok:#1F7A3A;--mal:#A3261B;--borde-btn:transparent;color-scheme:light}
:root[data-paleta=b]{--f:#F6F8FC;--s:#FFFFFF;--s2:#E6F8F2;--t:#0D1B33;--t2:#44516A;--l:#DCE3EE;--l2:#7D8AA3;--p:#FF6B57;--pt:#0D1B33;--a:#5CE1BE;--at:#0D1B33;--ac:#C2361F;--ac-rgb:194,54,31;--ok:#11724F;--mal:#A3261B;--borde-btn:#0D1B33;color-scheme:light}
@media (prefers-color-scheme:dark){
  :root[data-paleta=a]:not([data-tema=claro]){--f:#120D22;--s:#1B1530;--s2:#241C3F;--t:#F4F1FB;--t2:#B9B1D0;--l:#33294F;--l2:#6E6490;--p:#C8F03C;--pt:#120D22;--a:#C8F03C;--at:#120D22;--ac:#C4B0FF;--ac-rgb:196,176,255;--ok:#8FE0A6;--mal:#FFA99C;--borde-btn:transparent;color-scheme:dark}
  :root[data-paleta=b]:not([data-tema=claro]){--f:#0B1426;--s:#111E36;--s2:#172845;--t:#EEF3FB;--t2:#A9B6CC;--l:#22324F;--l2:#5C6E8F;--p:#FF7A66;--pt:#0B1426;--a:#6EE7C8;--at:#0B1426;--ac:#6EE7C8;--ac-rgb:110,231,200;--ok:#6EE7C8;--mal:#FFA99C;--borde-btn:transparent;color-scheme:dark}
}
:root[data-paleta=a][data-tema=oscuro]{--f:#120D22;--s:#1B1530;--s2:#241C3F;--t:#F4F1FB;--t2:#B9B1D0;--l:#33294F;--l2:#6E6490;--p:#C8F03C;--pt:#120D22;--a:#C8F03C;--at:#120D22;--ac:#C4B0FF;--ac-rgb:196,176,255;--ok:#8FE0A6;--mal:#FFA99C;--borde-btn:transparent;color-scheme:dark}
:root[data-paleta=b][data-tema=oscuro]{--f:#0B1426;--s:#111E36;--s2:#172845;--t:#EEF3FB;--t2:#A9B6CC;--l:#22324F;--l2:#5C6E8F;--p:#FF7A66;--pt:#0B1426;--a:#6EE7C8;--at:#0B1426;--ac:#6EE7C8;--ac-rgb:110,231,200;--ok:#6EE7C8;--mal:#FFA99C;--borde-btn:transparent;color-scheme:dark}

/* las variables de escencia.css, empezar.css y src/ui (ayuda, espera, editor grande) apuntan a la paleta */
:root[data-paleta]{--bg:var(--f);--bg2:var(--s);--linea:var(--l);--linea2:var(--l2);--oro:var(--ac);--oro2:var(--ac);--crema:var(--t);--dim:var(--t2);--verde:var(--ok);--rojo:var(--mal);
  --oro-rgb:var(--ac-rgb);--oro-f:var(--ac);--oro-t:var(--pt);--oro-grad:var(--p);--tx2:var(--t2);--tx3:var(--t2);--sup:var(--s);--sup2:var(--s2);--campo:var(--s);--campo-l:var(--l2);--dlg:var(--s);--ph:var(--t2);--mini-l:var(--l2);
  --ui-f:var(--s);--ui-f2:var(--s2);--ui-campo:var(--s);--ui-t:var(--t);--ui-s:var(--t2);--ui-l:var(--l2);--ui-c:var(--ac);--ui-c2:var(--ac)}
:root[data-paleta] body{background:var(--f);color:var(--t)}
:root[data-paleta] body *{font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif!important}
:root[data-paleta] :is(h1,h2,.marca,.creando h2,.dice i){font-family:'Sora','Plus Jakarta Sans',system-ui,sans-serif!important;letter-spacing:-.02em!important}
:root[data-paleta] .b-tema{font-family:system-ui,sans-serif!important}
:root[data-paleta] h1{font-weight:800;color:var(--t)}:root[data-paleta] h2{font-weight:700}
:root[data-paleta] .lead{font-style:normal;font-weight:400;font-size:17px;color:var(--t2)}
:root[data-paleta] :is(.k,.form label,.giro legend,.btn,.mini,.barra nav a,.form .clave button,.p-total small){text-transform:none!important;letter-spacing:0!important}
:root[data-paleta] .k{font-size:13.5px;font-weight:700;color:var(--ac)}
:root[data-paleta] .form label{font-size:14px;font-weight:700;color:var(--t)}
:root[data-paleta] .form label small{color:var(--t2)}

/* cabecera: logo tipográfico con la chispa (sin runas ni círculos) */
:root[data-paleta] .barra{background:color-mix(in srgb,var(--f) 90%,transparent)!important;border-bottom:1px solid var(--l)}
:root[data-paleta] .marca{display:inline-flex;align-items:center;gap:7px;color:var(--t);font-size:22px!important;font-weight:800!important;letter-spacing:-.04em!important;text-transform:lowercase}
:root[data-paleta] .marca::before{content:'';width:22px;height:22px;flex:0 0 auto;background:var(--ac);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5Q13 11 21.5 12Q13 13 12 21.5Q11 13 2.5 12Q11 11 12 2.5Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5Q13 11 21.5 12Q13 13 12 21.5Q11 13 2.5 12Q11 11 12 2.5Z'/%3E%3C/svg%3E") center/contain no-repeat}
:root[data-paleta] .marca small{text-transform:none;letter-spacing:0!important;font-size:12px!important;font-weight:600;color:var(--t2)}
:root[data-paleta] .barra nav a{font-size:14.5px;font-weight:600;color:var(--t);border-radius:12px}
:root[data-paleta] .barra nav a.b{border:2px solid var(--l2);color:var(--t)}

/* botones */
:root[data-paleta] .btn{border-radius:14px;border:2px solid var(--borde-btn);background:var(--p);color:var(--pt);font-size:16px;font-weight:700;box-shadow:none}
:root[data-paleta] .btn.sec{background:transparent;color:var(--t);border-color:var(--l2)}
:root[data-paleta] .mini{border-radius:12px;font-size:13.5px;font-weight:700;color:var(--t);border-color:var(--l2)}
:root[data-paleta] .mini.oro{background:var(--p);color:var(--pt);border-color:var(--borde-btn)}
:root[data-paleta] .btn.esperando::before{border-color:color-mix(in srgb,var(--pt) 30%,transparent);border-top-color:var(--pt)}

/* formularios */
:root[data-paleta] .form form{background:var(--s);border-color:var(--l);border-radius:20px}
:root[data-paleta] :is(.form input,.form select){background:var(--s);color:var(--t);border:1.5px solid var(--l2);border-radius:12px}
:root[data-paleta] :is(.form input,.form select):focus{border-color:var(--ac);outline:3px solid color-mix(in srgb,var(--ac) 25%,transparent)}
:root[data-paleta] :is(.form .acepta input,.giro input){accent-color:var(--ac)}
:root[data-paleta] .giro label{border-color:var(--l2)}
:root[data-paleta] .giro label:has(input:checked){border-color:var(--ac);background:color-mix(in srgb,var(--ac) 9%,var(--s))}
:root[data-paleta] .form label.mal input{border-color:var(--mal)}:root[data-paleta] .form label.mal small.e{color:var(--mal)}
:root[data-paleta] .msg{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,var(--s));color:var(--t)}
:root[data-paleta] .msg.err{border-color:var(--mal);background:color-mix(in srgb,var(--mal) 10%,var(--s));color:var(--t)}
:root[data-paleta] :is(.fuerza[data-n="0"] b,.fuerza[data-n="1"] b){color:var(--mal)}
:root[data-paleta] .form .movido{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 8%,var(--s));color:var(--t)}
:root[data-paleta] .listo,:root[data-paleta] .recordado{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 7%,var(--s))}

/* creando el negocio: la chispa late (antes, los tres círculos de Alquimia) */
:root[data-paleta] .creando{border-color:var(--l);background:var(--s)}
:root[data-paleta] .creando svg{fill:var(--ac);stroke:none}
:root[data-paleta] .creando svg path{transform-origin:50% 50%;animation:chispa 1.6s ease-in-out infinite}
@keyframes chispa{0%,100%{transform:scale(.8) rotate(0)}50%{transform:scale(1) rotate(45deg)}}
:root[data-paleta] .creando h2{color:var(--t)}

/* montaje (/empezar/) */
:root[data-paleta] .avance .bar{background:var(--s2)}:root[data-paleta] .avance .bar i{background:var(--p)}
:root[data-paleta] .dice i{border-color:var(--l2);color:var(--ac)}
:root[data-paleta] :is(.paso,.dice div){border-color:var(--l);background:var(--s)}
:root[data-paleta] .suelta{border-color:var(--l2);background:var(--s2)}
:root[data-paleta] body.empezar :not(.marca){text-transform:none!important;letter-spacing:0!important}
@media (prefers-reduced-motion:reduce){:root[data-paleta] .creando svg path{animation:none}}