/* Menú móvil — fix de visibilidad y toggle */
@media only screen and (max-width: 992px) {
    header.header-mobile {
        overflow: visible;
        min-height: 80px;
        background: #111 !important;
    }

    header.transparent.header-mobile,
    header.transparent.header-mobile.mobile-menu-open {
        background: #111 !important;
    }

    header.header-mobile.mobile-menu-open {
        height: auto !important;
        overflow: visible;
        z-index: 1002;
    }

    header.header-mobile #menu-btn {
        display: block !important;
        position: relative;
        z-index: 1003;
        float: right;
        cursor: pointer;
        min-width: 44px;
        min-height: 44px;
        -webkit-tap-highlight-color: transparent;
    }

    header.header-mobile nav {
        width: 100%;
        clear: both;
    }

    header.header-mobile #mainmenu,
    header.header-mobile #mainmenu.nav-unified {
        display: none;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0 15px 24px;
    }

    header.header-mobile.mobile-menu-open #mainmenu,
    header.header-mobile.mobile-menu-open #mainmenu.nav-unified {
        display: block !important;
        max-height: calc(100vh - 88px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    header.header-mobile #mainmenu > li {
        float: none;
        display: block;
        width: 100%;
        border-bottom: solid 1px #333;
    }

    header.header-mobile #mainmenu > li > a {
        display: block;
        padding: 14px 0 !important;
        font-size: 13px;
        letter-spacing: 2px;
        color: #eceff3 !important;
    }

    header.header-mobile #mainmenu > li > a:hover,
    header.header-mobile #mainmenu > li.is-active > a {
        color: var(--primary-color-1) !important;
    }

    header.header-mobile #mainmenu > li > a:after {
        display: none;
    }
}