@media (max-width: 1024px) {
  html body .hfe-nav-menu__toggle + nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal {
    display: block !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-16px) !important;
    transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s linear 0.35s !important;
    pointer-events: none !important;
    z-index: 9999 !important;
  }

  html body .hfe-nav-menu__toggle[aria-expanded="true"] + nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    transition: opacity 0.35s ease, transform 0.35s ease, visibility 0s linear 0s !important;
    pointer-events: auto !important;
  }
}

/* --- Posicion del panel (top) segun el alto real del header --- */
/* Visitantes sin sesion iniciada */
@media (max-width: 767px) {
  html body .hfe-nav-menu__toggle + nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal {
    top: 50.9px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  html body .hfe-nav-menu__toggle + nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal {
    top: 47.5px !important;
  }
}

/* Con sesion iniciada (admin/editor): se suma el alto de la barra de administracion de WordPress */
@media (max-width: 767px) {
  body.admin-bar .hfe-nav-menu__toggle + nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal {
    top: 96.9px !important;
  }
}
@media (min-width: 768px) and (max-width: 782px) {
  body.admin-bar .hfe-nav-menu__toggle + nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal {
    top: 93.5px !important;
  }
}
@media (min-width: 783px) and (max-width: 1024px) {
  body.admin-bar .hfe-nav-menu__toggle + nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal.hfe-nav-menu__layout-horizontal {
    top: 79.5px !important;
  }
}

@media (min-width: 1025px) {
  html body .hfe-nav-menu__layout-horizontal {
    position: static !important;
    width: auto !important;
    left: auto !important;
    z-index: auto !important;
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: auto !important;
  }
}