/* Tamaño base para todas las pantallas (pantallas grandes incluidas) */
.logo {
    width: 190px !important; /* Tamaño más grande para todas las pantallas */
    height: auto !important; /* Mantiene las proporciones */
}

.logo-scrolled {
    width: 190px !important; /* Aumenta el tamaño del logo scrolled */
    height: auto !important; /* Mantiene las proporciones */
}

/* Ajuste solo para pantallas medianas */
@media (max-width: 992px) {
    .logo {
        width: 350px !important; /* Reducción para pantallas medianas */
    }

    .logo-scrolled {
        width: 350px !important; /* Reducción para pantallas medianas */
    }
}

/* Ajuste solo para pantallas móviles */
@media (max-width: 768px) {
    .logo {
        width: 280px !important; /* Reducción para pantallas móviles */
    }

    .logo-scrolled {
        width: 280px !important; /* Reducción para pantallas móviles */
    }
}



/*Logo footer*/



/* Estilo general solo para el logo del footer */
.footer-logo {
    width: 190px !important; /* Tamaño adecuado para pantallas grandes */
    height: auto !important;
}

/* Ajustes para pantallas medianas */
@media (max-width: 992px) {
    .footer-logo {
        width: 350px !important; /* Ajuste de tamaño para pantallas medianas */
    }
}

/* Ajustes para pantallas pequeñas (móviles) */
@media (max-width: 768px) {
    .footer-logo {
        width: 280px !important; /* Reducción para pantallas móviles */
    }
}