/* CHR · Inicio de sesión. Complementa componentes.css: estados de la tarjeta de acceso (entrar/crear, recuperar,
   nueva contraseña, revisa tu correo, comprobando enlace). Requiere tokens, base, motion y componentes. */

.login-form .banda-sdk{margin-bottom:16px}
.estado h1{outline:none}
.estado .sub{margin-top:6px;color:var(--muted);font-size:16px}
.estado form{margin-top:24px}
.estado .foot-note .linkish{margin:-4px 0}
.form-alert{flex-wrap:wrap}

/* Reenviar con cuenta atrás */
.done .acciones{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:18px}
.done .acciones .btn{min-width:200px}
.done .cuenta{font-size:12.5px;color:var(--faint);font-variant-numeric:tabular-nums;min-height:20px}

/* Comprobando el enlace de recuperación */
.comprobando{display:flex;align-items:center;gap:12px;padding:32px 0;color:var(--muted);font-size:15px}
.comprobando .spinner{width:22px;height:22px;flex:none;color:var(--navy)}

/* Ayuda del correo a quién se enviará la nueva contraseña */
.correo-actual{margin-top:6px;color:var(--muted);font-size:15px}
.correo-actual b{color:var(--ink);font-weight:600;overflow-wrap:anywhere}