/* Contenedor central estándar */

/* ====================================================
   1. ALINEACIÓN GLOBAL DE CONTENEDORES
   ==================================================== */
.container-xl, 
.container {
    width: 100% !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important; /* Igualamos paddings laterales para evitar descalces a la izquierda */
    padding-right: 15px !important;
    box-sizing: border-box !important;
}

@media(max-width:1200px) {

    .container-xl {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media(max-width:768px) {

    .container-xl {
        padding-left: 20px;
        padding-right: 20px;
    }
}
body.menu-open {
    overflow: hidden;
}
.menu-overlay {
    backdrop-filter: blur(4px);
}