/* ============================================================
   Correcciones móvil - BES
   ============================================================ */

/* ── Submenús siempre visibles en móvil ─────────────────────
   En escritorio los submenús se muestran al hacer hover (CSS
   del tema). En móvil los mostramos siempre dentro del menú
   hamburguesa, sin necesidad de JavaScript.
   ─────────────────────────────────────────────────────────── */
@media (max-width: 991px) {

    /* El ítem padre ya no necesita enlace funcional */
    .menu > ul > li > a[href="#0"] {
        pointer-events: none;
        opacity: 0.75;
    }

    /* Prefijo visual para indicar que tiene submenú */
    .menu > ul > li > a[href="#0"]::before {
        content: "— ";
        opacity: 0.6;
    }

    /* Submenú siempre visible y bien posicionado */
    .menu ul li ul {
        display:    block  !important;
        position:   static !important;
        width:      100%   !important;
        opacity:    1      !important;
        visibility: visible !important;
        top:        auto   !important;
        left:       auto   !important;
        background: rgba(0, 0, 0, 0.05);
        border-radius: 4px;
        margin:     2px 0 6px 0;
        padding:    2px 0;
        box-shadow: none;
    }

    /* Subítems ligeramente sangrados */
    .menu ul li ul li a {
        padding:   8px 20px !important;
        font-size: 0.88rem  !important;
        opacity:   0.9;
    }
}

/* ── Márgenes reducidos en móvil (FAQ y Trivial) ────────────
   .pad-10 añade 10% de padding lateral; en móvil es excesivo.
   ─────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .pad-10 {
        padding-left:  0 !important;
        padding-right: 0 !important;
    }
    .contect-section .container {
        padding-left:  10px !important;
        padding-right: 10px !important;
    }
}