/* Centrar y agrandar el logo en la página de login */
#login .logo-container {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: auto; /* Permite que crezca */
}

#login .logo-container img.logo {
    display: block;
    margin: 0 auto;
    max-width: 250px; /* Aumenta el ancho máximo */
    height: auto;
    width: auto;
}

/* Ajustes para dispositivos móviles */
@media (max-width: 768px) {
    #login .logo-container {
        text-align: center;
    }
    
    #login .logo-container img.logo {
        max-width: 200px; /* Más pequeño en móviles */
    }
}