/* ═══════════════════════════════════════════════════════════════
   ACCESO-2026.CSS — Rediseño octubre 2026 de las pantallas para
   recuperar el acceso (olvidé mi contraseña, restablecer, verificar
   correo). Mismo estilo que login.html / registro.html. Se carga
   después de app.css y solo cambia apariencia, no estructura ni IDs.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --primary:#4F46E5; --primary-dark:#3730A3; --primary-soft:#EEF0FF; --primary-glow:#C7CBF5; --primary-gradient:#4F46E5;
  --border:#E4E7F2; --border-focus:#4F46E5; --danger:#C2283A; --danger-soft:#FDE7E9;
  --text-muted:#575B84; --text-1:#1E1B4B;
}
body{font-family:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;color:#1E1B4B;background:#F6F7FC;-webkit-font-smoothing:antialiased}
.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:#F6F7FC}
.auth-page::before,.auth-page::after{display:none !important}
.auth-card{width:100%;max-width:440px;background:#fff;border:1px solid #E4E7F2;border-radius:24px;padding:36px 32px;box-shadow:none;text-align:left}
.auth-logo{display:flex;justify-content:flex-start;margin:0 0 26px}
.auth-logo img{height:36px;width:auto;display:block}
.auth-title{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:clamp(26px,3vw,30px);letter-spacing:-.025em;line-height:1.15;color:#1E1B4B;text-align:left}
.auth-sub{color:#575B84;font-size:16px;margin:6px 0 22px;text-align:left}
.auth-form{display:flex;flex-direction:column;gap:16px}
.input-label{font-weight:700;font-size:14px;color:#1E1B4B}
.input{height:50px;border:2px solid #E4E7F2;border-radius:14px;background:#F6F7FC;font:16px "Atkinson Hyperlegible",system-ui,sans-serif;color:#1E1B4B;padding:0 16px}
.input::placeholder{color:#8A8DAE}
.input:focus{background:#fff;border-color:#4F46E5;box-shadow:0 0 0 4px rgba(79,70,229,.12);outline:none}
.btn{border-radius:999px;font-family:"Atkinson Hyperlegible",system-ui,sans-serif;font-weight:700}
.btn-primary{background:#4F46E5 !important;color:#fff;height:52px;font-size:17px;box-shadow:0 12px 24px -12px rgba(79,70,229,.7);border:none}
.btn-primary:hover:not(:disabled){background:#4338CA !important;transform:translateY(-1px)}
.btn-ghost{background:#fff;border:2px solid #E4E7F2;color:#1E1B4B}
.btn-ghost:hover{border-color:#4F46E5}
.auth-card a{color:#4F46E5;font-weight:700}
:focus-visible{outline:3px solid #4F46E5;outline-offset:2px;border-radius:8px}
@media (max-width:480px){.auth-page{padding:0;align-items:stretch}.auth-card{border:none;border-radius:0;padding:32px 20px}}