@charset "utf-8";
/* CSS Document */

/* Small devices (phones, 767px and down) */
@media(max-width:767px){
    body{
        padding-left:0;
        padding-right:0;
        padding-top:0;
    }

    .show_cart{
        text-align:center;
    }

    .vmgroup_products .product-container{
        margin-bottom:120px;
    }

    .custom_slider-home{
        background-attachment:scroll;
        padding:170px 0 170px;
    }

    .row{
        margin-left:0 !important;
        margin-right:0 !important;
    }

    .text-products{
        padding:20px 0;
    }

    .custom_products .img-product{
        position:relative;
        width:100%;
    }

    .navbar .brand{
        padding:10px 0 10px 20px;
    }

    .navbar-fixed-top, .navbar-fixed-bottom{
        position:fixed;
    }

    /* 🛑 Ocultar menú hamburguesa y evitar que se abra 🛑 */
    .navbar-toggle {
        display: none !important; /* Oculta el botón de menú */
    }

    .navbar-collapse {
        display: none !important; /* Oculta el menú desplegable */
        background: none !important; /* Elimina cualquier fondo */
    }

    .navbar-collapse.collapse.in {
        display: none !important; /* Evita que el menú se active */
    }

    .navbar-collapse .nav li{
        display: none !important; /* Oculta los elementos del menú en móviles */
    }

    /* 🔹 Evita que el menú de fondo se muestre 🔹 */
    .navbar-collapse {
        clear: both;
        float: none;
        background: none !important;
        opacity: 0 !important;
    }

    .navbar-color .navbar-collapse, .navbar-color .nav li ul{
        background: none !important;
    }

    .header-1 p, .header-4 p{
        text-align:center !important;
    }

    form#os_form input, form#os_form textarea{
        width:95%;
    }

    .mailchimp_signup_form fieldset{
        margin:0 0 20px;
    }

    .inputbox.mailchimp_signup{
        width:100%;    
        left:0;
        text-align:center;
    }

    .button.mailchimp_signup{
        width:100%;
    }
}

/* Small devices (tablets, 768px and up) */
@media(min-width:768px){
}

/* Medium devices (desktops, 992px and up) */
@media(min-width:992px){
}

/* Large devices (large desktops, 1200px and up) */
@media(min-width:1200px){
}

/* 🛑 Eliminar menú hamburguesa en todas las resoluciones menores a 991px 🛑 */
@media (max-width: 991px) {  
    .navbar-toggle { 
        display: none !important; /* Oculta el botón de hamburguesa */
    } 

    .navbar-collapse { 
        display: none !important; /* Evita que el menú se muestre */
    } 

    .navbar-collapse.collapse.in { 
        display: none !important; /* Evita que el menú se active */
    }

    .navbar-collapse .nav li{
        display: none !important; /* Oculta los elementos del menú en móviles */
    }

    .navbar-collapse { 
        clear: both;
        float: none;
        background: none !important;
        opacity: 0 !important;
    }

    .navbar-color .navbar-collapse, .navbar-color .nav li ul{
        background: none !important;
    }
}

/* ✅ Eliminar menú hamburguesa solo en módulos con la clase "no-hamburguesa" */
@media (max-width: 991px) {
    .no-hamburguesa .navbar-toggle {
        display: none !important; /* Oculta el botón de hamburguesa SOLO en este módulo */
    }

    .no-hamburguesa .navbar-collapse {
        display: none !important; /* Evita que el menú se muestre SOLO en este módulo */
    }

    .no-hamburguesa .navbar-collapse.collapse.in {
        display: none !important; /* Evita que el menú se active SOLO en este módulo */
    }
}
