.elementor-3 .elementor-element.elementor-element-8d5e3d6{--display:flex;}.elementor-3 .elementor-element.elementor-element-5697f39{--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;}:root{--page-title-display:none;}/* Start custom CSS */.elementor-element-21a5788 .elementor-nav-menu--dropdown {
  position: fixed !important; /* 👈 clave total */
  top: 90px; /* ajusta según altura del header */
  right: 25px !important;
  left: auto !important;
  width: 70%;
  z-index: 99999999 !important;
  background: white;
  transform: none !important; /* rompe el stacking context */
}

.elementor-nav-menu--dropdown {
  opacity: 1 !important;
  visibility: visible !important;
}



/* 🌑 Overlay base */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: rgba(0,0,0,0.4);

  opacity: 0;
  visibility: hidden;

  transition: opacity 0.3s ease;

  z-index: 9990;
  pointer-events: none; /* 👈 no bloquea clicks cuando está oculto */
}

/* 🌑 Overlay activo */
body.menu-open::before {
  opacity: 1;
  visibility: visible;
  pointer-events: auto; /* 👈 ahora sí bloquea el fondo */
}/* End custom CSS */