/**
 * Menú mobile (offcanvas + meanmenu) — Gunbi
 * Carga al final del head para ganar a main.css / legacy.
 */

.offcanvas__info.gunbi-nav-drawer {
    background: linear-gradient(180deg, #0a0a0c 0%, #050507 100%) !important;
}

.offcanvas__info.gunbi-nav-drawer .gunbi-nav-drawer-body.mean-container .mean-bar,
.offcanvas__info.gunbi-nav-drawer .mobile-menu.mean-container .mean-bar {
    float: none;
    width: 100%;
    position: static;
    background: transparent !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.offcanvas__info.gunbi-nav-drawer .gunbi-nav-drawer-body.mean-container a.meanmenu-reveal,
.offcanvas__info.gunbi-nav-drawer .mobile-menu.mean-container a.meanmenu-reveal {
    display: none !important;
}

/* meanmenu oculta el ul hasta pulsar reveal; en el drawer siempre visible */
.offcanvas__info.gunbi-nav-drawer .mean-nav > ul,
.offcanvas__info.gunbi-nav-drawer .mean-nav ul:first-child {
    display: block !important;
}

.offcanvas__info.gunbi-nav-drawer .gunbi-nav-drawer-body.mean-container .mean-nav,
.offcanvas__info.gunbi-nav-drawer .mobile-menu.mean-container .mean-nav {
    background: transparent !important;
    margin-top: 0 !important;
    float: none !important;
    width: 100% !important;
}

.offcanvas__info.gunbi-nav-drawer .gunbi-nav-drawer-body.mean-container .mean-nav ul li a,
.offcanvas__info.gunbi-nav-drawer .gunbi-nav-drawer-body.mean-container .mean-nav ul li li a,
.offcanvas__info.gunbi-nav-drawer .gunbi-nav-drawer-body.mean-container .mean-nav ul li > a.mean-expand,
.offcanvas__info.gunbi-nav-drawer .mean-container .mean-nav ul li a,
.offcanvas__info.gunbi-nav-drawer .mean-container .mean-nav ul li li a,
.offcanvas__info.gunbi-nav-drawer .mean-container .mean-nav ul li > a.mean-expand {
    color: #ff0808 !important;
    -webkit-text-fill-color: #ff0808 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.offcanvas__info.gunbi-nav-drawer .gunbi-nav-drawer-body.mean-container .mean-nav ul li a:hover,
.offcanvas__info.gunbi-nav-drawer .gunbi-nav-drawer-body.mean-container .mean-nav ul li.gunbi-active > a,
.offcanvas__info.gunbi-nav-drawer .mean-container .mean-nav ul li a:hover,
.offcanvas__info.gunbi-nav-drawer .mean-container .mean-nav ul li.gunbi-active > a {
    color: #ff4444 !important;
    -webkit-text-fill-color: #ff4444 !important;
}

.offcanvas__info.gunbi-nav-drawer .mean-nav ul li > a.mean-expand i,
.offcanvas__info.gunbi-nav-drawer .mean-nav a i,
.offcanvas__info.gunbi-nav-drawer .mean-nav .fa,
.offcanvas__info.gunbi-nav-drawer .mean-nav .far,
.offcanvas__info.gunbi-nav-drawer .mean-nav .fas {
    color: #ff0808 !important;
}