.elementor-19662 .elementor-element.elementor-element-221fb73a:not(.elementor-motion-effects-element-type-background), .elementor-19662 .elementor-element.elementor-element-221fb73a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0072E5;}.elementor-19662 .elementor-element.elementor-element-221fb73a > .elementor-container{max-width:1450px;}.elementor-19662 .elementor-element.elementor-element-221fb73a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-19662 .elementor-element.elementor-element-221fb73a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-19662 .elementor-element.elementor-element-52269c7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-19662 .elementor-element.elementor-element-52269c7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-19662 .elementor-element.elementor-element-52269c7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-19662 .elementor-element.elementor-element-3f984471 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-19662 .elementor-element.elementor-element-3f984471 img{width:50%;max-width:100%;}.elementor-bc-flex-widget .elementor-19662 .elementor-element.elementor-element-733e3426.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-19662 .elementor-element.elementor-element-733e3426.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-19662 .elementor-element.elementor-element-733e3426.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-menu-toggle{margin:0 auto;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu .elementor-item{font-family:"Arial", Sans-serif;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown a, .elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown{background-color:#0072E5;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown a:hover,
					.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-menu-toggle:hover{color:#040404;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown a:hover,
					.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown a.highlighted{background-color:#FFFFFF;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown a.elementor-item-active{color:#000000;background-color:#FFFFFF;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown .elementor-item, .elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Arial", Sans-serif;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 div.elementor-menu-toggle:hover{color:#FFFFFF;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 div.elementor-menu-toggle:hover svg{fill:#FFFFFF;}.elementor-bc-flex-widget .elementor-19662 .elementor-element.elementor-element-405beec4.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-19662 .elementor-element.elementor-element-405beec4.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-19662 .elementor-element.elementor-element-e321c82 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown a{padding-top:6px;padding-bottom:6px;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:42px !important;}}@media(min-width:768px){.elementor-19662 .elementor-element.elementor-element-52269c7{width:18%;}.elementor-19662 .elementor-element.elementor-element-733e3426{width:63.333%;}.elementor-19662 .elementor-element.elementor-element-405beec4{width:18%;}}@media(max-width:1024px) and (min-width:768px){.elementor-19662 .elementor-element.elementor-element-52269c7{width:28%;}.elementor-19662 .elementor-element.elementor-element-733e3426{width:44%;}.elementor-19662 .elementor-element.elementor-element-405beec4{width:28%;}}@media(max-width:767px){.elementor-19662 .elementor-element.elementor-element-52269c7{width:33.3%;}.elementor-19662 .elementor-element.elementor-element-733e3426{width:33.3%;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu .elementor-item{font-size:16px;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown .elementor-item, .elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:15px;}.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:16px !important;}.elementor-19662 .elementor-element.elementor-element-405beec4{width:33.3%;}.elementor-19662 .elementor-element.elementor-element-e321c82 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-6cfd0de7 *//* --- ESTILOS PARA EL MENÚ PRINCIPAL (BASADO EN TU DISEÑO) --- */

/* Contenedor del menú para asegurar el borde */

@media (min-width: 1025px) {

.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main {
      border-radius: 12px; /* Bordes más redondeados y modernos */
    padding: 5px 10px; /* Pequeño padding interior */
    transition: all 0.3s ease;
    
}

/* Items principales del menú */
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main .elementor-item {
    color: #FFFFFF !important; /* Aseguramos texto blanco puro */
    font-weight: 500 !important;
    font-size: 16px !important;
    text-transform: none !important;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
    border-radius: 8px; /* Redondeamos cada item también */
}

/* Efecto Hover en los items: sutil y elegante */
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main .elementor-item:hover,
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main .elementor-item.elementor-item-active {
    background-color: rgba(255, 255, 255, 0.15) !important; /* Se ilumina un poco el fondo */
    color: black !important;
    transform: translateY(-2px); /* Pequeño salto hacia arriba */
}

/* Ocultamos la animación por defecto de Elementor */
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main .e--pointer-background .elementor-item::before {
    display: none !important;
}

/* Flecha del submenú */
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main .elementor-item .sub-arrow {
    margin-left: 6px;
    font-size: 11px;
    transition: transform 0.3s ease;
}
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main .elementor-item.highlighted > .sub-arrow {
    transform: rotate(180deg);
}


/* --- ESTILOS MEJORADOS PARA TU SUBMENÚ DESPLEGABLE --- */

.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown {
    background-color: #007bff !important; /* Tu azul de fondo */
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
    padding: 10px !important;
    margin-top: 10px !important; /* Lo separamos un poco del menú principal */
}

/* Items del submenú (estado normal) */
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown .elementor-sub-item {
    color: #FFFFFF !important; /* Texto blanco */
    font-weight: 400 !important;
    font-size: 15px !important;
    background-color: transparent !important;
    border-radius: 6px;
    transition: all 0.3s ease;
}

/* Efecto hover en los items del submenú (tu idea de invertir colores) */
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown .elementor-sub-item:hover {
    background-color: #FFFFFF !important; /* Fondo blanco */
    color: #000000 !important; /* Texto negro */
}



/* --- ESTILOS PARA EL MENÚ PRINCIPAL (BASADO EN TU DISEÑO) --- */

/* Contenedor del menú */
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main {
    border-radius: 12px;
    padding: 5px 10px;
    transition: all 0.3s ease;
    
}

/* Items principales del menú */
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main .elementor-item {
    color: #FFFFFF !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    text-transform: none !important;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
    border-radius: 8px;
}

/* Efecto Hover en los items */
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main .elementor-item:hover,
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main .elementor-item.elementor-item-active {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: black !important; /* Mantenemos tu elección de color negro */
    transform: translateY(-2px);
}

/* Ocultamos la animación por defecto de Elementor */
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main .e--pointer-background .elementor-item::before {
    display: none !important;
}

/* Flecha del submenú */
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main .elementor-item .sub-arrow {
    margin-left: 6px;
    font-size: 11px;
    transition: transform 0.3s ease;
}
.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--main .elementor-item.highlighted > .sub-arrow {
    transform: rotate(180deg);
}


/* --- ESTILOS MEJORADOS PARA TU SUBMENÚ DESPLEGABLE --- */

.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown {
    background-color: #007bff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
    padding: 10px !important;
    margin-top: 10px !important;
}

.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown .elementor-sub-item {
    color: #FFFFFF !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    background-color: transparent !important;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.elementor-19662 .elementor-element.elementor-element-6cfd0de7 .elementor-nav-menu--dropdown .elementor-sub-item:hover {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

}




@media (max-width: 1024px) {

  /* Estilizar el contenedor general del menú desplegable */
  .elementor-nav-menu--dropdown {
    background-color: #0072E5 !important; /* Azul sólido */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
    padding: 15px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    

  }
  
  
    /* NUEVA REGLA para el sub-item activo */
  .elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active {
      background-color: #ffffff !important;
      color: #0056b3 !important; /* Azul oscuro para que contraste con el fondo blanco */
  }
  
  
  .elementor-nav-menu ul {      border-radius: 0 0 12px 12px !important;
}
  

  /* Estilo de los elementos principales del menú en desplegable */
  .elementor-nav-menu--dropdown .elementor-item {
    color: #ffffff !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    transition: background-color 0.3s ease, color 0.3s ease;
  }

  /* Efecto hover sutil */
  .elementor-nav-menu--dropdown .elementor-item:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
  }

  /* Página activa o item con submenú abierto */
  .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
  .elementor-nav-menu--dropdown .elementor-item.highlighted {
    background-color: #ffffff !important;
    color: #007bff !important;

     

  }

  /* Submenús dentro del menú hamburguesa */
  .elementor-nav-menu--dropdown ul.elementor-sub-menu {
    background-color: #007bff !important;
    border-radius: 10px !important;
    padding: 10px !important;
    margin-top: 8px !important;
    
  }

  /* Estilo para los items del submenú */
  .elementor-nav-menu--dropdown .elementor-sub-item {
    color: #ffffff !important;
    font-size: 15px !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    transition: all 0.3s ease;
    
  }

  /* Hover invertido para los subitems */
  .elementor-nav-menu--dropdown .elementor-sub-item:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
  }

  /* Centrado del submenú (si usas menús anidados en hamburguesa) */
  .elementor-nav-menu--dropdown ul.elementor-sub-menu {
    text-align: center !important;
    
  }

  /* Ajustes para la flechita de submenús (si aparecen) */
  .elementor-nav-menu--dropdown .sub-arrow {
    margin-left: 6px;
    font-size: 11px;
    transition: transform 0.3s ease;
    color: #ffffff !important;
  }

  .elementor-nav-menu--dropdown .elementor-item.highlighted > .sub-arrow {
    transform: rotate(180deg);
    color: #007bff !important;
  }
}/* End custom CSS */