.elementor-33 .elementor-element.elementor-element-78af5d04{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-80%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;--z-index:95;}.elementor-33 .elementor-element.elementor-element-78af5d04:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-78af5d04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-33 .elementor-element.elementor-element-25841e67{--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;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-33 .elementor-element.elementor-element-7d196071{text-align:start;}.elementor-33 .elementor-element.elementor-element-7d196071 img{width:100%;max-width:100%;height:70px;object-fit:contain;object-position:center center;}.elementor-33 .elementor-element.elementor-element-75af1d29{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-menu-toggle{margin-left:auto;}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu .elementor-item{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-30ab0ab );fill:var( --e-global-color-30ab0ab );padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-30ab0ab );fill:var( --e-global-color-30ab0ab );}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-30ab0ab );}.elementor-33 .elementor-element.elementor-element-4238dd40 .e--pointer-framed .elementor-item:before,
					.elementor-33 .elementor-element.elementor-element-4238dd40 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-30ab0ab );}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-4238dd40 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-33 .elementor-element.elementor-element-4238dd40 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-4238dd40 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-33 .elementor-element.elementor-element-4238dd40 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-33 .elementor-element.elementor-element-4238dd40 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-33 .elementor-element.elementor-element-4238dd40 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-33 .elementor-element.elementor-element-4238dd40 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-33 .elementor-element.elementor-element-4238dd40 .e--pointer-underline .elementor-item:after,
					 .elementor-33 .elementor-element.elementor-element-4238dd40 .e--pointer-overline .elementor-item:before,
					 .elementor-33 .elementor-element.elementor-element-4238dd40 .e--pointer-double-line .elementor-item:before,
					 .elementor-33 .elementor-element.elementor-element-4238dd40 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-33 .elementor-element.elementor-element-4238dd40{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--dropdown a, .elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--dropdown{background-color:#F3F5F8;border-radius:16px 16px 16px 16px;}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--dropdown a:hover,
					.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--dropdown a:focus,
					.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-6e61080 );}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--dropdown a.elementor-item-active{background-color:var( --e-global-color-6e61080 );}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--dropdown .elementor-item, .elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:16px;border-top-right-radius:16px;}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:16px;border-bottom-left-radius:16px;}.elementor-33 .elementor-element.elementor-element-4238dd40 div.elementor-menu-toggle{color:var( --e-global-color-30ab0ab );}.elementor-33 .elementor-element.elementor-element-4238dd40 div.elementor-menu-toggle svg{fill:var( --e-global-color-30ab0ab );}.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-33 .elementor-element.elementor-element-78af5d04{--min-height:85px;--margin-top:-12%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-33 .elementor-element.elementor-element-7d196071 img{width:100%;height:70px;}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--dropdown .elementor-item, .elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}}@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-78af5d04{--min-height:65px;--margin-top:-20%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-33 .elementor-element.elementor-element-25841e67{--width:20%;}.elementor-33 .elementor-element.elementor-element-7d196071 img{height:60px;}.elementor-33 .elementor-element.elementor-element-75af1d29{--width:80%;}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--dropdown a{padding-top:14px;padding-bottom:14px;}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-33 .elementor-element.elementor-element-4238dd40{--nav-menu-icon-size:20px;}}@media(min-width:768px){.elementor-33 .elementor-element.elementor-element-25841e67{--width:25%;}.elementor-33 .elementor-element.elementor-element-75af1d29{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-33 .elementor-element.elementor-element-25841e67{--width:15%;}.elementor-33 .elementor-element.elementor-element-75af1d29{--width:85%;}}/* Start custom CSS for nav-menu, class: .elementor-element-4238dd40 */<style>
/* ============ FONDO DEL HEADER: transparente arriba de todo, blanco al scrollear ============ */
.elementor-element-78af5d04:not(.elementor-sticky__spacer) {
    background-color: transparent !important;
    transition: background-color .4s ease !important;
}
body.rs-scrolled .elementor-element-78af5d04:not(.elementor-sticky__spacer) {
    background-color: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 2px 14px rgba(10, 37, 64, .1) !important;
}

/* Achicado del header al scrollear */
.elementor-element-78af5d04 > .elementor-container {
    transition: min-height 1s ease !important;
}
body.rs-scrolled .elementor-element-78af5d04:not(.elementor-sticky__spacer) > .elementor-container {
    min-height: 80px !important;
}

/* ============ MENÚ DESKTOP: blanco arriba de todo, azul institucional al scrollear ============ */
.elementor-nav-menu .elementor-item,
.elementor-menu-toggle {
    color: #ffffff !important;
    fill: #ffffff !important;
    transition: color .3s ease, fill .3s ease;
}
body.rs-scrolled .elementor-nav-menu .elementor-item,
body.rs-scrolled .elementor-menu-toggle {
    color: #114272 !important;
    fill: #114272 !important;
}

/* ============ HOVER Y PÁGINA ACTIVA (solo el menú de escritorio) ============ */
.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-item:focus,
.elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-nav-menu--main .menu-item.current-menu-parent > .elementor-item,
.elementor-nav-menu--main .menu-item.current-menu-ancestor > .elementor-item {
    color: #ffffff !important;
}
body.rs-scrolled .elementor-nav-menu--main .elementor-item:hover,
body.rs-scrolled .elementor-nav-menu--main .elementor-item:focus,
body.rs-scrolled .elementor-nav-menu--main .elementor-item.elementor-item-active,
body.rs-scrolled .elementor-nav-menu--main .menu-item.current-menu-parent > .elementor-item,
body.rs-scrolled .elementor-nav-menu--main .menu-item.current-menu-ancestor > .elementor-item {
    color: #1668A6 !important;
}

/* ============ EL SUBRAYADO (la línea debajo del ítem) ============ */
.elementor-nav-menu--main .elementor-item:before,
.elementor-nav-menu--main .elementor-item:after {
    background-color: #ffffff !important;
    transition: background-color .3s ease, width .3s ease, opacity .3s ease;
}
body.rs-scrolled .elementor-nav-menu--main .elementor-item:before,
body.rs-scrolled .elementor-nav-menu--main .elementor-item:after {
    background-color: #1668A6 !important;
}

/* Los items del desplegable "Sistemas" siempre están sobre fondo blanco */
.elementor-nav-menu .elementor-sub-item:hover,
.elementor-nav-menu .elementor-sub-item.elementor-item-active {
    color: #1668A6 !important;
}

/* ============ Ícono del desplegable "Sistemas": quieto, sin animación ============ */
.elementor-nav-menu .sub-arrow {
    display: inline-flex;
    transition: none !important;
}
.elementor-nav-menu .menu-item-has-children:hover .sub-arrow,
.elementor-nav-menu .menu-item-has-children .sub-arrow i,
.elementor-nav-menu .menu-item-has-children:hover .sub-arrow i {
    transform: none !important;
}

/* ============ El desplegable "Sistemas" se abre de derecha a izquierda ============ */
.elementor-nav-menu .menu-item-has-children .sub-menu.elementor-nav-menu--dropdown {
    left: auto !important;
    right: 0 !important;
}

/* ============ LOGO: blanco arriba de todo, color original al scrollear ============ */
.elementor-element-78af5d04 img.attachment-full {
    filter: brightness(0) invert(1);
    transition: filter .3s ease;
}
body.rs-scrolled .elementor-element-78af5d04 img.attachment-full {
    filter: none;
}

/* ============================================================
   BOTÓN HAMBURGUESA (solo mobile) — ícono propio, sin fondo
   ============================================================ */

/* En desktop no se muestra nunca.
   Si tu menú pasa a hamburguesa recién en celular (breakpoint "Mobile"),
   cambiá 1025px por 768px acá abajo. */
@media (min-width: 1025px) {
    .elementor-menu-toggle {
        display: none !important;
    }
}

/* 1) Se oculta el ícono nativo de Elementor (sea fuente o SVG) */
.elementor-menu-toggle i,
.elementor-menu-toggle svg,
.elementor-menu-toggle .e-font-icon-svg {
    display: none !important;
}

/* 2) El botón: sin fondo, tamaño fijo para dibujar adentro.
      OJO: no se toca la propiedad "display" para no romper
      el display:none con el que Elementor lo esconde en desktop. */
.elementor-menu-toggle {
    position: relative !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}
.elementor-menu-toggle:hover,
.elementor-menu-toggle.elementor-active,
body.rs-scrolled .elementor-menu-toggle {
    background-color: transparent !important;
}

/* 3) Las 3 rayitas: :before dibuja la de arriba + la del medio (box-shadow),
      :after dibuja la de abajo. Usan currentColor, así heredan blanco/azul. */
.elementor-menu-toggle:before,
.elementor-menu-toggle:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -13px;
    width: 26px;
    height: 2px;
    border-radius: 2px;
    background-color: currentColor;
    transition: transform .3s ease, top .3s ease, bottom .3s ease, box-shadow .3s ease;
    filter: drop-shadow(0 1px 3px rgba(0, 0, 0, .45)); /* legibilidad sobre la foto */
}
.elementor-menu-toggle:before {
    top: 14px;
    box-shadow: 0 7px 0 currentColor; /* rayita del medio */
}
.elementor-menu-toggle:after {
    bottom: 14px;
}
body.rs-scrolled .elementor-menu-toggle:before,
body.rs-scrolled .elementor-menu-toggle:after {
    filter: none;
}

/* 4) Menú abierto: las rayitas se convierten en X */
.elementor-menu-toggle.elementor-active:before {
    top: 21px;
    box-shadow: none;
    transform: rotate(45deg);
}
.elementor-menu-toggle.elementor-active:after {
    bottom: 21px;
    transform: rotate(-45deg);
}

/* Color del botón: blanco arriba de todo, azul al scrollear */
.elementor-menu-toggle,
.elementor-menu-toggle.elementor-active {
    color: #ffffff !important;
}
body.rs-scrolled .elementor-menu-toggle,
body.rs-scrolled .elementor-menu-toggle.elementor-active {
    color: #114272 !important;
}

/* ============ MENÚ MOBILE (el desplegable de la hamburguesa) ============ */
.elementor-nav-menu--dropdown .elementor-item {
    color: #114272 !important;
    fill: #114272 !important;
}
.elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-nav-menu--dropdown .elementor-item:focus,
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
.elementor-nav-menu--dropdown .menu-item.current-menu-parent > .elementor-item,
.elementor-nav-menu--dropdown .menu-item.current-menu-ancestor > .elementor-item,
body.rs-scrolled .elementor-nav-menu--dropdown .elementor-item:hover,
body.rs-scrolled .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
    color: #1668A6 !important;
    background-color: #F0F8FD !important;
}
.elementor-nav-menu--dropdown .elementor-nav-menu {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
}

/* Ítems del menú mobile: texto y flechita en la MISMA línea */
.elementor-nav-menu--dropdown .elementor-nav-menu .elementor-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 14px 18px !important;
    border-bottom: 1px solid rgba(10, 66, 114, .08);
    line-height: 1.2 !important;
}
/* La flechita de "Sistemas": pegada a la derecha, centrada verticalmente */
.elementor-nav-menu--dropdown .elementor-item .sub-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: static !important;
    float: none !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    width: auto !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
}
.elementor-nav-menu--dropdown .elementor-item .sub-arrow i,
.elementor-nav-menu--dropdown .elementor-item .sub-arrow svg {
    display: block !important;
    margin: 0 !important;
    font-size: 13px !important;
    width: 13px !important;
    height: 13px !important;
}

nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    width: 240px !important;
    min-width: 240px !important;
    left: auto !important;
    right: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 30px rgba(10, 37, 64, .18) !important;
    border-radius: 10px !important;
}
</style>

<script>
(function () {
  function actualizarHeader() {
    document.body.classList.toggle('rs-scrolled', window.scrollY > 50);
  }
  window.addEventListener('scroll', actualizarHeader, { passive: true });
  actualizarHeader();
})();
</script>

@media (min-width:1025px) and (max-width:1366px){.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--main > .elementor-nav-menu{flex-wrap:nowrap}.elementor-33 .elementor-element.elementor-element-4238dd40 .elementor-nav-menu--main .elementor-item{font-size:15px}}
@media (min-width:1025px) and (max-width:1200px){.elementor-33 .elementor-element.elementor-element-4238dd40{--e-nav-menu-horizontal-menu-item-margin:calc(22px / 2)}}/* End custom CSS */