/* Ajuste específico para el header en móvil */
@media (max-width: 767px) {
    body.page-with-filter {
        overflow-x: hidden;
        width: 100%;
    }
    
    /* Estilos específicos para el botón del menú móvil */
    .page-header .navigation-buttons-container::before {
        width: 200vw;
        left: -50vw;
        right: -50vw;
    }
    
    /* Ajustes de padding para evitar scroll horizontal */
    .page-header .navigation-buttons-container {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    /* Anular los paddings de bootstrap */
    .page-header .container,
    .page-header .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* Header a ancho completo */
    .page-header .header.content {
        padding-left: 0;
        padding-right: 0;
    }
}