/* ==========================================================
   ESTILOS ESPECÍFICOS PARA LA PÁGINA DE LOGIN Y REGISTRO
   ========================================================== */

/* Fondo general de la página */
.bg-login-page {
    background-color: #f4f7f6 !important;
}

/* Tarjeta principal */
.auth-card {
    border-radius: 20px;
    max-width: 1000px;
}

/* Panel lateral (Branding) */
.auth-sidebar {
    background: linear-gradient(135deg, #0056b3 0%, #0072ce 100%);
    position: relative;
}

.decorative-circle-1 {
    width: 200px; 
    height: 200px; 
    background: rgba(255,255,255,0.05); 
    top: -50px; 
    left: -50px; 
    position: absolute; 
    border-radius: 50%;
}

.decorative-circle-2 {
    width: 150px; 
    height: 150px; 
    background: rgba(255,255,255,0.05); 
    bottom: -30px; 
    right: -30px; 
    position: absolute; 
    border-radius: 50%;
}

.auth-logo {
    max-width: 180px; 
    filter: drop-shadow(0px 4px 6px rgba(0,0,0,0.2));
}

/* Pestañas (Tabs) */
.auth-tab {
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    color: #6c757d; /* text-muted */
    transition: all 0.3s ease;
}

.auth-tab:hover {
    color: #0072ce;
}

.auth-tab.active {
    color: #0072ce;
    border-bottom-color: #0072ce;
}

/* Botones y Formulario */
.btn-google {
    gap: 12px;
    transition: all 0.3s;
    background-color: #fff;
}

.btn-google:hover {
    background-color: #f8f9fa;
}

.auth-icon-circle {
    width: 60px; 
    height: 60px;
}

.input-auth-clean {
    box-shadow: none !important;
}

.btn-login-submit {
    background-color: #0072ce;
    border: none;
}

.btn-login-submit:hover {
    background-color: #0056b3;
}

.btn-register-submit {
    background-color: #ff8c00;
    border: none;
}

.btn-register-submit:hover {
    background-color: #e67e22;
}