/* El panel de navegación debe ocupar toda la pantalla en móvil.
 * Sin esta regla, algunos estilos de la cabecera reducen el panel a la
 * altura de la propia cabecera y recortan los submenús abiertos. */
@media (max-width: 991px) {
  .primary-menu-wrapper.active-menu .menu-wrap {
    position: fixed !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: min(370px, calc(100vw - 40px)) !important;
    max-width: calc(100vw - 40px) !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    z-index: 10020 !important;
  }

  .primary-menu-wrapper.active-menu .menu-wrap .main-menu,
  .primary-menu-wrapper.active-menu .menu-wrap .menu {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}