/* La entrada: una tarjeta sobre la noche, con la luz que baja de arriba y el libro de la marca. */
.e-cuerpo{display:grid;min-height:100vh;min-height:100dvh}
.e-escena{position:relative;display:grid;place-items:center;align-content:center;gap:18px;padding:32px 16px;overflow:hidden}
.e-luz{position:absolute;inset:-30% -10% auto;height:80%;pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,216,132,.16),rgba(232,179,75,.06) 55%,transparent);filter:blur(10px)}
.e-tarjeta{position:relative;width:min(420px,100%);padding:34px 28px 26px;border-radius:24px;text-align:center;
  background:linear-gradient(180deg,rgba(22,32,60,.92),rgba(13,20,39,.94));border:1px solid var(--filo);
  box-shadow:0 30px 80px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.02) inset;animation:e-sube .5s ease-out both}
@keyframes e-sube{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.e-sello{width:96px;height:96px;margin:-6px auto 12px;display:grid;place-items:center;border-radius:50%;
  background:radial-gradient(circle,rgba(255,216,132,.22),rgba(232,179,75,.04) 62%,transparent 70%)}
.e-sello img{filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}
.e-titulo{font-size:2.35rem}
.e-sub{margin:6px 0 22px;color:var(--suave);font-size:.92rem}
.e-form{display:grid;gap:14px;text-align:left}
.e-campo{display:grid;gap:6px}
.e-campo>span:first-child{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tenue)}
.e-campo input{width:100%;background:var(--hundido);border:1px solid var(--linea);border-radius:12px;padding:12px 14px;
  font-size:1rem;color:var(--marfil);transition:border-color .15s,box-shadow .15s}
.e-campo input:focus{outline:none;border-color:var(--oro);box-shadow:0 0 0 3px rgba(232,179,75,.18)}
.e-clave{position:relative;display:block}
.e-clave input{padding-right:46px}
.e-ver{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:10px;border:0;
  background:transparent;color:var(--tenue);cursor:pointer;display:grid;place-items:center}
.e-ver:hover,.e-ver[aria-pressed="true"]{color:var(--oro-claro)}
.e-codigo{text-align:center;font-size:1.6rem!important;letter-spacing:.35em;font-weight:600}
.e-check{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--suave);cursor:pointer}
.e-check input{width:18px;height:18px;accent-color:var(--oro)}
.e-boton{width:100%;padding:13px 18px;font-size:.98rem;margin-top:4px}
.e-explica{margin:0;color:var(--suave);font-size:.92rem;text-align:center}
.e-explica b{color:var(--marfil)}
.e-enlaces{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.e-link{background:none;border:0;padding:4px 0;color:var(--oro-claro);font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.e-error{min-height:1.4em;margin:14px 0 0;color:var(--mal);font-size:.88rem;font-weight:600}
.e-error.bien{color:var(--ok)}
.e-pie{display:flex;align-items:center;gap:8px;margin:0;color:var(--tenue);font-size:.78rem;text-align:center;max-width:420px}