.sns-nav-menu {
    transition: transform 0.3s ease; /* transición suave al ocultar o mostrar */
    z-index: 9999; /* se asegura que el menú estará por encima del resto de elementos */
}

.sns-nav-menu.menu-hide {
    transform: translateY(-100%); /* se desplaza el menú fuera de vista */
}