/* =========================================
   ARCHIVO: css/logos.css
   ========================================= */

/* Logo del Sidebar (Letras Negras) */
.logo-sidebar {
    max-width: 180px; /* Ajusta este valor si lo quieres más grande o pequeño */
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Logo del Login (Letras Blancas) */
.logo-login {
    max-width: 380px; /* Tamaño ideal para escritorio */
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 15px 0; /* Mantiene la separación que tenía el antiguo <h1> */
}

/* Ajustes responsivos para pantallas de móviles */
@media (max-width: 768px) {
    .logo-sidebar {
        max-width: 150px; /* Un poco más pequeño en el menú móvil */
    }

    .logo-login {
        max-width: 280px;
        margin: 0 auto 20px auto; /* Centrado en móviles */
    }
}