/* Estilos de Auth alineados con la paleta del proyecto (VistaGeneralAbonado, etc.) */
:root {
    --sc-primary-black: #231f20;
    --sc-primary-blue: #2970B8;
    --sc-primary-skyblue: #1e98d5;
    --sc-primary-skyblue2: #cce5ff;
    --sc-primary-grey: #686868;
    --sc-primary-grey2: #f9f9f9;
    --sc-primary-white: #ffffff;
}

/* Fondo de pantallas de autenticación */
.authentication-bg {
    background-color: var(--sc-primary-grey2) !important;
    background-image: linear-gradient(135deg, var(--sc-primary-skyblue2) 0%, var(--sc-primary-white) 50%, var(--sc-primary-skyblue2) 100%) !important;
}

.authentication-bg .bg-overlay {
    background: linear-gradient(135deg, var(--sc-primary-blue) 0%, var(--sc-primary-skyblue) 100%) !important;
    opacity: 0.85 !important;
}

/* Títulos y texto */
.authentication-bg .card .card-body h4,
.authentication-bg .card .card-body h5 {
    color: var(--sc-primary-blue) !important;
}

.authentication-bg .card .card-body .text-muted {
    color: var(--sc-primary-grey) !important;
}

.authentication-bg .card .card-body .form-label {
    color: var(--sc-primary-black);
}

/* Botón primario (Ingresar, Siguiente, Confirmar, Desbloquear, etc.) */
.authentication-bg .btn-primary {
    background-color: var(--sc-primary-blue) !important;
    border-color: var(--sc-primary-blue) !important;
    color: var(--sc-primary-white) !important;
}

.authentication-bg .btn-primary:hover {
    background-color: var(--sc-primary-skyblue) !important;
    border-color: var(--sc-primary-skyblue) !important;
    color: var(--sc-primary-white) !important;
}

/* Botón éxito (Siguiente, Confirmar en MFA) */
.authentication-bg .btn-success {
    background-color: var(--sc-primary-blue) !important;
    border-color: var(--sc-primary-blue) !important;
    color: var(--sc-primary-white) !important;
}

.authentication-bg .btn-success:hover {
    background-color: var(--sc-primary-skyblue) !important;
    border-color: var(--sc-primary-skyblue) !important;
    color: var(--sc-primary-white) !important;
}

/* Enlaces y texto primario */
.authentication-bg .text-primary,
.authentication-bg a.fw-medium.text-primary,
.authentication-bg .error-text .text-primary {
    color: var(--sc-primary-blue) !important;
}

.authentication-bg a.text-primary:hover {
    color: var(--sc-primary-skyblue) !important;
}

/* Card y bordes */
.authentication-bg .card {
    border-color: var(--sc-primary-skyblue2);
    box-shadow: 0 2px 12px rgba(41, 112, 184, 0.08);
}

.authentication-bg .form-control:focus {
    border-color: var(--sc-primary-blue);
    box-shadow: 0 0 0 0.2rem var(--sc-primary-skyblue2);
}

/* Verificación 2FA - título alineado con proyecto */
.authentication-bg .auth-title-scord {
    color: var(--sc-primary-blue) !important;
    font-weight: 600;
}

/* Iconos y avatares */
.authentication-bg .avatar-title.bg-light,
.authentication-bg .avatar-title.rounded-circle {
    background-color: var(--sc-primary-skyblue2) !important;
}

.authentication-bg .avatar-title .text-purple,
.authentication-bg .mdi-security {
    color: var(--sc-primary-blue) !important;
}

/* Footer */
.authentication-bg .text-center.p-4 p,
.authentication-bg .text-center p {
    color: var(--sc-primary-grey);
}

.authentication-bg .text-danger.mdi-heart {
    color: var(--sc-primary-blue) !important;
}

/* Página 404 */
.authentication-bg .error-title .text-primary {
    color: var(--sc-primary-blue) !important;
}

/* Alertas mantienen legibilidad */
.authentication-bg .alert-success {
    background-color: var(--sc-primary-skyblue2);
    border-color: var(--sc-primary-skyblue);
    color: var(--sc-primary-black);
}

.authentication-bg .alert-warning {
    border-color: var(--sc-primary-skyblue);
}

.authentication-bg .alert-danger {
    border-color: #dc3545;
}