/* ============================================================
   smgr · css/pages/login.css — INICIO DE SESIÓN
   Tarjeta de acceso sobre superficie de foco oscura (--court).
   Reutiliza .google-btn / .drawer-login__* / .login-error (rincon.css).
   ============================================================ */
.auth-wrap {
  display: flex; justify-content: center;
  margin: var(--sp-6) auto var(--sp-8); padding: 0 var(--sp-3);
}
.auth-card {
  width: 100%; max-width: 400px; background: var(--court); color: #fff;
  border-radius: var(--r-card); padding: var(--sp-6) var(--sp-5);
  box-shadow: 0 18px 40px -18px rgba(19,28,46,.55);
  display: flex; flex-direction: column; gap: var(--sp-3);
}
.auth-card__title {
  font-family: var(--score); font-size: 26px; font-weight: 700;
  letter-spacing: .01em; color: #fff;
}
.auth-card__sub { font-size: 14px; color: var(--muted-dark); margin-top: -6px; }
.auth-form { display: flex; flex-direction: column; gap: var(--sp-3); }
.auth-submit { width: 100%; justify-content: center; }
.auth-links { margin-top: 2px; }
.auth-links a:hover { color: #fff; text-decoration: underline; }
.auth-card__legal { font-size: 12px; color: var(--muted-dark); margin-top: var(--sp-2); }
.auth-card__legal a { color: var(--accent); }
.auth-card__legal a:hover { text-decoration: underline; }