/* auth.css — Estilos páginas de autenticación */
.auth-body {
    display: flex; align-items: center; justify-content: center;
    min-height: 100dvh;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 50%, #f0f9ff 100%);
    padding: 1.5rem;
}
.auth-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 32px rgba(0,0,0,.10);
    padding: 2.5rem;
    width: 100%; max-width: 400px;
}
.auth-logo {
    display: flex; align-items: center; gap: .75rem;
    margin-bottom: 2rem; justify-content: center;
}
.auth-brand { font-size: 1.3rem; font-weight: 700; color: #0f172a; }
.auth-titulo { font-size: 1.5rem; font-weight: 700; margin-bottom: .35rem; }
.auth-sub { color: #64748b; font-size: .9rem; margin-bottom: 1.5rem; }
.auth-form { display: flex; flex-direction: column; gap: .25rem; }
.auth-link-forgot { font-size: .78rem; font-weight: 400; color: #64748b; float: right; }
.input-password-wrap { position: relative; }
.input-password-wrap input { padding-right: 2.5rem; }
.toggle-pass {
    position: absolute; right: .6rem; top: 50%;
    transform: translateY(-50%);
    background: none; border: none;
    color: #94a3b8; padding: .2rem;
}
.toggle-pass:hover { color: #475569; }
.auth-form .btn-login { margin-top: .75rem; }