/* Rumorea · entrar — maqueta referencias/entrar-OBJETIVO.png (1815×866).
   GENERADO desde herramientas/entrar_css.src con herramientas/entrar_css.py:
   en el fuente, «§N» es N píxeles de la maqueta de la mitad derecha (1113×866) y
   se convierte en calc(N*var(--u)), así la escena escala entera con la ventana. */

.en{display:grid;grid-template-columns:clamp(440px,38.65vw,760px) minmax(0,1fr);min-height:100dvh;background:var(--fondo)}

/* ================================================================ mitad izquierda */
.en-izq{display:flex;flex-direction:column;min-width:0;border-right:2px solid var(--linea);
  padding:24px 5.1% 28px 13.3%}
.en-cab{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}
.en-cab .logo{--logo-alto:34px;margin-top:10px}
.en-cab .btn-icono{border-color:var(--linea-2)}
.en-col{flex:1;display:flex;flex-direction:column;justify-content:center;width:min(407px,100%);
  margin-left:max(0px,calc((100% - 407px)*.53));padding-block:82px 24px}
.en-hola{font:450 12.5px/1 var(--f-mono);letter-spacing:.24em;text-transform:uppercase;color:var(--gris)}
.en-col h1{margin-top:14px;font:600 43.6px/1.05 var(--f-texto);letter-spacing:-.045em}
.en-sub{margin-top:7px;font-size:15.5px;color:var(--gris)}
.en-aviso{margin-top:20px}
.en-form{display:grid;gap:0;margin-top:17px}
.en-campo{display:grid;gap:9px}
.en-campo+.en-campo{margin-top:9px}
.en-campo label{font-weight:500;font-size:13.5px}
.en-rot{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.en-rot a{font-size:13.5px;color:var(--lila);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in oklab,var(--lila) 45%,transparent)}
.en-rot a:hover{text-decoration-color:var(--lila)}
.en-entrada{position:relative}
.en-entrada>svg{position:absolute;left:14px;top:50%;width:17px;height:17px;transform:translateY(-50%);color:var(--gris);pointer-events:none}
.en-entrada input{width:100%;height:47px;padding:0 48px 0 44px;border-radius:10px;border:1px solid var(--linea-2);
  background:var(--sup);font-size:14.5px;transition:border-color .15s,box-shadow .15s}
.en-entrada input::placeholder{color:var(--gris)}
.en-entrada input:hover{border-color:color-mix(in oklab,var(--texto) 26%,transparent)}
.en-entrada input:focus{outline:none;border-color:var(--lila);box-shadow:0 0 0 4px var(--lila-velo)}
.en-entrada input[aria-invalid=true]{border-color:var(--error)}
.en-ver{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;
  border:0;border-radius:8px;background:transparent;color:var(--gris);cursor:pointer}
.en-ver:hover{color:var(--texto);background:var(--sup-2)}
.en-ver[aria-pressed=true]{color:var(--lila)}
.en-ver svg{width:18px;height:18px}
.en-boton{margin-top:12px;height:46px;border:0;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(180deg,color-mix(in oklab,var(--lila) 42%,var(--lila-hondo)),color-mix(in oklab,var(--lila) 22%,var(--lila-hondo)));
  color:var(--fondo);font:600 15px/1 var(--f-texto);cursor:pointer;
  box-shadow:0 10px 28px -10px var(--lila-hondo),inset 0 1px 0 color-mix(in oklab,var(--texto) 25%,transparent);
  transition:transform .2s var(--curva),filter .2s}
.en-boton:hover{filter:brightness(1.07);transform:translateY(-1px)}
.en-boton:active{transform:none}
.en-boton svg{width:17px;height:17px}
.en-boton[disabled]{opacity:.45;pointer-events:none}

.en-sep{display:flex;align-items:center;gap:14px;margin:17px 0 14px;color:var(--gris);font:450 11px/1 var(--f-mono);letter-spacing:.22em;text-transform:uppercase}
.en-sep::before,.en-sep::after{content:"";flex:1;height:1px;background:var(--linea)}
.en-social{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.en-social button{position:relative;height:40px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--linea-2);
  background:color-mix(in oklab,var(--sup) 55%,var(--fondo));color:var(--texto);cursor:not-allowed}
.en-social svg{width:18px;height:18px}
.en-social button::after{content:"Próximamente";position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50% 4px;padding:6px 10px;border-radius:8px;
  background:var(--sup-3);color:var(--texto);font:500 12px/1 var(--f-texto);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,translate .15s}
.en-social button:hover::after,.en-social button:focus-visible::after{opacity:1;translate:-50% 0}

.en-nuevo{margin-top:18px;padding:10px 12px 9px 16px;border-radius:12px;border:1px solid var(--linea);background:var(--sup)}
.en-nuevo h2{font:500 16px/1.2 var(--f-texto);letter-spacing:-.01em;margin:2px 0 8px}
.en-fila{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;gap:14px;align-items:center;min-height:60px;padding:0 16px 0 10px;
  border-radius:10px;border:1.5px solid transparent;text-decoration:none;color:inherit;transition:background .15s,border-color .15s}
.en-fila+.en-fila{margin-top:8px}
.en-fila:hover{background:var(--sup-2)}
.en-fila--sel{border-color:color-mix(in oklab,var(--lila) 70%,transparent);background:color-mix(in oklab,var(--lila-hondo) 16%,var(--sup));
  box-shadow:0 0 22px -8px var(--lila-hondo)}
.en-fila--sel:hover{background:color-mix(in oklab,var(--lila-hondo) 22%,var(--sup))}
.en-fila b{display:block;font-weight:600;font-size:14px}
.en-fila small{display:block;color:var(--gris);font-size:12.5px;margin-top:2px}
.en-fila__ir{width:16px;height:16px;color:var(--texto)}
.en-tile{display:grid;place-items:center;width:38px;height:38px;border-radius:8px}
.en-tile svg{width:20px;height:20px}
.en-tile--lila{background:linear-gradient(150deg,color-mix(in oklab,var(--lila-hondo) 55%,var(--error)),var(--lila-hondo));color:white;
  box-shadow:inset 0 1px 0 color-mix(in oklab,white 30%,transparent)}
.en-tile--ambar{background:linear-gradient(150deg,color-mix(in oklab,var(--aviso) 32%,var(--sup)),color-mix(in oklab,var(--aviso) 12%,var(--sup)));color:var(--aviso)}

.en-pie{display:flex;flex-wrap:wrap;gap:8px 21px;font-size:13px;color:var(--gris);margin-left:-4px}
.en-pie a{color:inherit;text-decoration:none}
.en-pie a:hover{color:var(--texto)}

/* ================================================================ mitad derecha (escena) */
/* Sólo tokens (+ black/white/transparent en color-mix, como landing.css): se adapta a claro.
   En claro la foto se ve a través de un velo claro; el MÓVIL sigue oscuro como objeto
   (redefine sus tokens dentro de .en-movil con mezclas de negro/blanco). */
.en-der{--en-velo:color-mix(in srgb,var(--fondo) 55%,transparent);
  position:sticky;top:0;overflow:hidden;min-width:0;height:100dvh;background:var(--fondo);color:var(--texto);container-type:size}
.en-der__foto{position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);max-width:none;object-fit:cover;object-position:60% 50%;filter:blur(3px) brightness(1.45) saturate(1.15)}
.en-der::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,var(--en-velo),transparent 45%),linear-gradient(0deg,color-mix(in srgb,var(--fondo) 70%,transparent),transparent 30%)}
:root[data-tema="claro"] .en-der{background:radial-gradient(70% 60% at 75% 25%,var(--lila-velo),transparent 70%),radial-gradient(60% 50% at 10% 90%,var(--lila-velo),transparent 70%),var(--fondo)}
/* claro: foto PROPIA luminosa (entrar-fondo-claro.jpg), sin velo gris encima */
.en-der__foto--claro{display:none}
:root[data-tema="claro"] .en-der__foto:not(.en-der__foto--claro){display:none}
:root[data-tema="claro"] .en-der__foto--claro{display:block;filter:none;inset:0;width:100%;height:100%;object-position:50% 60%}
:root[data-tema="claro"] .en-der::after{background:linear-gradient(90deg,color-mix(in srgb,white 35%,transparent),transparent 45%)}
.en-esc{--u:min(100cqw / 1113,100cqh / 866);position:absolute;z-index:1;left:50%;top:50%;width:calc(1113*var(--u));height:calc(866*var(--u));translate:-50% -50%}

.en-chip{position:absolute;left:calc(62*var(--u));top:calc(172*var(--u));height:calc(32*var(--u));display:flex;align-items:center;gap:calc(10*var(--u));padding:0 calc(14*var(--u));border-radius:calc(8*var(--u));
  background:color-mix(in srgb,var(--sup-2) 72%,transparent);border:1px solid var(--linea);font:450 calc(12.5*var(--u))/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--texto)}
.en-chip__punto{width:calc(8*var(--u));height:calc(8*var(--u));border-radius:50%;background:var(--ok);box-shadow:0 0 calc(8*var(--u)) var(--ok)}
.en-tit{position:absolute;left:calc(62*var(--u));top:calc(218*var(--u));font:600 calc(53*var(--u))/calc(58*var(--u)) var(--f-texto);letter-spacing:-.035em;color:var(--texto)}
.en-tit span{color:color-mix(in oklab,var(--lila) 55%,var(--lila-hondo))}
:root[data-tema="claro"] .en-tit span{color:var(--lila)}
.en-txt{position:absolute;left:calc(62*var(--u));top:calc(403*var(--u));font-size:calc(15.5*var(--u));line-height:calc(25*var(--u));color:var(--gris)}

.en-anillo{position:absolute;left:calc(420*var(--u));top:calc(120*var(--u));width:calc(820*var(--u));height:calc(700*var(--u));border-radius:50%;border:calc(2*var(--u)) solid color-mix(in srgb,var(--lila) 55%,transparent);
  box-shadow:0 0 calc(16*var(--u)) color-mix(in srgb,var(--lila-hondo) 70%,transparent),inset 0 0 calc(16*var(--u)) color-mix(in srgb,var(--lila-hondo) 50%,transparent);rotate:-18deg;
  -webkit-mask:linear-gradient(90deg,black 0 14%,transparent 28% 70%,black 84%);mask:linear-gradient(90deg,black 0 14%,transparent 28% 70%,black 84%)}

.en-video{position:absolute;overflow:hidden;border-radius:calc(14*var(--u));border:1px solid color-mix(in srgb,white 18%,transparent);box-shadow:0 calc(24*var(--u)) calc(48*var(--u)) color-mix(in srgb,black 55%,transparent)}
:root[data-tema="claro"] .en-video{border-color:color-mix(in srgb,white 70%,transparent);box-shadow:0 calc(24*var(--u)) calc(50*var(--u)) color-mix(in srgb,var(--lila-hondo) 30%,transparent),0 calc(4*var(--u)) calc(12*var(--u)) color-mix(in srgb,var(--lila-hondo) 18%,transparent)}
:root[data-tema="claro"] .en-tiktok{box-shadow:0 calc(14*var(--u)) calc(30*var(--u)) color-mix(in srgb,var(--lila-hondo) 30%,transparent)}
:root[data-tema="claro"] .en-chip{background:color-mix(in srgb,var(--sup) 80%,transparent)}
.en-video img{width:100%;height:100%;object-fit:cover}
.en-video::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb,black 45%,transparent),transparent 40%)}
.en-video b{position:absolute;z-index:1;left:calc(14*var(--u));bottom:calc(20*var(--u));display:flex;align-items:center;gap:calc(6*var(--u));font:600 calc(22*var(--u))/1 var(--f-texto);letter-spacing:-.02em;color:white}
.en-video b::before{content:"";width:0;height:0;border-left:calc(13*var(--u)) solid white;border-top:calc(8*var(--u)) solid transparent;border-bottom:calc(8*var(--u)) solid transparent}
.en-video__play{position:absolute;z-index:1;left:50%;top:45%;width:calc(46*var(--u));height:calc(46*var(--u));translate:-50% -50%;border-radius:50%;
  background:color-mix(in srgb,white 28%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.en-video__play::after{content:"";position:absolute;left:54%;top:50%;translate:-50% -50%;border-left:calc(14*var(--u)) solid white;border-top:calc(9*var(--u)) solid transparent;border-bottom:calc(9*var(--u)) solid transparent}
.en-video--a{left:calc(472*var(--u));top:calc(175*var(--u));width:calc(165*var(--u));height:calc(292*var(--u));rotate:9deg}
.en-video--b{left:calc(922*var(--u));top:calc(222*var(--u));width:calc(150*var(--u));height:calc(360*var(--u));rotate:7deg;z-index:3}

.en-tiktok{position:absolute;left:calc(557*var(--u));top:calc(85*var(--u));width:calc(70*var(--u));height:calc(70*var(--u));display:grid;place-items:center;border-radius:calc(18*var(--u));rotate:-9deg;
  background:color-mix(in srgb,var(--lila-hondo) 4%,black);border:1px solid color-mix(in srgb,white 14%,transparent);
  box-shadow:0 calc(14*var(--u)) calc(30*var(--u)) color-mix(in srgb,black 55%,transparent);color:white;z-index:2}
.en-tiktok svg{width:calc(38*var(--u));height:calc(38*var(--u))}

/* --------------------------------------------------------------- el móvil (oscuro en los dos temas) */
.en-movil{--texto:color-mix(in srgb,white 93%,var(--lila-hondo));--gris:color-mix(in srgb,white 58%,black);
  --linea:color-mix(in srgb,white 8%,transparent);--lila:color-mix(in srgb,var(--lila-hondo) 55%,white);--ok:color-mix(in srgb,var(--ok) 55%,white);
  --pantalla:color-mix(in srgb,var(--lila-hondo) 5%,black);color:var(--texto);
  position:absolute;left:calc(620*var(--u));top:calc(48*var(--u));width:calc(306*var(--u));height:calc(630*var(--u));rotate:6.6deg;z-index:2;padding:calc(6*var(--u));border-radius:calc(48*var(--u));
  background:linear-gradient(160deg,color-mix(in srgb,var(--lila-hondo) 45%,white),var(--lila-hondo) 22%,color-mix(in srgb,var(--lila-hondo) 18%,black) 45%,
    color-mix(in srgb,var(--lila-hondo) 18%,black) 70%,var(--lila-hondo) 100%);
  box-shadow:0 0 0 calc(1.5*var(--u)) color-mix(in srgb,black 85%,transparent) inset,0 calc(30*var(--u)) calc(70*var(--u)) color-mix(in srgb,black 65%,transparent),0 0 calc(40*var(--u)) color-mix(in srgb,var(--lila-hondo) 35%,transparent)}
:root[data-tema="claro"] .en-movil{box-shadow:0 0 0 calc(1.5*var(--u)) color-mix(in srgb,black 85%,transparent) inset,0 calc(30*var(--u)) calc(70*var(--u)) color-mix(in srgb,var(--lila-hondo) 35%,transparent)}
.en-movil__pantalla{position:relative;height:100%;border-radius:calc(42*var(--u));overflow:hidden;background:var(--pantalla);padding:calc(50*var(--u)) calc(14*var(--u)) 0;box-shadow:inset 0 0 0 calc(3*var(--u)) black}
.en-movil__isla{position:absolute;left:50%;top:calc(10*var(--u));width:calc(92*var(--u));height:calc(26*var(--u));translate:-50% 0;border-radius:calc(14*var(--u));background:black}
.en-movil__estado{position:absolute;left:calc(30*var(--u));right:calc(26*var(--u));top:calc(15*var(--u));display:flex;justify-content:space-between;align-items:center;font:600 calc(11*var(--u))/1 var(--f-texto);color:var(--gris)}
.en-movil__bat{width:calc(20*var(--u));height:calc(9*var(--u));border-radius:calc(3*var(--u));border:1px solid var(--gris)}
.en-app-cab{display:flex;align-items:center;justify-content:space-between;padding:0 calc(4*var(--u))}
.en-app-cab img{height:calc(22*var(--u));width:auto}
.en-app-cab span{display:flex;gap:calc(14*var(--u));color:var(--texto)}
.en-app-cab svg{width:calc(17*var(--u));height:calc(17*var(--u))}
.en-app-gan{position:relative;margin-top:calc(14*var(--u));padding:calc(13*var(--u)) calc(14*var(--u)) 0;height:calc(186*var(--u));border-radius:calc(16*var(--u));background:color-mix(in srgb,white 4.5%,transparent);border:1px solid var(--linea);overflow:hidden;display:grid;align-content:start;gap:calc(4*var(--u))}
.en-app-gan small{font-size:calc(12.5*var(--u));color:var(--gris)}
.en-app-gan b{font:600 calc(26*var(--u))/1.1 var(--f-texto);letter-spacing:-.03em}
.en-app-gan em{font:normal 500 calc(10.5*var(--u))/1 var(--f-texto);color:var(--ok)}
.en-app-graf{position:absolute;left:0;right:0;bottom:0;width:100%;height:calc(96*var(--u));color:var(--lila-hondo);filter:drop-shadow(0 0 calc(6*var(--u)) color-mix(in srgb,var(--lila-hondo) 60%,transparent))}
.en-app-tabs{display:flex;gap:calc(6*var(--u));margin-top:calc(14*var(--u))}
.en-app-tabs span{flex:1;display:grid;place-items:center;height:calc(32*var(--u));border-radius:var(--r-pill);font:500 calc(12*var(--u))/1 var(--f-texto);color:var(--gris);
  background:color-mix(in srgb,white 4%,transparent);border:1px solid var(--linea)}
.en-app-tabs .sel{color:var(--texto);background:color-mix(in srgb,var(--lila-hondo) 35%,transparent);border-color:color-mix(in srgb,var(--lila) 50%,transparent)}
.en-app-lista{margin-top:calc(12*var(--u));padding:calc(2*var(--u)) calc(10*var(--u));border-radius:calc(14*var(--u));background:color-mix(in srgb,white 3.5%,transparent);border:1px solid var(--linea)}
.en-app-camp{display:grid;grid-template-columns:calc(46*var(--u)) minmax(0,1fr) calc(14*var(--u));gap:calc(10*var(--u));align-items:center;height:calc(66*var(--u));border-bottom:1px solid var(--linea)}
.en-app-camp:last-child{border-bottom:0}
.en-app-camp img{width:calc(46*var(--u));height:calc(46*var(--u));border-radius:calc(8*var(--u));object-fit:cover}
.en-app-camp span{display:grid;gap:calc(1*var(--u));min-width:0}
.en-app-camp b{font:600 calc(13.5*var(--u))/1.2 var(--f-texto);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.en-app-camp i{font:normal 500 calc(11.5*var(--u))/1.2 var(--f-texto)}
.en-app-camp small{font-size:calc(10*var(--u));line-height:1.2;color:var(--gris)}
.en-app-camp svg{width:calc(14*var(--u));height:calc(14*var(--u));color:var(--gris)}
.en-app-barra{position:absolute;left:0;right:0;bottom:0;height:calc(84*var(--u));padding:calc(10*var(--u)) calc(10*var(--u)) 0;display:grid;grid-template-columns:repeat(5,1fr);align-items:start;
  background:color-mix(in srgb,var(--lila-hondo) 3%,black);border-top:1px solid var(--linea)}
.en-app-barra span{display:grid;justify-items:center;gap:calc(4*var(--u));font:500 calc(9*var(--u))/1 var(--f-texto);color:var(--gris)}
.en-app-barra svg{width:calc(17*var(--u));height:calc(17*var(--u))}
.en-app-barra .sel{color:var(--lila)}
.en-app-mas{place-self:start center;width:calc(42*var(--u));height:calc(42*var(--u));margin-top:calc(-4*var(--u));border-radius:50%;display:grid!important;place-items:center;
  background:linear-gradient(160deg,color-mix(in srgb,var(--lila-hondo) 70%,white),var(--lila-hondo));color:white!important;box-shadow:0 0 calc(18*var(--u)) color-mix(in srgb,var(--lila-hondo) 70%,transparent)}
.en-app-mas svg{width:calc(20*var(--u));height:calc(20*var(--u))}
.en-movil__home{position:absolute;left:50%;bottom:calc(8*var(--u));width:calc(108*var(--u));height:calc(4*var(--u));translate:-50% 0;border-radius:calc(4*var(--u));background:color-mix(in srgb,white 60%,transparent)}

/* --------------------------------------------------------------- cifras */
.en-cifras{position:absolute;left:calc(62*var(--u));top:calc(684*var(--u));width:calc(985*var(--u));height:calc(101*var(--u));margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1.02fr 1fr;gap:calc(15*var(--u));z-index:4}
.en-cifras li{display:flex;align-items:center;gap:calc(18*var(--u));padding:0 calc(17*var(--u));border-radius:calc(12*var(--u));background:color-mix(in srgb,var(--sup) 72%,transparent);border:1px solid var(--linea);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
:root[data-tema="claro"] .en-cifras li{background:var(--sup);box-shadow:0 calc(10*var(--u)) calc(30*var(--u)) color-mix(in srgb,var(--lila-hondo) 10%,transparent)}
.en-cifras b{display:block;font:600 calc(24*var(--u))/1.2 var(--f-texto);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.en-cifras div>span{display:block;font-size:calc(15*var(--u));color:var(--gris);margin-top:calc(3*var(--u))}
.en-ci{display:grid;place-items:center;width:calc(56*var(--u));height:calc(56*var(--u));border-radius:calc(12*var(--u));flex:none;box-shadow:inset 0 1px 0 color-mix(in srgb,white 12%,transparent)}
.en-ci svg{width:calc(32*var(--u));height:calc(32*var(--u))}
.en-ci__eur{font:700 calc(32*var(--u))/1 var(--f-texto)}
.en-ci--lila{background:linear-gradient(150deg,color-mix(in srgb,var(--lila-hondo) 45%,transparent),color-mix(in srgb,var(--lila-hondo) 15%,transparent));color:var(--lila)}
.en-ci--verde{background:linear-gradient(150deg,color-mix(in srgb,var(--ok) 40%,transparent),color-mix(in srgb,var(--ok) 12%,transparent));color:var(--ok)}
:root[data-tema="claro"] .en-ci--lila{background:var(--lila-velo)}
:root[data-tema="claro"] .en-ci--verde{background:var(--ok-velo)}

@media (prefers-reduced-motion:no-preference){
  .en-movil{animation:en-flota 7s ease-in-out infinite}
  .en-video--a{animation:en-flota-a 8s ease-in-out infinite}
  .en-video--b{animation:en-flota-b 9s ease-in-out infinite}
  @keyframes en-flota{50%{transform:translateY(calc(-8*var(--u)))}}
  @keyframes en-flota-a{50%{transform:translateY(calc(6*var(--u)))}}
  @keyframes en-flota-b{50%{transform:translateY(calc(-6*var(--u)))}}
}

/* ================================================================ estrecho: sólo el formulario */
@media (max-width:900px){
  .en{grid-template-columns:1fr}
  .en-der{display:none}
  .en-izq{border-right:0;padding:18px 16px 24px;min-height:100dvh}
  .en-cab .logo{--logo-alto:30px;margin-top:0}
  .en-col{margin-inline:auto;padding-block:36px 32px;justify-content:flex-start}
  .en-pie{justify-content:center;margin-left:0}
}
@media (max-width:420px){
  .en-col h1{font-size:36px}
  .en-fila{padding-right:12px;gap:12px}
}

/* [errores-publica 30-sep] en claro el degradado caía hacia --lila-hondo (#8B6CFF) con el texto en
   --fondo: 3,9:1. Con --lila → --lila-2 y blanco pasa de 5,6:1. */
:root[data-tema="claro"] .en-boton{background:linear-gradient(180deg,var(--lila),var(--lila-2));color:#fff}