/* ===================================================
   🎨 CORRECCIÓN DE FONDOS UNIFICADOS (LOGIN CLEAN)
   =================================================== */

/* Contenedor central flexible */
.login-container {
    min-height: 100vh;
    width: 100%;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    /* 🌟 CORREGIDO: Quitamos el color oscuro (#1e293b) y lo dejamos transparente 
       para que use el fondo real del body sin duplicarse */
    background: transparent !important;
    padding: 20px;
    box-sizing: border-box;
}

/* Ficha blanca médica estilo clínica */
.login-card {
    background: #ffffff !important;
    padding: 40px 35px;
    border-radius: 24px;
    /* Incremetamos un poco la sombra para darle un efecto de elevación (floating) elegante */
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
    width: 100%;
    max-width: 440px; /* Tamaño compacto perfecto */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: auto !important;
}