/* Arreglar Barra Superior en Celular */
@media only screen and (max-width: 690px) {
    /* Permitir que la barra crezca si es necesario */
    #top-bar, #header-top, .top-bar {
        height: auto !important;
        padding: 5px 0 !important;
    }
    
    /* Reducir tamaño de letra de "Catálogo" y texto */
    #top-bar-text, .top-bar-content, #top nav ul li a {
        font-size: 11px !important;
        line-height: 14px !important;
    }

    /* Ajustar Iconos Sociales para que no se encimen */
    .social-icons, #social-in-menu {
        margin-top: 5px !important;
        display: inline-block !important;
    }
    
    /* Forzar que quepan en pantalla */
    .container, .row {
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}