.mobile-menu-box{
position: fixed;
top: 15px;
right: 15px;
z-index: 99999;
}

#mobileBtn{
background:#071c2f;
color:#fff;
border:none;
font-size:26px;
padding:8px 12px;
border-radius:6px;
cursor:pointer;
}

#mobileMenu{
position: fixed;
top:0;
right:-100%;
width:80%;
height:100%;
background:#071c2f;
padding:20px;
transition:0.3s;
z-index:99998;
}

#mobileMenu a{
display:block;
color:#fff;
text-decoration:none;
font-size:18px;
padding:12px 0;
border-bottom:1px solid rgba(255,255,255,0.2);
}

#mobileMenu.open{
right:0;
}

}

/* Ocultar en PC */
@media (min-width: 922px){
.mobile-menu-box{
display:none;
}
}

document.addEventListener("DOMContentLoaded",function(){

var btn = document.getElementById("mobileBtn"); var menu = document.getElementById("mobileMenu");

if(btn && menu){ btn.addEventListener("click",function(){ menu.classList.toggle("open"); }); }

});