.elementor-6937 .elementor-element.elementor-element-d837973:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-6937 .elementor-element.elementor-element-d837973 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6937 .elementor-element.elementor-element-d837973 > .elementor-element-populated, .elementor-6937 .elementor-element.elementor-element-d837973 > .elementor-element-populated > .elementor-background-overlay, .elementor-6937 .elementor-element.elementor-element-d837973 > .elementor-background-slideshow{border-radius:0px 0px 100px 100px;}.elementor-6937 .elementor-element.elementor-element-d837973 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6937 .elementor-element.elementor-element-d837973 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6937 .elementor-element.elementor-element-fdf2190{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-6937 .elementor-element.elementor-element-fdf2190 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-container{height:81px;border-radius:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav > li > a{padding:15px 15px 15px 15px;font-family:"Roboto Condensed", Sans-serif;font-size:14px;font-weight:700;color:#06D0DB;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-nav-link-icon-position-top .ha-menu-icon{padding-bottom:7px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-nav-link-icon-position-left .ha-menu-icon{padding-right:7px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-nav-link-icon-position-right .ha-menu-icon{padding-left:7px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav > li > a:hover{color:#0FD2DC;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav > li > a:focus{color:#0FD2DC;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav > li > a:active{color:#0FD2DC;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav > li:hover > a{color:#0FD2DC;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav > li:hover > a .ha-submenu-indicator{color:#0FD2DC;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav > li > a:hover .ha-submenu-indicator{color:#0FD2DC;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav > li > a:focus .ha-submenu-indicator{color:#0FD2DC;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav > li > a:active .ha-submenu-indicator{color:#0FD2DC;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav li a .ha-submenu-indicator-wrap svg{height:10px;width:auto;color:#06D0DB;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav li a:hover .ha-submenu-indicator-wrap svg{color:#FFFFFF;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav .ha-submenu-panel > li > a{color:#000000;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav .ha-submenu-panel > li > a:hover{color:#707070;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav .ha-submenu-panel > li > a:focus{color:#707070;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav .ha-submenu-panel > li > a:active{color:#707070;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav .ha-submenu-panel > li:hover > a{color:#707070;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav .ha-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-submenu-panel{padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav .ha-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-hamburger{float:right;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-hamburger .ha-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-hamburger > .ha-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-hamburger:hover .ha-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-hamburger:hover > .ha-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-close{color:rgba(51, 51, 51, 1);}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-604b9dc{--display:flex;--content-width:100%;--overlay-transition:0.3s;}.elementor-6937 .elementor-element.elementor-element-a2eda44{--display:flex;--width:100%;--flex-direction:row;--gap:0px;--overlay-transition:0.3s;}.elementor-6937 .elementor-element.elementor-element-7ee8725{--display:flex;--content-width:100%;--min-height:10vh;--flex-direction:row;--overlay-transition:0.3s;}.elementor-6937 .elementor-element.elementor-element-7ee8725.e-container{--align-self:center;}.elementor-6937 .elementor-element.elementor-element-b713cdd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-6bde424{--display:flex;--content-width:100%;--flex-direction:column;--overlay-transition:0.3s;}.elementor-6937 .elementor-element.elementor-element-6bde424.e-container{--align-self:center;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-container{height:80px;border-radius:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav > li > a{padding:0px 15px 0px 15px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-nav-link-icon-position-top .ha-menu-icon{padding-bottom:15px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-nav-link-icon-position-left .ha-menu-icon{padding-right:15px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-nav-link-icon-position-right .ha-menu-icon{padding-left:15px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav > li > a:hover{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav > li > a:focus{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav > li > a:active{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav > li:hover > a{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav > li:hover > a .ha-submenu-indicator{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav > li > a:hover .ha-submenu-indicator{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav > li > a:focus .ha-submenu-indicator{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav > li > a:active .ha-submenu-indicator{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav > li.current-menu-item > a{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav > li.current-menu-ancestor > a{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav > li.current-menu-ancestor > a .ha-submenu-indicator{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav li a .ha-submenu-indicator-wrap svg{height:16px;width:auto;color:#000000;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav li a:hover .ha-submenu-indicator-wrap svg{color:#000000;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav .ha-submenu-panel > li > a{color:#000000;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav .ha-submenu-panel > li > a:hover{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav .ha-submenu-panel > li > a:focus{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav .ha-submenu-panel > li > a:active{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav .ha-submenu-panel > li:hover > a{color:#707070;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav .ha-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-submenu-panel{padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav .ha-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-hamburger{float:right;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-hamburger .ha-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-hamburger > .ha-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-hamburger:hover .ha-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-hamburger:hover > .ha-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-close{color:rgba(51, 51, 51, 1);}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-4e60100{--display:flex;--content-width:100%;--flex-direction:row-reverse;--align-items:flex-end;--gap:0px;--overlay-transition:0.3s;--margin-top:0%;--margin-right:0%;--margin-bottom:0%;--margin-left:0%;}.elementor-6937 .elementor-element.elementor-element-4e60100.e-container{--align-self:center;}.elementor-6937 .elementor-element.elementor-element-1dd2ee0{--display:flex;--width:100%;--flex-direction:row;--gap:0px;--overlay-transition:0.3s;}.elementor-6937 .elementor-element.elementor-element-45aeb6e{--display:flex;--content-width:100%;--flex-direction:column;--overlay-transition:0.3s;}.elementor-6937 .elementor-element.elementor-element-45aeb6e.e-container{--align-self:center;}.elementor-6937 .elementor-element.elementor-element-55a74d0{--display:flex;--content-width:100%;--flex-direction:column;--overlay-transition:0.3s;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-container{height:80px;border-radius:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav > li > a{padding:0px 15px 0px 15px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-nav-link-icon-position-top .ha-menu-icon{padding-bottom:15px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-nav-link-icon-position-left .ha-menu-icon{padding-right:15px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-nav-link-icon-position-right .ha-menu-icon{padding-left:15px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav > li > a:hover{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav > li > a:focus{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav > li > a:active{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav > li:hover > a{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav > li:hover > a .ha-submenu-indicator{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav > li > a:hover .ha-submenu-indicator{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav > li > a:focus .ha-submenu-indicator{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav > li > a:active .ha-submenu-indicator{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav > li.current-menu-item > a{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav > li.current-menu-ancestor > a{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav > li.current-menu-ancestor > a .ha-submenu-indicator{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav li a .ha-submenu-indicator-wrap svg{height:16px;width:auto;color:#000000;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav li a:hover .ha-submenu-indicator-wrap svg{color:#000000;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav .ha-submenu-panel > li > a{color:#000000;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav .ha-submenu-panel > li > a:hover{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav .ha-submenu-panel > li > a:focus{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav .ha-submenu-panel > li > a:active{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav .ha-submenu-panel > li:hover > a{color:#707070;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav .ha-submenu-panel > li.current-menu-item > a{color:#707070 !important;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-submenu-panel{padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav .ha-submenu-panel{border-radius:0px 0px 0px 0px;min-width:220px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-hamburger{float:right;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-hamburger .ha-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-hamburger > .ha-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-hamburger:hover .ha-menu-hamburger-icon{background-color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-hamburger:hover > .ha-menu-icon{color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-close{color:rgba(51, 51, 51, 1);}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-close:hover{color:rgba(0, 0, 0, 0.5);}.elementor-6937 .elementor-element.elementor-element-52b0b8f{--display:flex;--content-width:100%;--flex-direction:column;--overlay-transition:0.3s;}.elementor-6937 .elementor-element.elementor-element-52b0b8f.e-container{--align-self:center;}.elementor-6937 .elementor-element.elementor-element-44a8c68.elementor-element{--align-self:center;}.elementor-6937 .elementor-element.elementor-element-4af792c{--display:flex;--width:100%;--overlay-transition:0.3s;}@media(max-width:1024px){ .elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-nav-identity-panel{padding:10px 0px 10px 0px;} .elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-container{max-width:350px;} .elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-offcanvas-elements{--offcanvas-left-offset:-350px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-container{border-radius:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav > li > a{padding:10px 15px 10px 15px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-navbar-nav .ha-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-hamburger{padding:8px 8px 8px 8px;border-radius:3px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-hamburger .ha-menu-icon{width:24px;height:24px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-nav-logo > img{max-width:160px;max-height:60px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;} .elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-nav-identity-panel{padding:10px 0px 10px 0px;} .elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-container{max-width:350px;} .elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-offcanvas-elements{--offcanvas-left-offset:-350px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-container{border-radius:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav > li > a{padding:10px 15px 10px 15px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-navbar-nav .ha-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-hamburger{padding:8px 8px 8px 8px;border-radius:3px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-hamburger .ha-menu-icon{width:24px;height:24px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-nav-logo > img{max-width:160px;max-height:60px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}.elementor-6937 .elementor-element.elementor-element-1dd2ee0.e-container{--align-self:center;}.elementor-6937 .elementor-element.elementor-element-28a46e1{text-align:center;}.elementor-6937 .elementor-element.elementor-element-55a74d0.e-container{--align-self:center;} .elementor-6937 .elementor-element.elementor-element-231597a .ha-nav-identity-panel{padding:10px 0px 10px 0px;} .elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-container{max-width:350px;} .elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-offcanvas-elements{--offcanvas-left-offset:-350px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-container{border-radius:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav > li > a{padding:10px 15px 10px 15px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-navbar-nav .ha-submenu-panel{border-radius:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-hamburger{padding:8px 8px 8px 8px;border-radius:3px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-hamburger .ha-menu-icon{width:24px;height:24px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-close{padding:8px 8px 8px 8px;margin:12px 12px 12px 12px;width:45px;border-radius:3px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-nav-logo > img{max-width:160px;max-height:60px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-nav-logo{margin:5px 0px 5px 0px;padding:5px 5px 5px 5px;}}@media(max-width:767px){ .elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-container{max-width:350px;} .elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-menu-offcanvas-elements{--offcanvas-left-offset:-350px;}.elementor-6937 .elementor-element.elementor-element-d114bc0 .ha-nav-logo > img{max-width:120px;max-height:50px;} .elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-container{max-width:350px;} .elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-menu-offcanvas-elements{--offcanvas-left-offset:-350px;}.elementor-6937 .elementor-element.elementor-element-9acffc9 .ha-nav-logo > img{max-width:120px;max-height:50px;}.elementor-6937 .elementor-element.elementor-element-1dd2ee0{--min-height:12vh;--padding-top:2%;--padding-right:2%;--padding-bottom:2%;--padding-left:2%;}.elementor-6937 .elementor-element.elementor-element-45aeb6e{--width:45%;}.elementor-6937 .elementor-element.elementor-element-28a46e1{text-align:center;}.elementor-6937 .elementor-element.elementor-element-28a46e1 img{width:100%;}.elementor-6937 .elementor-element.elementor-element-55a74d0{--width:15%;}.elementor-6937 .elementor-element.elementor-element-55a74d0.e-container{--align-self:center;} .elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-container{max-width:350px;} .elementor-6937 .elementor-element.elementor-element-231597a .ha-menu-offcanvas-elements{--offcanvas-left-offset:-350px;}.elementor-6937 .elementor-element.elementor-element-231597a .ha-nav-logo > img{max-width:120px;max-height:50px;}.elementor-6937 .elementor-element.elementor-element-52b0b8f{--width:40%;}}@media(min-width:768px){.elementor-6937 .elementor-element.elementor-element-7ee8725{--width:20%;}.elementor-6937 .elementor-element.elementor-element-6bde424{--width:60%;}.elementor-6937 .elementor-element.elementor-element-4e60100{--width:20%;}.elementor-6937 .elementor-element.elementor-element-45aeb6e{--width:31%;}.elementor-6937 .elementor-element.elementor-element-55a74d0{--width:55%;}.elementor-6937 .elementor-element.elementor-element-52b0b8f{--width:15%;}}@media(max-width:1024px) and (min-width:768px){.elementor-6937 .elementor-element.elementor-element-1dd2ee0{--content-width:77vw;}.elementor-6937 .elementor-element.elementor-element-45aeb6e{--width:60%;}.elementor-6937 .elementor-element.elementor-element-55a74d0{--width:20%;}.elementor-6937 .elementor-element.elementor-element-52b0b8f{--width:20%;}}/* Start custom CSS for ha-nav-menu, class: .elementor-element-d114bc0 */.ha-menu-nav-link:before{
    content: "";
    width: 0;
    height: 2px;
    background-color: #06D0DB!important;
    position: absolute;
    bottom: 0px;
    left: 0;
    transition: all .5s ease-in-out;
}

.menuep ul li a:hover:before{
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b0fb030 */.todo{
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ee8725 */.header-logo {
  flex-shrink: 0;

  width: 240px;
}

.header-logo img {
  width: 220px;
  height: auto;
  display: block;
}/* End custom CSS */
/* Start custom CSS for ha-nav-menu, class: .elementor-element-9acffc9 *//* =====================================================
   MY_NAV5 - MENÚ PRINCIPAL VRI
   ===================================================== */


/* =====================================================
   CONTENEDOR GENERAL
   ===================================================== */

.my_nav5 {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}


/* =====================================================
   LISTA PRINCIPAL
   ===================================================== */

.my_nav5 .ha-navbar-nav {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: clamp(6px, 0.9vw, 18px) !important;

  flex-wrap: nowrap !important;
  overflow: visible !important;

  margin: 0 !important;
  padding: 0 !important;

  min-width: 0 !important;
}


/* =====================================================
   ITEMS PRINCIPALES
   ===================================================== */

.my_nav5 .ha-navbar-nav > li {
  position: relative !important;
  flex: 0 0 auto !important;
}


/* =====================================================
   LINKS PRINCIPALES
   ===================================================== */

.my_nav5 .ha-navbar-nav > li > a {
  color: #163E63 !important;

  font-size: clamp(13px, 0.78vw, 15px) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;

  padding: 12px clamp(4px, 0.55vw, 8px) !important;

  white-space: nowrap !important;
  text-decoration: none !important;

  position: relative !important;

  display: flex !important;
  align-items: center !important;
  gap: 6px !important;

  transition:
    color .25s ease,
    transform .25s ease !important;
}


/* =====================================================
   HOVER LINKS PRINCIPALES
   ===================================================== */

.my_nav5 .ha-navbar-nav > li > a:hover {
  color: #257FAC !important;
  transform: translateY(-2px) !important;
}


/* =====================================================
   LÍNEA ANIMADA EN LINKS PRINCIPALES
   ===================================================== */

.my_nav5 .ha-navbar-nav > li > a::after {
  content: "";

  position: absolute;
  left: 0;
  bottom: 4px;

  width: 0;
  height: 2px;

  background: linear-gradient(
    90deg,
    #3AAFDE,
    #78b8e5
  );

  border-radius: 999px;

  transition: width .32s ease;
}

.my_nav5 .ha-navbar-nav > li > a:hover::after {
  width: 100%;
}


/* =====================================================
   FLECHAS DEL MENÚ
   ===================================================== */

/* Contenedor de flecha */
.my_nav5 .ha-submenu-indicator-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin-left: 4px !important;

  flex: 0 0 auto !important;
}


/* Estado base de todas las flechas */
.my_nav5 .ha-submenu-indicator-wrap svg {
  width: 16px !important;
  height: 16px !important;

  color: #163E63 !important;
  fill: currentColor !important;

  transform: rotate(0deg) !important;

  transition:
    color .25s ease,
    transform .25s ease !important;
}


/*
   SOLO LA FLECHA DEL PRIMER NIVEL GIRA.
   Ejemplo: Organización
*/
.my_nav5 .ha-navbar-nav > li:hover > a > .ha-submenu-indicator-wrap svg,
.my_nav5 .ha-navbar-nav > li:hover > a .ha-submenu-indicator-wrap svg {
  color: #257FAC !important;
  transform: rotate(180deg) !important;
}


/*
   FLECHAS DE SUBELEMENTOS:
   Se mantienen hacia abajo aunque el submenú esté abierto.
*/
.my_nav5 .ha-navbar-nav ul li .ha-submenu-indicator-wrap svg,
.my_nav5 .ha-navbar-nav ul li:hover .ha-submenu-indicator-wrap svg,
.my_nav5 .ha-dropdown li .ha-submenu-indicator-wrap svg,
.my_nav5 .ha-dropdown li:hover .ha-submenu-indicator-wrap svg,
.my_nav5 .ha-submenu li .ha-submenu-indicator-wrap svg,
.my_nav5 .ha-submenu li:hover .ha-submenu-indicator-wrap svg,
.my_nav5 ul ul li .ha-submenu-indicator-wrap svg,
.my_nav5 ul ul li:hover .ha-submenu-indicator-wrap svg {
  transform: rotate(0deg) !important;
}


/* Color hover en flechas internas, sin girar */
.my_nav5 .ha-navbar-nav ul li:hover .ha-submenu-indicator-wrap svg,
.my_nav5 .ha-dropdown li:hover .ha-submenu-indicator-wrap svg,
.my_nav5 .ha-submenu li:hover .ha-submenu-indicator-wrap svg,
.my_nav5 ul ul li:hover .ha-submenu-indicator-wrap svg {
  color: #257FAC !important;
}


/* =====================================================
   SUBMENÚ DESKTOP
   ===================================================== */

/* CAJA DEL SUBMENÚ */
.my_nav5 .ha-dropdown,
.my_nav5 .ha-submenu,
.my_nav5 ul ul {
  background: #ffffff !important;

  border: 1px solid rgba(120, 184, 229, 0.22) !important;
  border-radius: 16px !important;

  box-shadow:
    0 18px 40px rgba(0, 49, 92, .14) !important;

  padding: 8px !important;

  overflow: visible !important;

  z-index: 99999 !important;

  box-sizing: border-box !important;
}


/* =====================================================
   ITEMS DEL SUBMENÚ
   ===================================================== */

.my_nav5 .ha-dropdown li,
.my_nav5 .ha-submenu li,
.my_nav5 ul ul li {
  position: relative !important;
  box-sizing: border-box !important;
}


/* =====================================================
   LINKS DEL SUBMENÚ
   ===================================================== */

.my_nav5 .ha-dropdown a,
.my_nav5 .ha-submenu a,
.my_nav5 ul ul a {
  color: #163E63 !important;

  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;

  padding: 11px 15px !important;

  white-space: nowrap !important;

  text-decoration: none !important;

  border-radius: 10px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 12px !important;

  transform: none !important;

  box-sizing: border-box !important;

  transition:
    background .22s ease,
    color .22s ease,
    padding-left .22s ease !important;
}


/* =====================================================
   HOVER DEL SUBMENÚ
   ===================================================== */

.my_nav5 .ha-dropdown a:hover,
.my_nav5 .ha-submenu a:hover,
.my_nav5 ul ul a:hover {
  background: #f3f9fd !important;
  color: #257FAC !important;
  padding-left: 19px !important;
}


/* =====================================================
   QUITAR LÍNEA ANIMADA EN SUBMENÚ
   ===================================================== */

.my_nav5 .ha-dropdown a::after,
.my_nav5 .ha-submenu a::after,
.my_nav5 ul ul a::after {
  display: none !important;
}


/* =====================================================
   SUBMENÚ DE SEGUNDO / TERCER NIVEL
   ===================================================== */

.my_nav5 .ha-dropdown ul,
.my_nav5 .ha-submenu ul,
.my_nav5 ul ul ul {
  background: #ffffff !important;

  border: 1px solid rgba(120, 184, 229, 0.22) !important;
  border-radius: 16px !important;

  box-shadow:
    0 18px 40px rgba(0, 49, 92, .14) !important;

  padding: 8px !important;

  overflow: visible !important;

  box-sizing: border-box !important;
}


/* Links segundo / tercer nivel */
.my_nav5 .ha-dropdown ul a,
.my_nav5 .ha-submenu ul a,
.my_nav5 ul ul ul a {
  font-size: 13.5px !important;
  font-weight: 650 !important;

  padding: 10px 15px !important;
}


/* =====================================================
   ESCRITORIO GRANDE
   MÁS DE 1600PX

   Se mantiene el comportamiento normal del plugin.
   ===================================================== */


/* =====================================================
   LAPTOP / ESCRITORIO MEDIO
   HASTA 1500PX
   ===================================================== */

@media (max-width: 1500px) {

  .my_nav5 .ha-navbar-nav {
    gap: 9px !important;
  }

  .my_nav5 .ha-navbar-nav > li > a {
    font-size: 14px !important;
    padding: 10px 5px !important;
  }

}


/* =====================================================
   LAPTOP 1366PX
   ===================================================== */

@media (max-width: 1366px) {

  .my_nav5 .ha-navbar-nav {
    gap: 6px !important;
  }

  .my_nav5 .ha-navbar-nav > li > a {
    font-size: 13.5px !important;
    padding: 9px 4px !important;
  }

  .my_nav5 .ha-submenu-indicator-wrap svg {
    width: 14px !important;
    height: 14px !important;
  }

}


/* =====================================================
   LAPTOP PEQUEÑA 1200PX
   ===================================================== */

@media (max-width: 1200px) {

  .my_nav5 .ha-navbar-nav {
    gap: 4px !important;
  }

  .my_nav5 .ha-navbar-nav > li > a {
    font-size: 12.8px !important;
    padding: 8px 3px !important;
  }

}


/* =====================================================
   CORRECCIÓN IMPORTANTE
   TERCER NIVEL ENTRE 1025PX Y 1600PX

   Cuando todavía no existe suficiente espacio a la
   derecha, el tercer nivel se abre hacia la izquierda.

   Esto soluciona casos como:
   CENTRO DE APOYO A LA TECNOLOGÍA...
   ===================================================== */

@media (min-width: 1025px) and (max-width: 1600px) {

  /*
     Tercer nivel abre hacia la izquierda.
  */
  .my_nav5 .ha-navbar-nav > li > ul > li > ul {
    left: auto !important;
    right: 100% !important;

    top: 0 !important;
    bottom: auto !important;

    width: max-content !important;

    min-width: 300px !important;
    max-width: min(560px, 48vw) !important;

    box-sizing: border-box !important;

    z-index: 100000 !important;
  }


  /*
     Evita que textos como:

     CENTRO DE APOYO A LA TECNOLOGÍA Y LA INNOVACIÓN

     se dividan innecesariamente en varias líneas.
  */
  .my_nav5 .ha-navbar-nav > li > ul > li > ul a {
    white-space: nowrap !important;

    word-break: normal !important;
    overflow-wrap: normal !important;

    line-height: 1.35 !important;

    width: auto !important;
    max-width: none !important;
  }


  /*
     Evita que los elementos internos compriman
     el texto del tercer nivel.
  */
  .my_nav5 .ha-navbar-nav > li > ul > li > ul > li {
    width: max-content !important;
    min-width: 100% !important;
  }

}


/* =====================================================
   LAPTOP PEQUEÑA
   1025PX - 1200PX
   ===================================================== */

@media (min-width: 1025px) and (max-width: 1200px) {

  /*
     Reducimos ligeramente los submenús,
     sin modificar el diseño principal.
  */
  .my_nav5 .ha-dropdown a,
  .my_nav5 .ha-submenu a,
  .my_nav5 ul ul a {
    font-size: 13px !important;
    padding: 10px 12px !important;
  }


  /*
     El PRIMER submenú sí puede acomodar
     textos largos si fuera necesario.
  */
  .my_nav5 .ha-navbar-nav > li > ul > li > a {
    white-space: normal !important;
    line-height: 1.3 !important;
  }


  /*
     Evita un primer submenú excesivamente ancho.
  */
  .my_nav5 .ha-navbar-nav > li > ul {
    max-width: min(520px, 48vw) !important;
  }


  /*
     Tercer nivel conserva suficiente espacio.
  */
  .my_nav5 .ha-navbar-nav > li > ul > li > ul {
    min-width: 280px !important;

    width: max-content !important;
    max-width: min(500px, 48vw) !important;
  }


  /*
     El tercer nivel sigue sin hacer wrap.
  */
  .my_nav5 .ha-navbar-nav > li > ul > li > ul a {
    white-space: nowrap !important;
  }

}


/* =====================================================
   TABLET / MÓVIL
   1024PX O MENOS

   Cuando Happy Addons pasa al menú hamburguesa,
   los submenús dejan de abrir lateralmente.
   ===================================================== */

@media (max-width: 1024px) {

  .my_nav5 {
    width: 100% !important;
    max-width: 100% !important;
  }


  /* =====================================================
     MENÚ PRINCIPAL
     ===================================================== */

  .my_nav5 .ha-navbar-nav {
    width: 100% !important;
    max-width: 100% !important;

    justify-content: flex-start !important;
    align-items: flex-start !important;

    gap: 0 !important;

    flex-direction: column !important;
  }


  .my_nav5 .ha-navbar-nav > li {
    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
  }


  .my_nav5 .ha-navbar-nav > li > a {
    width: 100% !important;
    max-width: 100% !important;

    justify-content: space-between !important;

    font-size: 15px !important;

    padding: 13px 16px !important;

    transform: none !important;

    box-sizing: border-box !important;
  }


  .my_nav5 .ha-navbar-nav > li > a::after {
    display: none !important;
  }


  /* =====================================================
     CAJAS DE SUBMENÚ
     ===================================================== */

  .my_nav5 .ha-dropdown,
  .my_nav5 .ha-submenu,
  .my_nav5 ul ul {
    width: 100% !important;
    max-width: 100% !important;

    border-radius: 12px !important;

    box-shadow: none !important;

    padding: 4px !important;
    margin: 4px 0 !important;

    border:
      1px solid rgba(120, 184, 229, 0.18) !important;

    box-sizing: border-box !important;
  }


  /* =====================================================
     LINKS SUBMENÚ
     ===================================================== */

  .my_nav5 .ha-dropdown a,
  .my_nav5 .ha-submenu a,
  .my_nav5 ul ul a {
    width: 100% !important;
    max-width: 100% !important;

    font-size: 14px !important;

    padding: 11px 18px !important;

    justify-content: space-between !important;

    box-sizing: border-box !important;
  }


  /* =====================================================
     FLECHAS MÓVIL
     ===================================================== */

  .my_nav5 .ha-submenu-indicator-wrap svg,
  .my_nav5 .ha-navbar-nav > li:hover > a .ha-submenu-indicator-wrap svg,
  .my_nav5 .ha-navbar-nav ul li:hover .ha-submenu-indicator-wrap svg {
    transform: rotate(0deg) !important;
  }


  /* =====================================================
     SUBMENÚS EN FLUJO VERTICAL

     IMPORTANTE:
     No modificamos display, visibility ni opacity.
     Happy Addons sigue controlando cuándo aparecen.
     ===================================================== */

  .my_nav5 .ha-navbar-nav > li > ul,
  .my_nav5 .ha-navbar-nav > li > ul > li > ul,
  .my_nav5 .ha-dropdown,
  .my_nav5 .ha-dropdown ul,
  .my_nav5 .ha-submenu,
  .my_nav5 .ha-submenu ul,
  .my_nav5 ul ul,
  .my_nav5 ul ul ul {

    position: static !important;

    left: auto !important;
    right: auto !important;

    top: auto !important;
    bottom: auto !important;

    transform: none !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
  }


  /* =====================================================
     PRIMER SUBMENÚ
     ===================================================== */

  .my_nav5 .ha-navbar-nav > li > ul {
    margin: 4px 0 !important;

    width: 100% !important;
    max-width: 100% !important;
  }


  /* =====================================================
     SEGUNDO / TERCER NIVEL
     ===================================================== */

  .my_nav5 .ha-navbar-nav > li > ul > li > ul {
    margin:
      3px
      0
      3px
      12px !important;

    width: calc(100% - 12px) !important;
    max-width: calc(100% - 12px) !important;

    border-left:
      3px solid rgba(37, 127, 172, 0.25) !important;

    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }


  /* =====================================================
     TEXTOS LARGOS EN TABLET / MÓVIL
     ===================================================== */

  .my_nav5 .ha-navbar-nav ul a,
  .my_nav5 .ha-dropdown a,
  .my_nav5 .ha-submenu a {

    white-space: normal !important;

    overflow-wrap: break-word !important;

    word-break: normal !important;

    line-height: 1.35 !important;

    box-sizing: border-box !important;
  }


  /* =====================================================
     ALINEACIÓN DE LINKS
     ===================================================== */

  .my_nav5 .ha-navbar-nav ul a {
    align-items: center !important;
  }


  /* Flecha nunca se comprime */
  .my_nav5 .ha-submenu-indicator-wrap {
    flex: 0 0 auto !important;

    margin-left: 10px !important;
  }

}


/* =====================================================
   TABLET PEQUEÑA
   768PX O MENOS
   ===================================================== */

@media (max-width: 768px) {

  .my_nav5 .ha-navbar-nav > li > a {
    font-size: 14.5px !important;

    padding: 12px 14px !important;
  }


  .my_nav5 .ha-dropdown a,
  .my_nav5 .ha-submenu a,
  .my_nav5 ul ul a {
    font-size: 13.5px !important;

    padding: 10px 15px !important;
  }


  .my_nav5 .ha-navbar-nav > li > ul > li > ul {
    margin-left: 10px !important;

    width: calc(100% - 10px) !important;
    max-width: calc(100% - 10px) !important;
  }

}


/* =====================================================
   CELULAR
   480PX O MENOS
   ===================================================== */

@media (max-width: 480px) {

  .my_nav5 .ha-navbar-nav > li > a {
    font-size: 14px !important;

    padding: 12px 12px !important;

    line-height: 1.3 !important;
  }


  .my_nav5 .ha-dropdown,
  .my_nav5 .ha-submenu,
  .my_nav5 ul ul {
    padding: 3px !important;
  }


  .my_nav5 .ha-dropdown a,
  .my_nav5 .ha-submenu a,
  .my_nav5 ul ul a {
    font-size: 13px !important;

    padding: 10px 12px !important;

    line-height: 1.35 !important;
  }


  .my_nav5 .ha-navbar-nav > li > ul > li > ul {
    margin-left: 8px !important;

    width: calc(100% - 8px) !important;
    max-width: calc(100% - 8px) !important;
  }


  .my_nav5 .ha-submenu-indicator-wrap {
    margin-left: 8px !important;
  }


  .my_nav5 .ha-submenu-indicator-wrap svg {
    width: 14px !important;
    height: 14px !important;
  }

}


/* =====================================================
   CELULARES MUY PEQUEÑOS
   360PX O MENOS
   ===================================================== */

@media (max-width: 360px) {

  .my_nav5 .ha-navbar-nav > li > a {
    font-size: 13.5px !important;

    padding: 11px 10px !important;
  }


  .my_nav5 .ha-dropdown a,
  .my_nav5 .ha-submenu a,
  .my_nav5 ul ul a {
    font-size: 12.5px !important;

    padding: 9px 10px !important;
  }


  .my_nav5 .ha-navbar-nav > li > ul > li > ul {
    margin-left: 6px !important;

    width: calc(100% - 6px) !important;
    max-width: calc(100% - 6px) !important;
  }

}


/* =====================================================
   HOVER FINAL
   Se conserva el comportamiento que ya utilizabas
   ===================================================== */

.my_nav5 .ha-navbar-nav > li > a:hover {
  color: #003866 !important;

  background:
    rgba(120, 184, 229, 0.14) !important;

  border-radius: 12px !important;

  transform: translateY(-1px) !important;
}


/* =====================================================
   SEGURIDAD GENERAL CONTRA DESBORDAMIENTO
   ===================================================== */

@media (max-width: 1600px) {

  .my_nav5,
  .my_nav5 *,
  .my_nav5 *::before,
  .my_nav5 *::after {
    box-sizing: border-box !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6bde424 */.header-menu {
  flex: 1;

  min-width: 0;

  display: flex;
  align-items: center;

  overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4e60100 */.header-menu {
  flex: 1;

  min-width: 0;

  display: flex;
  align-items: center;

  overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2eda44 *//* =====================================================
   HEADER VRI COMPLETO
   ===================================================== */

:root {
  --vri-azul: #003866;
  --vri-azul-boton: #00518f;
  --vri-rosado: #C3094A;
  --vri-amarillo: #FFF46D;
  --vri-blanco: #ffffff;
}

/* =====================================================
   1. HEADER GENERAL
   ===================================================== */

.header-vri {
  position: relative;
  z-index: 99999 !important;

  width: 100%;

  background: var(--vri-blanco);

  border: none;
  box-shadow: 0 4px 18px rgba(0, 49, 92, 0.06);

  overflow: visible !important;
  isolation: isolate;

  transition:
    box-shadow 0.28s ease,
    transform 0.28s ease,
    background-color 0.28s ease;
}

/* =====================================================
   2. CURVA INFERIOR
   ===================================================== */

.header-vri::after {
  content: "";

  position: absolute;
  z-index: 0;

  left: 0;
  right: 0;
  bottom: -15px;

  width: 100%;
  height: 30px;

  background: var(--vri-blanco);

  border-radius:
    0 0 50% 50% /
    0 0 50% 50%;

  box-shadow: 0 8px 16px rgba(0, 49, 92, 0.06);

  pointer-events: none;

  transition:
    height 0.28s ease,
    bottom 0.28s ease,
    box-shadow 0.28s ease;
}

/* Se reserva ::before para la línea superior del sticky */
.header-vri::before {
  content: "";

  position: absolute;
  z-index: 20;

  top: 0;
  left: 50%;

  width: 0;
  height: 4px;

  background: var(--vri-rosado);

  border-radius: 0 0 8px 8px;

  transform: translateX(-50%);

  opacity: 0;

  pointer-events: none;

  transition:
    width 0.35s ease,
    opacity 0.25s ease;
}

/* =====================================================
   3. CONTENEDOR INTERNO
   ===================================================== */

.header-vri > .e-con-inner {
  position: relative;
  z-index: 2;

  width: 100%;
  max-width: 1500px;
  min-height: 92px;

  margin: 0 auto;
  padding: 0 24px;

  display: grid !important;
  grid-template-columns: 240px minmax(0, 1fr) 200px;
  align-items: center !important;

  column-gap: 22px;

  box-sizing: border-box;
  overflow: visible !important;

  transition:
    min-height 0.28s ease,
    padding 0.28s ease;
}

/* Columnas hijas */
.header-vri > .e-con-inner > .e-con {
  min-width: 0 !important;
  overflow: visible !important;
}

/* =====================================================
   4. LOGO
   ===================================================== */

.header-vri .logo_menu {
  width: 240px !important;
  max-width: 240px !important;
  min-width: 240px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border: none !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  box-sizing: border-box;
  overflow: visible !important;
}

/* Envoltorios internos del logo */
.header-vri .logo_menu .elementor-widget-container,
.header-vri .logo_menu .elementor-image,
.header-vri .logo_menu a,
.header-vri .logo_menu picture {
  display: block !important;

  width: 100% !important;
  max-width: 200px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border: none !important;
  border-radius: 0 !important;

  box-shadow: none !important;
}

/* Imagen del logo */
.header-vri .logo_menu img {
  display: block !important;

  width: 200px !important;
  max-width: 200px !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  border: none !important;
  border-radius: 0 !important;

  box-shadow: none !important;

  object-fit: contain !important;

  filter: none !important;
  opacity: 1 !important;
  transform: none;

  transition:
    width 0.28s ease,
    transform 0.28s ease,
    opacity 0.28s ease;
}

/* =====================================================
   5. NAVEGACIÓN
   ===================================================== */

.header-vri .my_nav5 {
  position: relative;
  z-index: 10;

  width: 100% !important;
  min-width: 0 !important;

  overflow: visible !important;
}

.header-vri .my_nav5 nav,
.header-vri .my_nav5 ul,
.header-vri .my_nav5 li {
  overflow: visible !important;
}

/* Enlaces principales en estado normal */
.header-vri
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a,

.header-vri
.my_nav5
.elementor-nav-menu
> li
> a {
  position: relative;

  color: var(--vri-azul) !important;
  fill: var(--vri-azul) !important;

  background: transparent !important;

  border-radius: 7px;

  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    transform 0.2s ease;
}

/* Hover de primer nivel */
.header-vri
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a:hover,

.header-vri
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a.highlighted,

.header-vri
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a.elementor-item-active {
  color: var(--vri-rosado) !important;
  fill: var(--vri-rosado) !important;

  background: rgba(195, 9, 74, 0.06) !important;
}

/* Línea inferior de los elementos */
.header-vri
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a::after {
  background: var(--vri-rosado) !important;

  height: 2px !important;

  border-radius: 5px;
}

/* Flechas principales */
.header-vri
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a
.sub-arrow,

.header-vri
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a
.sub-arrow svg,

.header-vri
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a
.sub-arrow i {
  color: inherit !important;

  fill: currentColor !important;
  stroke: currentColor !important;
}

/* =====================================================
   6. COLUMNA DEL BOTÓN
   ===================================================== */

.header-vri > .e-con-inner > .e-con:last-child {
  position: relative;
  z-index: 10;

  min-width: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  overflow: visible !important;
}

/* Botón Plataformas */
.header-vri .elementor-button {
  color: #ffffff !important;
  fill: #ffffff !important;

  background: var(--vri-azul-boton) !important;

  border: 1px solid rgba(0, 81, 143, 0.1) !important;
  border-radius: 14px;

  box-shadow:
    0 5px 14px rgba(0, 56, 102, 0.12);

  transition:
    color 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease,
    transform 0.22s ease;
}

.header-vri .elementor-button:hover {
  color: #ffffff !important;
  fill: #ffffff !important;

  background: var(--vri-rosado) !important;
  border-color: var(--vri-rosado) !important;

  box-shadow:
    0 8px 20px rgba(195, 9, 74, 0.22);

  transform: translateY(-2px);
}

.header-vri .elementor-button svg,
.header-vri .elementor-button i {
  color: inherit !important;

  fill: currentColor !important;
  stroke: currentColor !important;
}

/* =====================================================
   7. HERO DEBAJO DEL HEADER
   ===================================================== */

.my_inicio {
  position: relative;
  z-index: 1;

  margin-top: 0 !important;
  padding-top: 15px;
}

/* =====================================================
   8. PLACEHOLDER DEL HEADER FIJO
   ===================================================== */

.header-vri-placeholder {
  display: none;

  width: 100%;
  height: 0;
}

.header-vri-placeholder.is-active {
  display: block;
}

/* =====================================================
   9. ESTADO FIJO
   ===================================================== */

.header-vri.header-vri-fixed {
  position: fixed !important;

  top: 0;
  left: 0;
  right: 0;

  width: 100% !important;

  z-index: 999999 !important;

  background: rgba(255, 255, 255, 0.98) !important;

  border-bottom: 1px solid rgba(0, 56, 102, 0.08);

  box-shadow:
    0 10px 30px rgba(0, 49, 92, 0.18) !important;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  animation: headerVriEntrada 0.24s ease both;
}

/* Línea rosada superior */
.header-vri.header-vri-fixed::before {
  width: 100%;
  opacity: 1;
}

/* Curva más pequeña en sticky */
.header-vri.header-vri-fixed::after {
  bottom: -9px;

  height: 19px;

  background: rgba(255, 255, 255, 0.98);

  border-radius:
    0 0 50% 50% /
    0 0 38% 38%;

  box-shadow:
    0 8px 14px rgba(0, 49, 92, 0.1);
}

/* Header más compacto */
.header-vri.header-vri-fixed > .e-con-inner {
  min-height: 76px;

  padding-top: 2px;
  padding-bottom: 2px;
}

/* Logo ligeramente más compacto */
.header-vri.header-vri-fixed .logo_menu img {
  width: 185px !important;
  max-width: 185px !important;

  transform: scale(0.98);
}

/* Animación de entrada */
@keyframes headerVriEntrada {
  from {
    transform: translateY(-100%);
    opacity: 0.92;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* =====================================================
   10. MENÚ PRINCIPAL EN STICKY
   ===================================================== */

.header-vri.header-vri-fixed
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a,

.header-vri.header-vri-fixed
.my_nav5
.elementor-nav-menu
> li
> a {
  color: var(--vri-azul) !important;
  fill: var(--vri-azul) !important;

  background: transparent !important;
}

/* Hover en sticky */
.header-vri.header-vri-fixed
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a:hover,

.header-vri.header-vri-fixed
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a.highlighted,

.header-vri.header-vri-fixed
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a.elementor-item-active {
  color: var(--vri-rosado) !important;
  fill: var(--vri-rosado) !important;

  background: rgba(195, 9, 74, 0.07) !important;
}

/* Flechas del primer nivel */
.header-vri.header-vri-fixed
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a
.sub-arrow,

.header-vri.header-vri-fixed
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a
.sub-arrow svg,

.header-vri.header-vri-fixed
.my_nav5
.elementor-nav-menu--main
> ul
> li
> a
.sub-arrow i {
  color: inherit !important;

  fill: currentColor !important;
  stroke: currentColor !important;
}

/* =====================================================
   11. BOTÓN EN STICKY
   ===================================================== */

.header-vri.header-vri-fixed .elementor-button {
  color: #ffffff !important;
  fill: #ffffff !important;

  background: var(--vri-azul-boton) !important;

  border-color: rgba(0, 81, 143, 0.12) !important;

  box-shadow:
    0 6px 17px rgba(0, 56, 102, 0.18);
}

.header-vri.header-vri-fixed .elementor-button:hover {
  color: #ffffff !important;
  fill: #ffffff !important;

  background: var(--vri-rosado) !important;
  border-color: var(--vri-rosado) !important;

  box-shadow:
    0 8px 20px rgba(195, 9, 74, 0.23);
}

/* =====================================================
   12. SUBMENÚS
   ===================================================== */

/*
 * Se incluyen distintos .elementor-6937 .elementor-element.elementor-element-a2eda44es porque Elementor
 * puede crear estructuras ligeramente diferentes.
 */

.header-vri
.my_nav5
ul.sub-menu,

.header-vri
.my_nav5
.elementor-nav-menu--dropdown,

.header-vri
.my_nav5
.elementor-nav-menu--main
ul.sub-menu {
  min-width: 260px !important;

  margin: 0 !important;
  padding: 8px !important;

  background: #ffffff !important;

  border: 1px solid rgba(0, 56, 102, 0.1) !important;
  border-radius: 12px !important;

  box-shadow:
    0 16px 36px rgba(0, 37, 68, 0.16) !important;

  overflow: visible !important;
}

/* Listas internas */
.header-vri
.my_nav5
ul.sub-menu
li,

.header-vri
.my_nav5
.elementor-nav-menu--dropdown
li {
  display: block !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  opacity: 1 !important;
  visibility: visible !important;
}

/* Enlaces internos */
.header-vri
.my_nav5
ul.sub-menu
li
a,

.header-vri
.my_nav5
ul.sub-menu
li
a.elementor-sub-item,

.header-vri
.my_nav5
.elementor-nav-menu--dropdown
a,

.header-vri
.my_nav5
.elementor-nav-menu--dropdown
a.elementor-sub-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: 100% !important;
  min-height: 41px !important;

  margin: 0 !important;
  padding: 9px 13px !important;

  color: var(--vri-azul) !important;
  fill: var(--vri-azul) !important;
  -webkit-text-fill-color: var(--vri-azul) !important;

  background: transparent !important;

  border: none !important;
  border-radius: 7px !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;

  text-indent: 0 !important;
  text-shadow: none !important;

  opacity: 1 !important;
  visibility: visible !important;

  box-sizing: border-box !important;

  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    padding-left 0.2s ease;
}

/* Texto interno de los enlaces */
.header-vri
.my_nav5
ul.sub-menu
li
a
span:not(.sub-arrow),

.header-vri
.my_nav5
ul.sub-menu
li
a
strong,

.header-vri
.my_nav5
ul.sub-menu
li
a
div,

.header-vri
.my_nav5
.elementor-nav-menu--dropdown
a
span:not(.sub-arrow) {
  color: var(--vri-azul) !important;
  fill: var(--vri-azul) !important;
  -webkit-text-fill-color: var(--vri-azul) !important;

  opacity: 1 !important;
  visibility: visible !important;
}

/* Hover del submenú */
.header-vri
.my_nav5
ul.sub-menu
li
a:hover,

.header-vri
.my_nav5
ul.sub-menu
li
a.highlighted,

.header-vri
.my_nav5
ul.sub-menu
li
a.elementor-item-active,

.header-vri
.my_nav5
.elementor-nav-menu--dropdown
a:hover {
  color: var(--vri-rosado) !important;
  fill: var(--vri-rosado) !important;
  -webkit-text-fill-color: var(--vri-rosado) !important;

  background: rgba(195, 9, 74, 0.07) !important;

  padding-left: 17px !important;
}

/* Texto interno en hover */
.header-vri
.my_nav5
ul.sub-menu
li
a:hover
span:not(.sub-arrow),

.header-vri
.my_nav5
ul.sub-menu
li
a.highlighted
span:not(.sub-arrow),

.header-vri
.my_nav5
ul.sub-menu
li
a.elementor-item-active
span:not(.sub-arrow) {
  color: var(--vri-rosado) !important;
  fill: var(--vri-rosado) !important;
  -webkit-text-fill-color: var(--vri-rosado) !important;
}

/* Flechas del submenú */
.header-vri
.my_nav5
ul.sub-menu
.sub-arrow,

.header-vri
.my_nav5
ul.sub-menu
.sub-arrow
svg,

.header-vri
.my_nav5
ul.sub-menu
.sub-arrow
i,

.header-vri
.my_nav5
.elementor-nav-menu--dropdown
.sub-arrow {
  color: var(--vri-azul-boton) !important;

  fill: var(--vri-azul-boton) !important;
  stroke: var(--vri-azul-boton) !important;

  opacity: 1 !important;
  visibility: visible !important;
}

/* Flechas en hover */
.header-vri
.my_nav5
ul.sub-menu
a:hover
.sub-arrow,

.header-vri
.my_nav5
ul.sub-menu
a:hover
.sub-arrow
svg,

.header-vri
.my_nav5
ul.sub-menu
a:hover
.sub-arrow
i {
  color: var(--vri-rosado) !important;

  fill: var(--vri-rosado) !important;
  stroke: var(--vri-rosado) !important;
}

/* =====================================================
   13. SUBMENÚS ANIDADOS
   ===================================================== */

.header-vri
.my_nav5
ul.sub-menu
ul.sub-menu {
  top: -8px !important;
  left: calc(100% + 6px) !important;

  min-width: 260px !important;

  background: #ffffff !important;
}

/* =====================================================
   14. RESPONSIVE HASTA 1500 PX
   ===================================================== */

@media (max-width: 1500px) {

  .header-vri > .e-con-inner {
    grid-template-columns: 230px minmax(0, 1fr) 190px;

    column-gap: 18px;

    padding: 0 22px;
    min-height: 88px;
  }

  .header-vri .logo_menu {
    width: 230px !important;
    max-width: 230px !important;
    min-width: 230px !important;
  }

  .header-vri .logo_menu img,
  .header-vri .logo_menu .elementor-widget-container,
  .header-vri .logo_menu .elementor-image,
  .header-vri .logo_menu a,
  .header-vri .logo_menu picture {
    width: 195px !important;
    max-width: 195px !important;
  }

  .header-vri.header-vri-fixed .logo_menu img {
    width: 182px !important;
    max-width: 182px !important;
  }

  .header-vri::after {
    bottom: -14px;
    height: 28px;
  }

  .my_inicio {
    padding-top: 14px;
  }
}

/* =====================================================
   15. RESPONSIVE HASTA 1366 PX
   ===================================================== */

@media (max-width: 1366px) {

  .header-vri > .e-con-inner {
    grid-template-columns: 210px minmax(0, 1fr) 180px;

    column-gap: 14px;

    padding: 0 18px;
    min-height: 82px;
  }

  .header-vri .logo_menu {
    width: 210px !important;
    max-width: 210px !important;
    min-width: 210px !important;
  }

  .header-vri .logo_menu img,
  .header-vri .logo_menu .elementor-widget-container,
  .header-vri .logo_menu .elementor-image,
  .header-vri .logo_menu a,
  .header-vri .logo_menu picture {
    width: 180px !important;
    max-width: 180px !important;
  }

  .header-vri.header-vri-fixed .logo_menu img {
    width: 170px !important;
    max-width: 170px !important;
  }

  .header-vri::after {
    bottom: -12px;
    height: 25px;

    border-radius:
      0 0 50% 50% /
      0 0 45% 45%;
  }

  .my_inicio {
    padding-top: 12px;
  }
}

/* =====================================================
   16. TABLET
   ===================================================== */

@media (max-width: 1024px) {

  .header-vri > .e-con-inner {
    grid-template-columns: minmax(170px, 1fr) auto;

    column-gap: 14px;

    padding: 0 20px;
    min-height: 78px;
  }

  .header-vri .logo_menu {
    width: auto !important;
    max-width: 200px !important;
    min-width: 0 !important;
  }

  .header-vri .logo_menu img,
  .header-vri .logo_menu .elementor-widget-container,
  .header-vri .logo_menu .elementor-image,
  .header-vri .logo_menu a,
  .header-vri .logo_menu picture {
    width: 180px !important;
    max-width: 180px !important;
  }

  .header-vri.header-vri-fixed .logo_menu img {
    width: 170px !important;
    max-width: 170px !important;
  }

  .header-vri::after {
    bottom: -10px;
    height: 21px;

    border-radius:
      0 0 50% 50% /
      0 0 40% 40%;
  }

  .my_inicio {
    padding-top: 10px;
  }
}

/* =====================================================
   17. MÓVIL
   ===================================================== */

@media (max-width: 767px) {

  .header-vri > .e-con-inner {
    grid-template-columns: minmax(0, 1fr) auto;

    column-gap: 10px;

    padding: 0 14px;
    min-height: 70px;
  }

  .header-vri .logo_menu {
    width: auto !important;
    max-width: 175px !important;
    min-width: 0 !important;
  }

  .header-vri .logo_menu img,
  .header-vri .logo_menu .elementor-widget-container,
  .header-vri .logo_menu .elementor-image,
  .header-vri .logo_menu a,
  .header-vri .logo_menu picture {
    width: 165px !important;
    max-width: 165px !important;
  }

  .header-vri.header-vri-fixed .logo_menu img {
    width: 155px !important;
    max-width: 155px !important;
  }

  .header-vri.header-vri-fixed > .e-con-inner {
    min-height: 64px;
  }

  .header-vri::after {
    bottom: -7px;
    height: 15px;

    border-radius:
      0 0 50% 50% /
      0 0 35% 35%;

    box-shadow:
      0 5px 10px rgba(0, 49, 92, 0.05);
  }

  .header-vri.header-vri-fixed::after {
    bottom: -6px;
    height: 12px;
  }

  .header-vri.header-vri-fixed::before {
    height: 3px;
  }

  .my_inicio {
    margin-top: 0 !important;
    padding-top: 7px;
  }
}

/* =====================================================
   18. MÓVILES PEQUEÑOS
   ===================================================== */

@media (max-width: 390px) {

  .header-vri > .e-con-inner {
    padding: 0 12px;
    min-height: 66px;
  }

  .header-vri .logo_menu {
    max-width: 155px !important;
  }

  .header-vri .logo_menu img,
  .header-vri .logo_menu .elementor-widget-container,
  .header-vri .logo_menu .elementor-image,
  .header-vri .logo_menu a,
  .header-vri .logo_menu picture {
    width: 150px !important;
    max-width: 150px !important;
  }

  .header-vri.header-vri-fixed .logo_menu img {
    width: 145px !important;
    max-width: 145px !important;
  }

  .header-vri::after {
    bottom: -6px;
    height: 13px;
  }

  .my_inicio {
    padding-top: 6px;
  }
}

/* =====================================================
   CONSERVAR LOGO ORIGINAL
   ===================================================== */

.header-vri .logo_menu,
.header-vri.header-vri-fixed .logo_menu {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.header-vri .logo_menu img,
.header-vri.header-vri-fixed .logo_menu img {
  filter: none !important;
  opacity: 1 !important;

  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  object-fit: contain !important;
}

/* Tamaño normal */
.header-vri .logo_menu img {
  width: 200px !important;
  max-width: 200px !important;
}

/* Tamaño ligeramente compacto en sticky */
.header-vri.header-vri-fixed .logo_menu img {
  width: 185px !important;
  max-width: 185px !important;
}

@media (max-width: 1500px) {
  .header-vri .logo_menu img {
    width: 195px !important;
    max-width: 195px !important;
  }

  .header-vri.header-vri-fixed .logo_menu img {
    width: 182px !important;
    max-width: 182px !important;
  }
}

@media (max-width: 1366px) {
  .header-vri .logo_menu img {
    width: 180px !important;
    max-width: 180px !important;
  }

  .header-vri.header-vri-fixed .logo_menu img {
    width: 170px !important;
    max-width: 170px !important;
  }
}

/* =====================================================
   FRANJA AZUL EN LA CURVA INFERIOR
   ===================================================== */

/* Estado normal */
.header-vri::after {
  background: linear-gradient(
    to bottom,
    #ffffff 0,
    #ffffff calc(100% - 4px),
    #267EAB calc(100% - 4px),
    #267EAB 100%
  ) !important;
}

/* Estado sticky */
.header-vri.header-vri-fixed::after {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.98) 0,
    rgba(255, 255, 255, 0.98) calc(100% - 4px),
    #267EAB calc(100% - 4px),
    #267EAB 100%
  ) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-45aeb6e */.header-logo {
  flex-shrink: 0;

  width: 240px;
}

.header-logo img {
  width: 220px;
  height: auto;
  display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-55a74d0 */.header-menu {
  flex: 1;

  min-width: 0;

  display: flex;
  align-items: center;

  overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-52b0b8f */.header-menu {
  flex: 1;

  min-width: 0;

  display: flex;
  align-items: center;

  overflow: visible !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1dd2ee0 */.header-vri {
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 4px 18px rgba(0,49,92,.06);

  position: relative;
  z-index: 9999;
}

/* CONTENEDOR */
.header-vri > .e-con-inner {
  max-width: 1500px;
  margin: 0 auto;

  padding: 0 24px;

  display: flex !important;
  align-items: center !important;

  gap: 28px;

  overflow: visible !important;
}

/* =====================================================
   AJUSTE BOTÓN CERRAR DEL MENÚ MÓVIL
   ===================================================== */

@media (max-width: 1024px) {
  body:has(.ha-menu-container.ha-menu-offcanvas-elements.active) .vri-btn-plataformas-mobile {
    opacity: 0 !important;
    pointer-events: none !important;
  }

}/* End custom CSS */