/* ============================================================
   smgr · css/pages/registro.css — ALTA DE CUENTA y CONTRASEÑA
   Se carga JUNTO A pages/login.css (que trae .auth-wrap/.auth-card) en
   registro.php, reset_password.php y reset_password_confirm.php: son la misma
   tarjeta con más campos. Reutiliza .google-btn / .drawer-login__* / .login-error.
   ============================================================ */

/* La tarjeta de alta necesita algo más de ancho: las dos contraseñas van en fila. */
.auth-card--wide { max-width: 460px; }

.auth-field { display: flex; flex-direction: column; gap: 5px; }
.auth-field label { font-size: 13px; font-weight: 600; color: #fff; }
.auth-hint { font-size: 12px; color: var(--muted-dark); margin: 0; }

/* Dos columnas en escritorio, una en móvil (las contraseñas). */
.auth-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-3); }
@media (max-width: 460px) { .auth-row { grid-template-columns: 1fr; } }

/* Mensaje de validación bajo cada campo (disponibilidad, fuerza, coincidencia). */
.auth-feedback { font-size: 12px; font-weight: 600; margin: 0; min-height: 1em; }
.auth-feedback:empty { min-height: 0; }
.auth-feedback.is-ok, .auth-feedback.is-good { color: #6ee7b7; }
.auth-feedback.is-strong { color: #34d399; }
.auth-feedback.is-fair { color: #fbbf24; }
.auth-feedback.is-bad, .auth-feedback.is-weak { color: #fca5a5; }
.drawer-login__input.is-invalid { border-color: #fca5a5; }

/* Aviso de validación del propio formulario (sustituye a los alert() de antes). */
.auth-msg { background: rgba(252,165,165,.14); border: 1px solid rgba(252,165,165,.5);
  color: #fecaca; border-radius: var(--r-input); padding: 10px 12px; font-size: 13px; }

/* Confirmación de alta. */
.auth-ok { background: rgba(110,231,183,.12); border: 1px solid rgba(110,231,183,.45);
  border-radius: var(--r-input); padding: 14px; font-size: 13.5px; color: #d1fae5;
  display: flex; flex-direction: column; gap: 8px; }
.auth-ok p { margin: 0; }
.auth-ok__t { font-family: var(--score); font-size: 18px; font-weight: 700; color: #fff; }
.auth-ok__spam { font-size: 12.5px; color: #fde68a; }

/* Términos de uso. */
.auth-check { display: flex; align-items: flex-start; gap: 9px; font-size: 13px;
  color: var(--muted-dark); cursor: pointer; }
.auth-check input { margin: 2px 0 0; flex: 0 0 auto; width: 16px; height: 16px; accent-color: var(--accent); }
.auth-check a { color: var(--accent); }
.auth-check a:hover { text-decoration: underline; }

/* Honeypots: tres formas distintas de esconderlos, a propósito (un bot que
   respete una puede caer en otra). No tocar sin leer el comentario de registro.php. */
.hp-none   { display: none; }
.hp-offset { position: absolute; left: -9999px; }
.hp-flat   { visibility: hidden; height: 0; margin: 0; padding: 0; border: 0; }

/* Datos de la cuenta al restablecer la contraseña (usuario y email del token). */
.auth-who { background: rgba(255,255,255,.07); border-radius: var(--r-input);
  padding: 11px 13px; font-size: 13px; color: var(--muted-dark); }
.auth-who b { color: #fff; }