.elementor-7434 .elementor-element.elementor-element-e0cf86c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7434 .elementor-element.elementor-element-e0cf86c:not(.elementor-motion-effects-element-type-background), .elementor-7434 .elementor-element.elementor-element-e0cf86c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-810b1a2 );}.elementor-7434 .elementor-element.elementor-element-0820e7d{--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;}.elementor-7434 .elementor-element.elementor-element-27d63b1{--display:flex;--justify-content:center;}.elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item a.uael-menu-item,.elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item a.uael-sub-menu-item{padding-left:27px;padding-right:27px;}.elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item a.uael-menu-item, .elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item a.uael-sub-menu-item{padding-top:20px;padding-bottom:20px;}.elementor-7434 .elementor-element.elementor-element-e2f53a8 ul.sub-menu{width:220px;}.elementor-7434 .elementor-element.elementor-element-e2f53a8 .sub-menu li a.uael-sub-menu-item,
						.elementor-7434 .elementor-element.elementor-element-e2f53a8 nav.uael-dropdown li a.uael-menu-item,
						.elementor-7434 .elementor-element.elementor-element-e2f53a8 nav.uael-dropdown li a.uael-sub-menu-item,
						.elementor-7434 .elementor-element.elementor-element-e2f53a8 nav.uael-dropdown-expandible li a.uael-menu-item,
						.elementor-7434 .elementor-element.elementor-element-e2f53a8 nav.uael-dropdown-expandible li a.uael-sub-menu-item{padding-left:15px;padding-right:15px;}.elementor-7434 .elementor-element.elementor-element-e2f53a8 .sub-menu a.uael-sub-menu-item,
						 .elementor-7434 .elementor-element.elementor-element-e2f53a8 nav.uael-dropdown li a.uael-menu-item,
						 .elementor-7434 .elementor-element.elementor-element-e2f53a8 nav.uael-dropdown li a.uael-sub-menu-item,
						 .elementor-7434 .elementor-element.elementor-element-e2f53a8 nav.uael-dropdown-expandible li a.uael-menu-item,
						 .elementor-7434 .elementor-element.elementor-element-e2f53a8 nav.uael-dropdown-expandible li a.uael-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-7434 .elementor-element.elementor-element-e2f53a8 .uael-nav-menu__toggle{text-align:center;}.elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item a.uael-menu-item{font-family:"Montserrat", Sans-serif;font-size:21px;font-weight:500;line-height:1px;}.elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item a.uael-menu-item:not(.elementor-button), .elementor-7434 .elementor-element.elementor-element-e2f53a8 .sub-menu a.uael-sub-menu-item{color:var( --e-global-color-53b9f2f );}.elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item a.uael-menu-item:not(.elementor-button):hover,
								.elementor-7434 .elementor-element.elementor-element-e2f53a8 .sub-menu a.uael-sub-menu-item:hover,
								.elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item.current-menu-item a.uael-menu-item:not(.elementor-button),
								.elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item a.uael-menu-item.highlighted:not(.elementor-button),
								.elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item a.uael-menu-item:not(.elementor-button):focus{color:var( --e-global-color-53b9f2f );}.elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item.current-menu-item a.uael-menu-item:not(.elementor-button),
								.elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item.current-menu-ancestor a.uael-menu-item:not(.elementor-button),
								.elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item.custom-menu-active a.uael-menu-item:not(.elementor-button){color:var( --e-global-color-53b9f2f );}.elementor-7434 .elementor-element.elementor-element-e2f53a8 .sub-menu,
								.elementor-7434 .elementor-element.elementor-element-e2f53a8 nav.uael-dropdown,
								.elementor-7434 .elementor-element.elementor-element-e2f53a8 .uael-nav-menu nav.uael-dropdown-expandible,
								.elementor-7434 .elementor-element.elementor-element-e2f53a8 .uael-nav-menu nav.uael-dropdown-expandible .menu-item a.uael-menu-item,
								.elementor-7434 .elementor-element.elementor-element-e2f53a8 .uael-nav-menu nav.uael-dropdown-expandible .menu-item .sub-menu,
								.elementor-7434 .elementor-element.elementor-element-e2f53a8 nav.uael-dropdown .menu-item a.uael-menu-item,
								.elementor-7434 .elementor-element.elementor-element-e2f53a8 nav.uael-dropdown .menu-item a.uael-sub-menu-item{background-color:#fff;}.elementor-7434 .elementor-element.elementor-element-e2f53a8 .sub-menu li.menu-item:not(:last-child),
						.elementor-7434 .elementor-element.elementor-element-e2f53a8 nav.uael-dropdown li.menu-item:not(:last-child),
						.elementor-7434 .elementor-element.elementor-element-e2f53a8 nav.uael-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-7434 .elementor-element.elementor-element-e2f53a8 div.uael-nav-menu-icon{color:var( --e-global-color-53b9f2f );}.elementor-7434 .elementor-element.elementor-element-e2f53a8 div.uael-nav-menu-icon svg{fill:var( --e-global-color-53b9f2f );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-7434 .elementor-element.elementor-element-79d29e4 > .elementor-widget-container{margin:0px 0px 0px -47px;}.elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item a.uael-menu-item,.elementor-7434 .elementor-element.elementor-element-e2f53a8 .menu-item a.uael-sub-menu-item{padding-left:25px;padding-right:25px;}.elementor-7434 .elementor-element.elementor-element-e2f53a8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-7434 .elementor-element.elementor-element-e0cf86c{--content-width:1252px;}.elementor-7434 .elementor-element.elementor-element-0820e7d{--width:48%;}.elementor-7434 .elementor-element.elementor-element-27d63b1{--width:69%;}}/* Start custom CSS for uael-nav-menu, class: .elementor-element-e2f53a8 *//* === CSS FINAL CORREGIDO PARA MENÚ CON SEPARADORES === */

/* ID que debes asignar al widget de Menú en Elementor > Avanzado */
#menu-principal-con-barras .elementor-nav-menu--main {
    display: flex;
    flex-wrap: wrap;         /* CLAVE: Permite que los ítems salten a la siguiente línea */
    justify-content: center; /* Opcional: Centra el menú en su contenedor */
    align-items: center;
}

/* Hacemos que cada ítem sea un contenedor flex para mantener juntos el enlace y el separador */
#menu-principal-con-barras .menu-item {
    display: inline-flex; /* CLAVE: Trata al botón y su separador como una sola pieza */
    align-items: center;  /* Centra verticalmente el texto y el separador */
    margin-bottom: 10px;  /* Espacio si el menú ocupa varias líneas */
}

/* 1. Separador de barra vertical */
#menu-principal-con-barras .menu-item:not(:last-child)::after {
    content: "|";
    margin-left: 8px;
    margin-right: 0px;
    color: #E49C45;
    font-weight: 700;
}

/* 2. Estilo base del enlace (para la animación) */
#menu-principal-con-barras .menu-item a.elementor-item {
    display: inline-block;
    transition: transform 0.2s ease-out, color 0.2s ease-out, font-weight 0.2s ease-out;
}

/* 3. Estilo para ACTIVO (página actual) y HOVER (al pasar el ratón) */
#menu-principal-con-barras .menu-item.current-menu-item > a.elementor-item,
#menu-principal-con-barras .menu-item.current-menu-ancestor > a.elementor-item,
#menu-principal-con-barras .menu-item.elementor-item-active > a.elementor-item,
#menu-principal-con-barras .menu-item a.elementor-item:hover {
    font-weight: 700 !important;
    color: #8335a6 !important;
    transform: scale(1.1) !important;
}
/* === MÓVIL: separadores “|” debajo de cada ítem === */
@media (max-width: 767px) {

  /* Aseguramos que cada ítem ocupe toda la línea */
  #menu-principal-con-barras .menu-item a.elementor-item {
    display: block;
    text-align: center;
    padding: 12px 0;
  }

  /* Quitamos el separador en línea */
  #menu-principal-con-barras .menu-item:not(:last-child)::after {
    content: none;
  }
  /* === CSS ESCRITORIO (tuya original) === */
#menu-principal-con-barras .elementor-nav-menu--main {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
#menu-principal-con-barras .menu-item {
  display: inline-flex;
  align-items: center;
  margin-bottom: 10px;
}
#menu-principal-con-barras .menu-item:not(:last-child)::after {
  content: "|";
  margin-left: 8px;
  color: #E49C45;
  font-weight: 700;
}
#menu-principal-con-barras .menu-item a.elementor-item {
  display: inline-block;
  transition: transform .2s, color .2s, font-weight .2s;
}
#menu-principal-con-barras .menu-item.current-menu-item > a.elementor-item,
#menu-principal-con-barras .menu-item.current-menu-ancestor > a.elementor-item,
#menu-principal-con-barras .menu-item.elementor-item-active > a.elementor-item,
#menu-principal-con-barras .menu-item a.elementor-item:hover {
  font-weight: 700!important;
  color: #8335a6!important;
  transform: scale(1.1)!important;
}

/* === CSS MÓVIL: separadores bajo cada ítem en el dropdown === */
@media (max-width: 767px) {
  /* Oculta los separadores de escritorio */
  #menu-principal-con-barras .menu-item:not(:last-child)::after {
    display: none;
  }

  /* Asegura que el dropdown sea visible y los enlaces bloque */
  #menu-principal-con-barras .elementor-nav-menu--dropdown .menu-item > a.elementor-item {
    display: block;
    text-align: center;
    padding: 12px 0;
    position: relative;
  }

  /* Añade el separador “|” debajo de cada link, excepto el último */
  #menu-principal-con-barras .elementor-nav-menu--dropdown .menu-item:not(:last-child) > a.elementor-item::after {
    content: "|";
    display: block;
    color: #E49C45;
    font-weight: 700;
    margin: 4px auto 0;
  }

  /* Quita la última línea en el último ítem */
  #menu-principal-con-barras .elementor-nav-menu--dropdown .menu-item:last-child > a.elementor-item::after {
    content: none;
  }
}/* End custom CSS */