/*==========================================
        GLOBAL & MEDIA QUERIES
==========================================*/

@media(max-width:1200px){
    .container{
        padding: 0 24px;
    }
}

@media(max-width:768px){
    body{
        font-size: 15px;
    }
}

@media(max-width:480px){
    body{
        font-size: 14px;
    }
}

/*==========================================
        VISIBILIDAD MÓVIL / ESCRITORIO
==========================================*/

/* En pantallas grandes (Computador), ocultamos los elementos móviles */
@media (min-width: 992px) {
    .menu-toggle,
    .menu-mobile,
    .menu-overlay {
        display: none !important;
    }
}

/* En pantallas pequeñas (Tablets y Celulares), ocultamos el menú horizontal clásico */
@media (max-width: 991px) {
    .menu-guau {
        display: none !important;
    }

    .menu-toggle {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
}