/* ============================================================
   IdHound — auth.css
   Layout compartido de autenticación: login, registro,
   recuperar y restablecer contraseña.
   Requiere idhound.css cargado ANTES.
   ============================================================ */

.auth{display:flex;min-height:100vh}
.auth-brand{width:42%;flex:none;background:var(--color-navy-dark);color:var(--on-dark-primary);
  padding:var(--space-12);display:flex;flex-direction:column;justify-content:space-between}
.auth-brand a.home{text-decoration:none}
.auth-brand .lead{font-family:var(--font-editorial);font-weight:700;font-size:30px;
  line-height:1.15;color:var(--on-dark-primary);letter-spacing:-0.01em}
.auth-brand .sub{font-family:var(--font-ui);font-size:14px;line-height:1.6;
  color:var(--on-dark-secondary);margin-top:var(--space-4);max-width:36ch}
.auth-brand .foot{font-family:var(--font-ui);font-size:11px;color:var(--on-dark-muted)}
.auth-main{flex:1;display:flex;align-items:center;justify-content:center;
  padding:var(--space-12);background:var(--color-bg)}
.auth-card{width:100%;max-width:400px}
.auth-sub{font-family:var(--font-ui);font-size:13px;color:var(--ink-60);margin:6px 0 var(--space-8)}

.btn-block{width:100%}

.pw-wrap{position:relative}
.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);
  background:none;border:none;cursor:pointer;font-family:var(--font-ui);font-size:11px;
  font-weight:600;color:var(--color-teal);padding:6px 8px}

.row-between{display:flex;align-items:center;justify-content:space-between;
  gap:var(--space-3);margin:var(--space-3) 0 var(--space-6)}
.check{display:flex;align-items:center;gap:7px;font-family:var(--font-ui);
  font-size:12.5px;color:var(--ink-60);cursor:pointer;user-select:none}
.check input{accent-color:var(--color-teal)}

.link{color:var(--color-teal);text-decoration:none;font-family:var(--font-ui);
  font-size:12.5px;font-weight:500}
.link:hover{text-decoration:underline}

.divider{display:flex;align-items:center;gap:12px;margin:var(--space-8) 0 var(--space-6);
  font-family:var(--font-data);font-size:11px;color:var(--ink-50)}
.divider::before,.divider::after{content:"";flex:1;height:0.5px;background:var(--color-bg-dark)}
.alt{text-align:center;font-family:var(--font-ui);font-size:13px;color:var(--ink-60)}

/* enlace "volver" sobre el título */
.back-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);
  font-size:12.5px;font-weight:500;color:var(--ink-60);text-decoration:none;margin-bottom:var(--space-6)}
.back-link:hover{color:var(--color-teal)}

/* estado de confirmación (revisa tu correo) */
.sent-icon{width:46px;height:46px;border-radius:var(--radius-pill);
  background:var(--teal-fill);border:0.5px solid var(--teal-border);
  display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6)}
.sent-icon svg{width:22px;height:22px;stroke:var(--color-teal)}
.sent-mail{font-family:var(--font-mono);font-size:12px;color:var(--color-navy-dark);
  background:var(--color-bg-mid);border:0.5px solid var(--color-bg-dark);
  border-radius:var(--radius-md);padding:8px 12px;margin:var(--space-4) 0;word-break:break-all}

@media (max-width:820px){
  .auth{flex-direction:column}
  .auth-brand{width:100%;padding:var(--space-8)}
  .auth-brand .lead{font-size:24px}
  .auth-brand .sub{display:none}
  .auth-main{padding:var(--space-8)}
}