/* ============================================================
   AUTH — Login y Registro
   ============================================================ */

.auth-wrap {
    min-height:      100dvh;
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: center;
    padding:         24px 16px;
}

.auth-logo-wrap {
    margin-bottom: 28px;
    text-align:    center;
}

.auth-logo-img {
    height: 200px;
    width:  auto;
}

.auth-card {
    background-color: var(--buho-bg-card);
    border:           1px solid var(--buho-borde);
    border-radius:    var(--radio-card);
    padding:          28px 24px;
    width:            100%;
    max-width:        420px;
}

/* ── Pestañas ──────────────────────────────────────────── */
.auth-tabs {
    background-color: var(--buho-bg-input);
    border-radius:    var(--radio-btn);
    padding:          4px;
    margin-bottom:    24px;
    gap:              4px;
}

.auth-tabs .nav-item {
    flex: 1;
}

.auth-tabs .nav-link {
    color:          var(--buho-texto-suave);
    border-radius:  8px;
    padding:        9px 8px;
    font-size:      14px;
    font-weight:    600;
    width:          100%;
    text-align:     center;
    transition:     background-color 0.2s, color 0.2s;
}

.auth-tabs .nav-link.active {
    background-color: var(--buho-amarillo);
    color:            #1a1b1e;
}

.auth-tabs .nav-link:not(.active):hover {
    color: var(--buho-texto);
}

/* ── Separador visual entre pestañas ─────────────────── */
.auth-tab-content {
    padding-top: 4px;
}

/* ── Link olvidé contraseña ──────────────────────────── */
.auth-link {
    color:       var(--buho-amarillo);
    font-size:   13px;
    text-decoration: none;
}

.auth-link:hover {
    color: var(--buho-amarillo-dk);
    text-decoration: underline;
}

/* ── Nota de términos ────────────────────────────────── */
.auth-nota {
    font-size:  12px;
    color:      var(--buho-texto-suave);
    text-align: center;
    margin-top: 16px;
}
.buho-link-recuperar {
    color: #cfd3da;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.buho-link-recuperar:hover {
    color: #ffc107;
    text-decoration: none;
}