.opacity-full {
    opacity: 1; /* Opacidad completa */
}

.opacity-reduced {
    opacity: 0.5; /* Opacidad reducida */
}
#ac-localnav {
    transition: opacity 0.5s ease-in-out; /* Transición suave de la opacidad */
}
#submenu {
    transition: all 0.5s ease;
}
#submenu {
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
    max-height: 0; /* Inicialmente no visible */
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 100%; /* Alineado justo debajo del navbar */
    left: 0;
    z-index: 50; /* Asegúrate de que está sobre otros contenidos pero bajo el navbar si se solapan */
}

#submenu.not-hidden {
    max-height: 150px; /* Ajusta según la altura necesaria */
    opacity: 1; /* Asegúrate de que es totalmente visible cuando no está oculto */
}