/* === Blue Nova — Mobile menu mnav-style (v2 minimalista) === */
.bn-mnav{display:none}

@media (max-width: 1024px){
    body.bn-mnav-open .bnm-mega{display:none!important;visibility:hidden!important}
    body.bn-mnav-open{overflow:hidden}

    /* Overlay full screen — fondo limpio sólido */
    aside.bn-mnav{
        position:fixed!important; inset:0!important; z-index:99999!important;
        background:#01071A!important;
        opacity:0; visibility:hidden; transform:translateY(-12px);
        transition:opacity .35s ease, transform .35s ease, visibility .35s;
        display:flex!important; flex-direction:column!important;
        font-family:'Manrope','Poppins',-apple-system,sans-serif!important;
        color:#fff!important;
        padding:20px 0 24px!important;
        margin:0!important;
    }
    aside.bn-mnav.is-open{ opacity:1; visibility:visible; transform:none }

    /* Header del panel */
    .bn-mnav .bn-mnav__head{
        display:flex!important; align-items:center!important; justify-content:space-between!important;
        padding:0 20px 20px!important;
        background:transparent!important;
    }
    .bn-mnav .bn-mnav__logo{ display:block; background:transparent!important; }
    .bn-mnav .bn-mnav__logo img{
        height:38px!important; width:auto!important; display:block!important;
        max-width:none!important; border-radius:0!important;
    }

    /* Botón close — visible, círculo gris claro con X blanca */
    .bn-mnav button.bn-mnav__close{
        width:42px!important; height:42px!important; border-radius:50%!important;
        background:rgba(255,255,255,0.10)!important;
        background-image:none!important;
        border:1px solid rgba(255,255,255,0.18)!important;
        color:#fff!important;
        display:flex!important; align-items:center!important; justify-content:center!important;
        cursor:pointer; transition:.25s;
        padding:0!important; margin:0!important;
        box-shadow:none!important;
        -webkit-appearance:none!important; appearance:none!important;
    }
    .bn-mnav button.bn-mnav__close:hover{
        background:rgba(255,255,255,0.18)!important;
        border-color:rgba(255,255,255,0.3)!important;
    }
    .bn-mnav button.bn-mnav__close svg{
        width:18px!important; height:18px!important;
        stroke:#fff!important; fill:none!important;
        stroke-width:2!important;
        display:block!important;
    }

    /* Lista vertical limpia */
    .bn-mnav .bn-mnav__list{
        list-style:none!important; padding:0!important; margin:0!important;
        overflow-y:auto!important; flex:1 1 auto!important;
        background:transparent!important;
    }
    .bn-mnav .bn-mnav__list li.bn-mnav__item{
        border:0!important;
        border-bottom:1px solid rgba(255,255,255,0.06)!important;
        background:transparent!important;
        padding:0!important; margin:0!important;
        list-style:none!important;
    }
    .bn-mnav .bn-mnav__list li.bn-mnav__item:first-child{ border-top:1px solid rgba(255,255,255,0.06)!important }

    /* Link plano */
    .bn-mnav a.bn-mnav__link{
        display:flex!important; align-items:center!important;
        padding:18px 22px!important;
        color:#fff!important; text-decoration:none!important;
        font-size:16px!important; font-weight:500!important;
        letter-spacing:.01em!important;
        background:transparent!important; background-image:none!important;
        border:0!important; border-radius:0!important;
        font-family:'Manrope','Poppins',sans-serif!important;
        transition:color .2s, background .2s!important;
        font-style:normal!important;
    }
    .bn-mnav a.bn-mnav__link:hover,
    .bn-mnav a.bn-mnav__link:focus{
        color:#6B93FF!important;
        background:rgba(255,255,255,0.02)!important;
    }

    /* Botón categoría expandible — RESET FULL para ganar contra el kit Brandmode */
    .bn-mnav button.bn-mnav__head-btn{
        all:unset!important;  /* nuclear reset */
        box-sizing:border-box!important;
        width:100%!important;
        display:flex!important; align-items:center!important; justify-content:space-between!important;
        padding:18px 22px!important;
        background:transparent!important; background-image:none!important;
        border:0!important; border-radius:0!important;
        color:#fff!important;
        font-family:'Manrope','Poppins',sans-serif!important;
        font-size:16px!important; font-weight:500!important; font-style:normal!important;
        text-align:left!important;
        cursor:pointer!important;
        letter-spacing:.01em!important;
        text-transform:none!important;
        line-height:1.3!important;
        box-shadow:none!important;
        -webkit-appearance:none!important; appearance:none!important;
    }
    .bn-mnav button.bn-mnav__head-btn:hover{
        color:#6B93FF!important;
        background:rgba(255,255,255,0.02)!important;
    }

    /* Cuando está ABIERTO: el texto se queda BLANCO PURO */
    .bn-mnav .bn-mnav__item.is-open button.bn-mnav__head-btn{
        color:#ffffff!important;
        background:transparent!important;
        font-weight:600!important;
    }

    /* Icono + minimal: 2 líneas finas */
    .bn-mnav span.bn-mnav__plus{
        position:relative!important;
        width:16px!important; height:16px!important;
        flex:0 0 16px!important;
        display:inline-block!important;
        background:transparent!important;
    }
    .bn-mnav span.bn-mnav__plus::before,
    .bn-mnav span.bn-mnav__plus::after{
        content:""!important; position:absolute!important;
        left:50%!important; top:50%!important;
        background:rgba(255,255,255,0.55)!important;
        transition:transform .3s ease, opacity .3s ease, background .25s!important;
    }
    .bn-mnav span.bn-mnav__plus::before{ width:16px!important; height:1.5px!important; transform:translate(-50%,-50%)!important }
    .bn-mnav span.bn-mnav__plus::after{ width:1.5px!important; height:16px!important; transform:translate(-50%,-50%)!important }
    .bn-mnav button.bn-mnav__head-btn:hover span.bn-mnav__plus::before,
    .bn-mnav button.bn-mnav__head-btn:hover span.bn-mnav__plus::after{ background:#6B93FF!important }
    .bn-mnav .bn-mnav__item.is-open span.bn-mnav__plus::before{ background:#ffffff!important }
    .bn-mnav .bn-mnav__item.is-open span.bn-mnav__plus::after{ transform:translate(-50%,-50%) rotate(90deg)!important; opacity:0!important }

    /* Sub-menú */
    .bn-mnav .bn-mnav__sub{
        max-height:0!important; overflow:hidden!important;
        transition:max-height .35s ease!important;
        padding:0 22px!important;
        background:transparent!important;
        margin:0!important;
    }
    .bn-mnav .bn-mnav__item.is-open .bn-mnav__sub{
        max-height:600px!important;
        padding:2px 22px 14px!important;
    }
    .bn-mnav .bn-mnav__sub a{
        display:block!important; padding:12px 16px!important;
        color:rgba(255,255,255,0.7)!important; text-decoration:none!important;
        font-size:15px!important; font-weight:400!important;
        background:transparent!important; background-image:none!important;
        border:0!important; border-radius:8px!important;
        font-family:'Manrope','Poppins',sans-serif!important;
        font-style:normal!important;
        transition:.2s;
    }
    .bn-mnav .bn-mnav__sub a:hover{
        background:rgba(255,255,255,0.05)!important;
        color:#fff!important;
    }

    /* Buscador */
    .bn-mnav form.bn-mnav__search{
        display:flex!important; align-items:center!important; gap:10px!important;
        margin:18px 22px 12px!important;
        background:rgba(255,255,255,0.06)!important;
        border:1px solid rgba(255,255,255,0.10)!important;
        border-radius:14px!important;
        padding:10px 16px!important;
    }
    .bn-mnav form.bn-mnav__search svg{
        width:18px!important; height:18px!important;
        color:rgba(255,255,255,0.55)!important;
        flex:0 0 18px!important;
    }
    .bn-mnav form.bn-mnav__search input{
        flex:1!important; background:transparent!important; border:0!important; outline:0!important;
        color:#fff!important; font-family:inherit!important; font-size:15px!important;
        padding:6px 0!important;
        box-shadow:none!important;
    }
    .bn-mnav form.bn-mnav__search input::placeholder{ color:rgba(255,255,255,0.45)!important }

    /* Social */
    .bn-mnav .bn-mnav__social{
        display:flex!important; align-items:center!important; justify-content:center!important;
        gap:14px!important; padding:18px 22px 6px!important;
        background:transparent!important;
    }
    .bn-mnav .bn-mnav__social a{
        width:40px!important; height:40px!important;
        display:flex!important; align-items:center!important; justify-content:center!important;
        border:1px solid rgba(255,255,255,0.16)!important;
        border-radius:50%!important;
        color:#fff!important; text-decoration:none!important;
        background:transparent!important; background-image:none!important;
        transition:.25s;
    }
    .bn-mnav .bn-mnav__social a:hover{
        background:rgba(255,255,255,0.08)!important;
        border-color:rgba(255,255,255,0.3)!important;
        transform:translateY(-2px);
    }
    .bn-mnav .bn-mnav__social svg{ width:16px!important; height:16px!important; fill:currentColor!important; stroke:none!important }
}