/* ── Astra · pantalla de entrada ─────────────────────────────────────────────── */
body { min-height: 100dvh; }
.entrar {
  min-height: 100dvh; display: grid; place-items: center;
  padding: calc(var(--e-5) + env(safe-area-inset-top)) var(--e-4) calc(var(--e-5) + env(safe-area-inset-bottom));
  background:
    radial-gradient(1200px 600px at 10% -10%, var(--acento-suave), transparent 60%),
    radial-gradient(900px 500px at 110% 110%, var(--info-suave), transparent 60%),
    var(--fondo);
}
.entrar-caja {
  width: min(380px, 100%); display: flex; flex-direction: column; gap: var(--e-4);
  padding: var(--e-6) var(--e-5); border-radius: 20px;
  background: var(--superficie); border: 1px solid var(--borde); box-shadow: var(--sombra-alta);
}
.entrar-logo { width: 56px; height: 56px; border-radius: 16px; margin: 0 auto -4px; }
.entrar-caja h1 { text-align: center; font-size: var(--t-xl); }
.entrar-caja > .tenue { text-align: center; margin-top: calc(var(--e-3) * -1); }
.entrar-caja .boton { min-height: 44px; margin-top: var(--e-2); }
.entrar-caja .aviso-linea { font-size: var(--t-sm); }
.entrar-caja .entrada { min-height: 44px; }
@media (max-width: 767px) { .entrar-caja { padding: var(--e-5) var(--e-4); } }