.elementor-3620 .elementor-element.elementor-element-23ff93d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-3620 .elementor-element.elementor-element-23ff93d{--width:100%;}}/* Start custom CSS *//* Asegura el menú por encima de todo */
.elementor-location-header { position: relative; z-index: 9999; }

.elementor-nav-menu--dropdown .elementor-menu-toggle { z-index: 100000; }

/* Contenedor del desplegable por encima de vídeos/overlays */
.elementor-nav-menu--dropdown .elementor-nav-menu__container,
.elementor-nav-menu__container {
  position: relative;
  z-index: 100000;
}

/* Evita que la cabecera recorte el dropdown */
.elementor-location-header,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container {
  overflow: visible !important;
}

/* Si el theme/plantilla corta con overflow hidden en el header, lo anulamos */
header, .site-header { overflow: visible; }

/* Forzamos visibilidad cuando el toggle está activo (por si hay conflictos de estilos) */
.elementor-nav-menu--dropdown .elementor-menu-toggle.elementor-active ~ .elementor-nav-menu__container {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  max-height: 100vh;
}

/* Que el dropdown ocupe pantalla completa si lo quieres tipo panel */
.elementor-nav-menu--dropdown .elementor-nav-menu__container {
  width: 100vw !important;
  left: 50% !important;
  right: 50% !important;
  margin-left: -50vw !important;  /* ancho completo real */
  margin-right: -50vw !important;
}

/* Fondo y legibilidad (ajusta colores a tu diseño) */
.elementor-nav-menu--dropdown .elementor-nav-menu__container {
  background: rgba(0,0,0,.92);  /* panel oscuro tipo overlay */
  color: #fff;
}

/* Evita scroll de fondo cuando el menú está abierto */
body.elementor-nav-menu--active { overflow: hidden; }/* End custom CSS */