.elementor-kit-74341{--e-global-color-primary:#FFFF00;--e-global-color-secondary:#00FF00;--e-global-color-text:#FF0000;--e-global-color-accent:#0194D3;--e-global-typography-primary-font-family:"Prosto One";--e-global-typography-primary-font-weight:500;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:11px;--e-global-typography-text-font-weight:400;}.elementor-kit-74341 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1170px;}.e-con{--container-max-width:1170px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Evitar que el contenedor (Elementor o similar) corte el submenú */
.elementor-section {
  overflow: visible !important;
}

/* 2. Ajustes generales del menú */
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li {
  position: relative; /* Importante para posicionar el submenú */
}

/* 3. Submenú oculto por defecto */
nav ul li ul {
  display: none;
  position: absolute;
  top: 100%;      /* Despliega justo debajo del elemento padre */
  left: 0;
  background: #fff; /* Cambia el color de fondo a tu gusto */
  z-index: 9999;    /* Asegura que aparezca por encima de otros elementos */
  margin: 0;
  padding: 0;
}

/* 4. Mostrar el submenú al pasar el ratón */
nav ul li:hover > ul {
  display: block;
}

/* 5. Estilos para los enlaces del submenú */
nav ul li ul li a {
  display: block;
  padding: 10px 15px; /* Ajusta según tu diseño */
  color: #333;        /* Color del texto */
  text-decoration: none;
}

/* 6. Efecto hover en los enlaces del submenú */
nav ul li ul li a:hover {
  background: #f1f1f1; /* Efecto al pasar el ratón */
}
.elementor-section.elementor-section-height-default.elementor-section--handles-insane-header,
.site-header,
.header {
  position: relative;     /* Asegúrate de que no sea 'static' */
  z-index: 99999 !important;
}

/* Aplica overflow: visible SOLO a la sección que contiene el menú */
.mi-menu-desplegable {
  overflow: visible !important;
}/* End custom CSS */