/* ==========================================================
   1. PROTECCIÓN TOTAL DE LA VERSIÓN DE ESCRITORIO (PC)
   ========================================================== */
@media (min-width: 992px) {
    /* Ocultar estrictamente el módulo móvil sin alterar el header original */
    .menu-movil-nativo {
        display: none !important;
    }

    /* Ocultar por completo el botón burger que inyecta Minimal Layout en PC */
    .burger-icon,
    #offcanvas-toggler,
    .helix-megamenu-toggle,
    .burger-icon-wrap {
        display: none !important;
    }

    /* Forzar la restauración del fondo blanco e integridad del header plano nativo */
    #sp-header {
        background-color: #ffffff !important;
        position: relative !important;
        display: block !important;
    }
}

/* ==========================================================
   2. AJUSTE EXCLUSIVO PARA EL CELULAR (MÓVIL)
   ========================================================== */
@media (max-width: 991px) {
    /* Ocultar los botones originales e inactivos de la plantilla */
    #offcanvas-toggler, 
    .burger-icon, 
    .helix-megamenu-toggle, 
    .burger-icon-wrap {
        display: none !important;
    }

    /* Forzar al módulo móvil a alinearse correctamente */
    .menu-movil-nativo {
        position: relative !important;
        display: block !important;
        float: right !important;
        z-index: 999999 !important;
    }

    /* Formato del icono burger de tres líneas (☰) */
    .menu-movil-nativo::before {
        content: "☰" !important;
        font-size: 32px !important;
        color: #333333 !important;
        cursor: pointer !important;
        display: block !important;
        text-align: right !important;
        padding: 5px 15px !important;
    }

    /* DESPLEGABLE CORREGIDO: Ajustado a la izquierda para evitar cortes */
    .menu-movil-nativo ul {
        display: none !important;
        list-style: none !important;
        padding: 5px 0 !important;
        margin: 0 !important;
        background: #ffffff !important;
        position: absolute !important;
        top: 100% !important;
        right: 0 !important; /* Lo alinea desde la derecha */
        width: 260px !important; /* Ancho suficiente para que entre el texto completo */
        box-shadow: -4px 8px 16px rgba(0,0,0,0.15) !important;
        border: 1px solid #e5e5e5 !important;
        border-radius: 4px !important;
        z-index: 999999 !important;
    }

    /* Estilo de la lista de enlaces */
    .menu-movil-nativo ul li {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid #eeeeee !important;
        text-align: left !important;
    }

    .menu-movil-nativo ul li a {
        display: block !important;
        padding: 12px 20px !important;
        color: #333333 !important;
        font-size: 15px !important;
        text-decoration: none !important;
        font-weight: 500 !important;
    }

    /* Manejo del submenú interno (Desarrollos, etc.) */
    .menu-movil-nativo ul li ul {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        width: 100% !important;
        border: none !important;
        box-shadow: none !important;
        padding-left: 15px !important;
        display: block !important;
    }

    /* Activar el despliegue al tocar */
    .menu-movil-nativo:hover ul,
    .menu-movil-nativo:active ul,
    .menu-movil-nativo:focus-within ul {
        display: block !important;
    }
}