.elementor-4822 .elementor-element.elementor-element-8c21464{--display:flex;--min-height:0px;--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:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;--z-index:999;}.elementor-4822 .elementor-element.elementor-element-8c21464:not(.elementor-motion-effects-element-type-background), .elementor-4822 .elementor-element.elementor-element-8c21464 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4822 .elementor-element.elementor-element-f6ad586{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-4822 .elementor-element.elementor-element-e62fcd2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4822 .elementor-element.elementor-element-e62fcd2 img{width:100%;max-width:100%;height:55px;}.elementor-4822 .elementor-element.elementor-element-2ac7604{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-4822 .elementor-element.elementor-element-e515914{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4822 .elementor-element.elementor-element-e515914:not(.elementor-motion-effects-element-type-background), .elementor-4822 .elementor-element.elementor-element-e515914 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EB050500;}.elementor-4822 .elementor-element.elementor-element-14579da{--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:30px 30px;--row-gap:30px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:5px 0px 0px 0px;--border-top-width:5px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );box-shadow:5px 0px 30px 0px rgba(0, 0, 0, 0.06);--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-4822 .elementor-element.elementor-element-14579da:not(.elementor-motion-effects-element-type-background), .elementor-4822 .elementor-element.elementor-element-14579da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5F9;}.elementor-4822 .elementor-element.elementor-element-755ae33{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-916b5de .elementor-heading-title{font-family:"Orbitron-Bold 700 px", Sans-serif;font-size:14px;line-height:1.3em;color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(16px/2);}.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(16px/2);}.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(16px/2);}.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-16px/2);}.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-secondary );}.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );}.elementor-4822 .elementor-element.elementor-element-33e5429{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item > a{font-family:"Barlow-Medium 500 px", Sans-serif;font-size:14px;font-weight:400;line-height:1.322em;}.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-text{color:#495057;transition:color 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-d28d77c{font-family:"Barlow-Bold 700 px", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;line-height:1.3em;color:var( --e-global-color-accent );}.elementor-4822 .elementor-element.elementor-element-d28d77c a{color:var( --e-global-color-accent );}.elementor-4822 .elementor-element.elementor-element-d28d77c a:hover, .elementor-4822 .elementor-element.elementor-element-d28d77c a:focus{color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-bc9f0b9{--display:flex;}.elementor-4822 .elementor-element.elementor-element-268886e .elementor-heading-title{font-family:"Orbitron-Bold 700 px", Sans-serif;font-size:14px;line-height:1.3em;color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-secondary );}.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );}.elementor-4822 .elementor-element.elementor-element-03e53b3{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item > a{font-family:"Barlow-Medium 500 px", Sans-serif;font-size:14px;font-weight:400;line-height:1.322em;}.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-text{color:#495057;transition:color 0.3s;}.elementor-4822 .elementor-element.elementor-element-638bb28{font-family:"Barlow-Bold 700 px", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;line-height:1.3em;color:var( --e-global-color-accent );}.elementor-4822 .elementor-element.elementor-element-638bb28 a{color:var( --e-global-color-accent );}.elementor-4822 .elementor-element.elementor-element-0ace0ee{--display:flex;}.elementor-4822 .elementor-element.elementor-element-9bc942c .elementor-heading-title{font-family:"Orbitron-Bold 700 px", Sans-serif;font-size:14px;line-height:1.3em;color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4822 .elementor-element.elementor-element-3f9d6b5{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item > a{font-family:"Barlow-Medium 500 px", Sans-serif;font-size:14px;font-weight:400;line-height:1.322em;}.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-text{color:#495057;transition:color 0.3s;}.elementor-4822 .elementor-element.elementor-element-24650d0{font-family:"Barlow-Bold 700 px", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-4822 .elementor-element.elementor-element-24650d0 a{color:var( --e-global-color-accent );}.elementor-4822 .elementor-element.elementor-element-24650d0 a:hover, .elementor-4822 .elementor-element.elementor-element-24650d0 a:focus{color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-4516b53{--display:flex;}.elementor-4822 .elementor-element.elementor-element-18d92af .elementor-heading-title{font-family:"Orbitron-Bold 700 px", Sans-serif;font-size:14px;line-height:1.3em;color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4822 .elementor-element.elementor-element-100c8b8{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item > a{font-family:"Barlow-Medium 500 px", Sans-serif;font-size:14px;font-weight:400;line-height:1.322em;}.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-text{color:#495057;transition:color 0.3s;}.elementor-4822 .elementor-element.elementor-element-8a3adf1{font-family:"Barlow-Bold 700 px", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;color:var( --e-global-color-accent );}.elementor-4822 .elementor-element.elementor-element-8a3adf1 a{color:var( --e-global-color-accent );}.elementor-4822 .elementor-element.elementor-element-8a3adf1 a:hover, .elementor-4822 .elementor-element.elementor-element-8a3adf1 a:focus{color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-55e7b7e{--display:flex;}.elementor-4822 .elementor-element.elementor-element-a59969e .elementor-heading-title{font-family:"Orbitron-Bold 700 px", Sans-serif;font-size:14px;line-height:1.3em;color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4822 .elementor-element.elementor-element-a7fcf2a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item > a{font-family:"Barlow-Medium 500 px", Sans-serif;font-size:14px;font-weight:400;line-height:1.322em;}.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-text{color:#495057;transition:color 0.3s;}.elementor-4822 .elementor-element.elementor-element-a3a8ed4{font-family:"Barlow-Bold 700 px", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;line-height:1.3em;color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-a3a8ed4 a{color:var( --e-global-color-accent );}.elementor-4822 .elementor-element.elementor-element-a3a8ed4 a:hover, .elementor-4822 .elementor-element.elementor-element-a3a8ed4 a:focus{color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-e00a10c{--display:flex;}.elementor-4822 .elementor-element.elementor-element-a827015 .elementor-heading-title{font-family:"Orbitron-Bold 700 px", Sans-serif;font-size:14px;line-height:1.3em;color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4822 .elementor-element.elementor-element-f8f04d6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item > a{font-family:"Barlow-Medium 500 px", Sans-serif;font-size:14px;font-weight:400;line-height:1.322em;}.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-text{color:#495057;transition:color 0.3s;}.elementor-4822 .elementor-element.elementor-element-0aacd57{font-family:"Barlow-Bold 700 px", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;line-height:1.3em;color:var( --e-global-color-accent );}.elementor-4822 .elementor-element.elementor-element-0aacd57 a{color:var( --e-global-color-accent );}.elementor-4822 .elementor-element.elementor-element-0aacd57 a:hover, .elementor-4822 .elementor-element.elementor-element-0aacd57 a:focus{color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-a992b4b{--display:flex;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-4822 .elementor-element.elementor-element-a992b4b:not(.elementor-motion-effects-element-type-background), .elementor-4822 .elementor-element.elementor-element-a992b4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0077C800;background-image:url("https://tongbang-intel.com/wp-content/uploads/2025/12/Fondo-Menu.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4822 .elementor-element.elementor-element-a992b4b::before, .elementor-4822 .elementor-element.elementor-element-a992b4b > .elementor-background-video-container::before, .elementor-4822 .elementor-element.elementor-element-a992b4b > .e-con-inner > .elementor-background-video-container::before, .elementor-4822 .elementor-element.elementor-element-a992b4b > .elementor-background-slideshow::before, .elementor-4822 .elementor-element.elementor-element-a992b4b > .e-con-inner > .elementor-background-slideshow::before, .elementor-4822 .elementor-element.elementor-element-a992b4b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(0deg, var( --e-global-color-primary ) 13%, #F2295B00 100%);}.elementor-4822 .elementor-element.elementor-element-2b9f13e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4822 .elementor-element.elementor-element-2b9f13e .elementor-heading-title{font-family:"Barlow-Bold 700 px", Sans-serif;font-size:14px;font-weight:600;line-height:1.3em;color:#FFFFFF;}.elementor-4822 .elementor-element.elementor-element-fde4cba{font-family:"Barlow-Regular 400 px", Sans-serif;font-size:14px;font-weight:400;line-height:1.3em;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4822 .elementor-element.elementor-element-6a0e7e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4822 .elementor-element.elementor-element-6a0e7e2 .elementor-button{font-family:"Barlow-Bold 700 px", Sans-serif;font-weight:500;text-transform:uppercase;padding:10px 10px 10px 010px;}.elementor-4822 .elementor-element.elementor-element-6a0e7e2 .elementor-button:hover, .elementor-4822 .elementor-element.elementor-element-6a0e7e2 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-6a0e7e2 .elementor-button:hover svg, .elementor-4822 .elementor-element.elementor-element-6a0e7e2 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-7f41ca5{--display:flex;}.elementor-4822 .elementor-element.elementor-element-58d8d2f{--display:flex;}.elementor-4822 .elementor-element.elementor-element-6b945e1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4822 .elementor-element.elementor-element-6b945e1:not(.elementor-motion-effects-element-type-background), .elementor-4822 .elementor-element.elementor-element-6b945e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5F9;}.elementor-4822 .elementor-element.elementor-element-6b945e1.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-4822 .elementor-element.elementor-element-5f74f42{--display:flex;--position:absolute;--min-height:134px;--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:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:3px 0px 0px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:0px 0px 0px 0px;box-shadow:5px 0px 30px 0px rgba(0, 0, 0, 0.08);--margin-top:0px;--margin-bottom:0px;--margin-left:278px;--margin-right:0px;--padding-top:10px;--padding-bottom:9px;--padding-left:9px;--padding-right:9px;top:0px;--z-index:999;}.elementor-4822 .elementor-element.elementor-element-5f74f42:not(.elementor-motion-effects-element-type-background), .elementor-4822 .elementor-element.elementor-element-5f74f42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1F5F9;}body:not(.rtl) .elementor-4822 .elementor-element.elementor-element-5f74f42{left:477px;}body.rtl .elementor-4822 .elementor-element.elementor-element-5f74f42{right:477px;}.elementor-4822 .elementor-element.elementor-element-c67037f{padding:0px 0px 0px 20px;--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item > a{font-family:"Barlow-Regular 400 px", Sans-serif;font-weight:400;line-height:1.3em;}.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-4822 .elementor-element.elementor-element-9e598fb{--display:flex;}.elementor-4822 .elementor-element.elementor-element-cf70d47{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:0;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:50px;--n-menu-title-font-size:14px;--n-menu-title-color-normal:var( --e-global-color-primary );--n-menu-title-transition:300ms;--n-menu-title-padding:0px 0px 0px 0px;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:#FFFFFF;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-4822 .elementor-element.elementor-element-cf70d47 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){background-color:#FFFFFF;}.elementor-4822 .elementor-element.elementor-element-cf70d47 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-4822 .elementor-element.elementor-element-cf70d47 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-4822 .elementor-element.elementor-element-cf70d47 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Orbitron-Bold 700 px", Sans-serif;}.elementor-4822 .elementor-element.elementor-element-cf70d47 {--n-menu-title-color-hover:var( --e-global-color-secondary );}.elementor-4822 .elementor-element.elementor-element-50207ed{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--z-index:1;}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link, 
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a{color:var( --e-global-color-text );}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a:hover,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown a:focus,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:hover,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link.wpml-ls-link__active,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link.highlighted,
					.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-item .wpml-ls-link:focus{color:var( --e-global-color-accent );}.elementor-widget-wpml-language-switcher .wpml-elementor-ls .wpml-ls-statics-post_translations{color:var( --e-global-color-text );}.elementor-4822 .elementor-element.elementor-element-cabbc68 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4822 .elementor-element.elementor-element-cabbc68 .wpml-elementor-ls .wpml-ls-item .wpml-ls-link, 
					.elementor-4822 .elementor-element.elementor-element-cabbc68 .wpml-elementor-ls .wpml-ls-legacy-dropdown a{color:#FFFFFF;background-color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-cabbc68 .wpml-elementor-ls .wpml-ls-flag{margin:0px 0px 0px 0px;}.elementor-4822 .elementor-element.elementor-element-66e383e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--z-index:1;}.elementor-4822 .elementor-element.elementor-element-cdac9f5{border-radius:5px 5px 5px 5px;}.elementor-4822 .elementor-element.elementor-element-cdac9f5 .elementor-button{font-family:"Orbitron-Bold 700 px", Sans-serif;font-size:11px;}.elementor-4822 .elementor-element.elementor-element-d5f0346{--display:flex;}.elementor-4822 .elementor-element.elementor-element-d5f0346:not(.elementor-motion-effects-element-type-background), .elementor-4822 .elementor-element.elementor-element-d5f0346 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-04c2a67{--display:flex;}.elementor-4822 .elementor-element.elementor-element-74f83e0{--display:flex;}.elementor-4822 .elementor-element.elementor-element-5383aa4 .wpml-elementor-ls .wpml-ls-item .wpml-ls-link, 
					.elementor-4822 .elementor-element.elementor-element-5383aa4 .wpml-elementor-ls .wpml-ls-legacy-dropdown a{color:#FFFFFF;background-color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-a0b010e{--display:flex;}.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-4822 .elementor-element.elementor-element-e9437b1 .elementor-menu-toggle{margin-left:auto;}.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a, .elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a:hover,
					.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a:focus,
					.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-menu-toggle:hover,
					.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a:hover,
					.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a:focus,
					.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.elementor-item-active{color:#FFFFFF;background-color:var( --e-global-color-primary );}.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown .elementor-item, .elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Barlow-Medium 500 px", Sans-serif;font-weight:500;text-transform:none;}.elementor-4822 .elementor-element.elementor-element-e9437b1 div.elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-4822 .elementor-element.elementor-element-e9437b1 div.elementor-menu-toggle svg{fill:var( --e-global-color-accent );}.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-4822 .elementor-element.elementor-element-8c21464{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:040px;--padding-right:040px;}.elementor-4822 .elementor-element.elementor-element-f6ad586{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4822 .elementor-element.elementor-element-e62fcd2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4822 .elementor-element.elementor-element-e62fcd2 img{width:100%;max-width:100%;}.elementor-4822 .elementor-element.elementor-element-2ac7604{--justify-content:flex-end;}.elementor-4822 .elementor-element.elementor-element-cf70d47{--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;}.elementor-4822 .elementor-element.elementor-element-d5f0346{--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:space-between;--align-items:center;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4822 .elementor-element.elementor-element-04c2a67{--width:40%;}.elementor-4822 .elementor-element.elementor-element-3af10af img{width:100%;max-width:100%;height:29px;}.elementor-4822 .elementor-element.elementor-element-74f83e0{--width:30%;}.elementor-4822 .elementor-element.elementor-element-5383aa4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4822 .elementor-element.elementor-element-a0b010e{--width:17%;}.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown .elementor-item, .elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}.elementor-4822 .elementor-element.elementor-element-e9437b1{--nav-menu-icon-size:24px;}}@media(min-width:768px){.elementor-4822 .elementor-element.elementor-element-8c21464{--width:100%;}.elementor-4822 .elementor-element.elementor-element-f6ad586{--width:25%;}.elementor-4822 .elementor-element.elementor-element-2ac7604{--content-width:1000px;}.elementor-4822 .elementor-element.elementor-element-e515914{--content-width:1274px;}.elementor-4822 .elementor-element.elementor-element-14579da{--content-width:1278px;}.elementor-4822 .elementor-element.elementor-element-755ae33{--width:16.66%;}.elementor-4822 .elementor-element.elementor-element-bc9f0b9{--width:16.66%;}.elementor-4822 .elementor-element.elementor-element-0ace0ee{--width:16.66%;}.elementor-4822 .elementor-element.elementor-element-4516b53{--width:16.66%;}.elementor-4822 .elementor-element.elementor-element-55e7b7e{--width:16.66%;}.elementor-4822 .elementor-element.elementor-element-e00a10c{--width:16.66%;}.elementor-4822 .elementor-element.elementor-element-a992b4b{--width:16.66%;}.elementor-4822 .elementor-element.elementor-element-6b945e1{--content-width:250px;}.elementor-4822 .elementor-element.elementor-element-5f74f42{--content-width:250px;}.elementor-4822 .elementor-element.elementor-element-50207ed{--width:25%;}.elementor-4822 .elementor-element.elementor-element-66e383e{--width:24%;}}/* Start custom CSS for icon-list, class: .elementor-element-33e5429 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03e53b3 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3f9d6b5 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-100c8b8 *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a7fcf2a *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f8f04d6 *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a992b4b *//* Definimos la animación de Zoom Lento */
@keyframes softZoom {
    0% {
        transform: scale(1); /* Empieza tamaño normal */
    }
    100% {
        transform: scale(1.1); /* Termina un 10% más grande */
    }
}

/* Aplicamos la animación a la imagen */
.elementor-4822 .elementor-element.elementor-element-a992b4b img {
    /* Nombre de animación | Duración | Curva | Mantiene el estado final */
    animation: softZoom 5s ease-out forwards; 
    
    /* Aseguramos que no se salga del cuadro si crece */
    object-fit: cover;
}

/* IMPORTANTE: Para que la imagen no se salga de su caja al crecer */
.elementor-4822 .elementor-element.elementor-element-a992b4b {
    overflow: hidden; 
    border-radius: 8px; /* Opcional: si quieres bordes redondeados */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14579da *//* 1. Forzamos a la caja blanca a medir 1250px aunque su padre mida solo 150px */
.elementor-4822 .elementor-element.elementor-element-14579da .e-n-menu-dropdown-container {
    position: absolute !important;
    display: block !important;
    
    /* DEFINIMOS EL ANCHO REAL AQUÍ */
    width: 1250px !important; 
    max-width: 95vw !important; /* Para que no se salga en pantallas pequeñas */
    
    /* CENTRADO ABSOLUTO RESPECTO A LA PANTALLA */
    /* Este cálculo lo centra sin importar dónde esté la palabra PRODUCTS */
    left: 50% !important;
    transform: translateX(-50%) !important;
    
    /* ESTÉTICA */
    background-color: #F8FAFC !important;
    border-top: 4px solid #0077C8 !important; /* Tu línea Cyan */
    box-shadow: 0px 20px 50px rgba(10, 25, 47, 0.2) !important;
    border-radius: 0 0 8px 8px !important;
    padding: 40px !important;
    
    /* ESPACIO HACIA ABAJO */
    margin-top: 40px !important;
}

/* 2. Eliminamos cualquier fondo o marco extra que estorbe */
.elementor-4822 .elementor-element.elementor-element-14579da .e-n-menu-dropdown-container-wrapper {
    background: transparent !important;
    width: auto !important;
}

/* 3. Aseguramos que las columnas adentro tengan espacio */
.elementor-4822 .elementor-element.elementor-element-14579da .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c67037f *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f74f42 *//* ESTILO DEL CAJÓN (SOLO CAJA) */
.elementor-4822 .elementor-element.elementor-element-5f74f42 {
    width: 260px !important;
    background-color: #FFFFFF !important;
    border-top: 4px solid #0077C8 !important; /* Línea Tech Cyan */
    box-shadow: 0px 15px 35px rgba(10, 25, 47, 0.15) !important; /* Sombra Navy */
    border-radius: 0 0 4px 4px !important;
    padding: 15px 0 !important; /* Un poco de aire arriba y abajo */
    z-index: 999 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b945e1 */.elementor-4822 .elementor-element.elementor-element-6b945e1 { position: relative !important; }/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-33e5429 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03e53b3 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3f9d6b5 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-100c8b8 *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a7fcf2a *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f8f04d6 *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a992b4b *//* Definimos la animación de Zoom Lento */
@keyframes softZoom {
    0% {
        transform: scale(1); /* Empieza tamaño normal */
    }
    100% {
        transform: scale(1.1); /* Termina un 10% más grande */
    }
}

/* Aplicamos la animación a la imagen */
.elementor-4822 .elementor-element.elementor-element-a992b4b img {
    /* Nombre de animación | Duración | Curva | Mantiene el estado final */
    animation: softZoom 5s ease-out forwards; 
    
    /* Aseguramos que no se salga del cuadro si crece */
    object-fit: cover;
}

/* IMPORTANTE: Para que la imagen no se salga de su caja al crecer */
.elementor-4822 .elementor-element.elementor-element-a992b4b {
    overflow: hidden; 
    border-radius: 8px; /* Opcional: si quieres bordes redondeados */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14579da *//* 1. Forzamos a la caja blanca a medir 1250px aunque su padre mida solo 150px */
.elementor-4822 .elementor-element.elementor-element-14579da .e-n-menu-dropdown-container {
    position: absolute !important;
    display: block !important;
    
    /* DEFINIMOS EL ANCHO REAL AQUÍ */
    width: 1250px !important; 
    max-width: 95vw !important; /* Para que no se salga en pantallas pequeñas */
    
    /* CENTRADO ABSOLUTO RESPECTO A LA PANTALLA */
    /* Este cálculo lo centra sin importar dónde esté la palabra PRODUCTS */
    left: 50% !important;
    transform: translateX(-50%) !important;
    
    /* ESTÉTICA */
    background-color: #F8FAFC !important;
    border-top: 4px solid #0077C8 !important; /* Tu línea Cyan */
    box-shadow: 0px 20px 50px rgba(10, 25, 47, 0.2) !important;
    border-radius: 0 0 8px 8px !important;
    padding: 40px !important;
    
    /* ESPACIO HACIA ABAJO */
    margin-top: 40px !important;
}

/* 2. Eliminamos cualquier fondo o marco extra que estorbe */
.elementor-4822 .elementor-element.elementor-element-14579da .e-n-menu-dropdown-container-wrapper {
    background: transparent !important;
    width: auto !important;
}

/* 3. Aseguramos que las columnas adentro tengan espacio */
.elementor-4822 .elementor-element.elementor-element-14579da .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c67037f *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f74f42 *//* ESTILO DEL CAJÓN (SOLO CAJA) */
.elementor-4822 .elementor-element.elementor-element-5f74f42 {
    width: 260px !important;
    background-color: #FFFFFF !important;
    border-top: 4px solid #0077C8 !important; /* Línea Tech Cyan */
    box-shadow: 0px 15px 35px rgba(10, 25, 47, 0.15) !important; /* Sombra Navy */
    border-radius: 0 0 4px 4px !important;
    padding: 15px 0 !important; /* Un poco de aire arriba y abajo */
    z-index: 999 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b945e1 */.elementor-4822 .elementor-element.elementor-element-6b945e1 { position: relative !important; }/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-33e5429 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03e53b3 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3f9d6b5 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-100c8b8 *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a7fcf2a *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f8f04d6 *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a992b4b *//* Definimos la animación de Zoom Lento */
@keyframes softZoom {
    0% {
        transform: scale(1); /* Empieza tamaño normal */
    }
    100% {
        transform: scale(1.1); /* Termina un 10% más grande */
    }
}

/* Aplicamos la animación a la imagen */
.elementor-4822 .elementor-element.elementor-element-a992b4b img {
    /* Nombre de animación | Duración | Curva | Mantiene el estado final */
    animation: softZoom 5s ease-out forwards; 
    
    /* Aseguramos que no se salga del cuadro si crece */
    object-fit: cover;
}

/* IMPORTANTE: Para que la imagen no se salga de su caja al crecer */
.elementor-4822 .elementor-element.elementor-element-a992b4b {
    overflow: hidden; 
    border-radius: 8px; /* Opcional: si quieres bordes redondeados */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14579da *//* 1. Forzamos a la caja blanca a medir 1250px aunque su padre mida solo 150px */
.elementor-4822 .elementor-element.elementor-element-14579da .e-n-menu-dropdown-container {
    position: absolute !important;
    display: block !important;
    
    /* DEFINIMOS EL ANCHO REAL AQUÍ */
    width: 1250px !important; 
    max-width: 95vw !important; /* Para que no se salga en pantallas pequeñas */
    
    /* CENTRADO ABSOLUTO RESPECTO A LA PANTALLA */
    /* Este cálculo lo centra sin importar dónde esté la palabra PRODUCTS */
    left: 50% !important;
    transform: translateX(-50%) !important;
    
    /* ESTÉTICA */
    background-color: #F8FAFC !important;
    border-top: 4px solid #0077C8 !important; /* Tu línea Cyan */
    box-shadow: 0px 20px 50px rgba(10, 25, 47, 0.2) !important;
    border-radius: 0 0 8px 8px !important;
    padding: 40px !important;
    
    /* ESPACIO HACIA ABAJO */
    margin-top: 40px !important;
}

/* 2. Eliminamos cualquier fondo o marco extra que estorbe */
.elementor-4822 .elementor-element.elementor-element-14579da .e-n-menu-dropdown-container-wrapper {
    background: transparent !important;
    width: auto !important;
}

/* 3. Aseguramos que las columnas adentro tengan espacio */
.elementor-4822 .elementor-element.elementor-element-14579da .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c67037f *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f74f42 *//* ESTILO DEL CAJÓN (SOLO CAJA) */
.elementor-4822 .elementor-element.elementor-element-5f74f42 {
    width: 260px !important;
    background-color: #FFFFFF !important;
    border-top: 4px solid #0077C8 !important; /* Línea Tech Cyan */
    box-shadow: 0px 15px 35px rgba(10, 25, 47, 0.15) !important; /* Sombra Navy */
    border-radius: 0 0 4px 4px !important;
    padding: 15px 0 !important; /* Un poco de aire arriba y abajo */
    z-index: 999 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b945e1 */.elementor-4822 .elementor-element.elementor-element-6b945e1 { position: relative !important; }/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-33e5429 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03e53b3 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3f9d6b5 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-100c8b8 *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a7fcf2a *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f8f04d6 *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a992b4b *//* Definimos la animación de Zoom Lento */
@keyframes softZoom {
    0% {
        transform: scale(1); /* Empieza tamaño normal */
    }
    100% {
        transform: scale(1.1); /* Termina un 10% más grande */
    }
}

/* Aplicamos la animación a la imagen */
.elementor-4822 .elementor-element.elementor-element-a992b4b img {
    /* Nombre de animación | Duración | Curva | Mantiene el estado final */
    animation: softZoom 5s ease-out forwards; 
    
    /* Aseguramos que no se salga del cuadro si crece */
    object-fit: cover;
}

/* IMPORTANTE: Para que la imagen no se salga de su caja al crecer */
.elementor-4822 .elementor-element.elementor-element-a992b4b {
    overflow: hidden; 
    border-radius: 8px; /* Opcional: si quieres bordes redondeados */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14579da *//* 1. Forzamos a la caja blanca a medir 1250px aunque su padre mida solo 150px */
.elementor-4822 .elementor-element.elementor-element-14579da .e-n-menu-dropdown-container {
    position: absolute !important;
    display: block !important;
    
    /* DEFINIMOS EL ANCHO REAL AQUÍ */
    width: 1250px !important; 
    max-width: 95vw !important; /* Para que no se salga en pantallas pequeñas */
    
    /* CENTRADO ABSOLUTO RESPECTO A LA PANTALLA */
    /* Este cálculo lo centra sin importar dónde esté la palabra PRODUCTS */
    left: 50% !important;
    transform: translateX(-50%) !important;
    
    /* ESTÉTICA */
    background-color: #F8FAFC !important;
    border-top: 4px solid #0077C8 !important; /* Tu línea Cyan */
    box-shadow: 0px 20px 50px rgba(10, 25, 47, 0.2) !important;
    border-radius: 0 0 8px 8px !important;
    padding: 40px !important;
    
    /* ESPACIO HACIA ABAJO */
    margin-top: 40px !important;
}

/* 2. Eliminamos cualquier fondo o marco extra que estorbe */
.elementor-4822 .elementor-element.elementor-element-14579da .e-n-menu-dropdown-container-wrapper {
    background: transparent !important;
    width: auto !important;
}

/* 3. Aseguramos que las columnas adentro tengan espacio */
.elementor-4822 .elementor-element.elementor-element-14579da .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c67037f *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f74f42 *//* ESTILO DEL CAJÓN (SOLO CAJA) */
.elementor-4822 .elementor-element.elementor-element-5f74f42 {
    width: 260px !important;
    background-color: #FFFFFF !important;
    border-top: 4px solid #0077C8 !important; /* Línea Tech Cyan */
    box-shadow: 0px 15px 35px rgba(10, 25, 47, 0.15) !important; /* Sombra Navy */
    border-radius: 0 0 4px 4px !important;
    padding: 15px 0 !important; /* Un poco de aire arriba y abajo */
    z-index: 999 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b945e1 */.elementor-4822 .elementor-element.elementor-element-6b945e1 { position: relative !important; }/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-33e5429 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03e53b3 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3f9d6b5 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-100c8b8 *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a7fcf2a *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f8f04d6 *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a992b4b *//* Definimos la animación de Zoom Lento */
@keyframes softZoom {
    0% {
        transform: scale(1); /* Empieza tamaño normal */
    }
    100% {
        transform: scale(1.1); /* Termina un 10% más grande */
    }
}

/* Aplicamos la animación a la imagen */
.elementor-4822 .elementor-element.elementor-element-a992b4b img {
    /* Nombre de animación | Duración | Curva | Mantiene el estado final */
    animation: softZoom 5s ease-out forwards; 
    
    /* Aseguramos que no se salga del cuadro si crece */
    object-fit: cover;
}

/* IMPORTANTE: Para que la imagen no se salga de su caja al crecer */
.elementor-4822 .elementor-element.elementor-element-a992b4b {
    overflow: hidden; 
    border-radius: 8px; /* Opcional: si quieres bordes redondeados */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14579da *//* 1. Forzamos a la caja blanca a medir 1250px aunque su padre mida solo 150px */
.elementor-4822 .elementor-element.elementor-element-14579da .e-n-menu-dropdown-container {
    position: absolute !important;
    display: block !important;
    
    /* DEFINIMOS EL ANCHO REAL AQUÍ */
    width: 1250px !important; 
    max-width: 95vw !important; /* Para que no se salga en pantallas pequeñas */
    
    /* CENTRADO ABSOLUTO RESPECTO A LA PANTALLA */
    /* Este cálculo lo centra sin importar dónde esté la palabra PRODUCTS */
    left: 50% !important;
    transform: translateX(-50%) !important;
    
    /* ESTÉTICA */
    background-color: #F8FAFC !important;
    border-top: 4px solid #0077C8 !important; /* Tu línea Cyan */
    box-shadow: 0px 20px 50px rgba(10, 25, 47, 0.2) !important;
    border-radius: 0 0 8px 8px !important;
    padding: 40px !important;
    
    /* ESPACIO HACIA ABAJO */
    margin-top: 40px !important;
}

/* 2. Eliminamos cualquier fondo o marco extra que estorbe */
.elementor-4822 .elementor-element.elementor-element-14579da .e-n-menu-dropdown-container-wrapper {
    background: transparent !important;
    width: auto !important;
}

/* 3. Aseguramos que las columnas adentro tengan espacio */
.elementor-4822 .elementor-element.elementor-element-14579da .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c67037f *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f74f42 *//* ESTILO DEL CAJÓN (SOLO CAJA) */
.elementor-4822 .elementor-element.elementor-element-5f74f42 {
    width: 260px !important;
    background-color: #FFFFFF !important;
    border-top: 4px solid #0077C8 !important; /* Línea Tech Cyan */
    box-shadow: 0px 15px 35px rgba(10, 25, 47, 0.15) !important; /* Sombra Navy */
    border-radius: 0 0 4px 4px !important;
    padding: 15px 0 !important; /* Un poco de aire arriba y abajo */
    z-index: 999 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b945e1 */.elementor-4822 .elementor-element.elementor-element-6b945e1 { position: relative !important; }/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-33e5429 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-03e53b3 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3f9d6b5 *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-100c8b8 *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-100c8b8 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-a7fcf2a *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-f8f04d6 *//* Transición suave */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item {
    transition: all 0.2s ease-in-out !important;
}

/* Mover a la derecha al pasar el mouse */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; /* <--- Azul Marca */
}

/* Cambiar también el icono si tienes */
.elementor-4822 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; /* <--- Azul Marca */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a992b4b *//* Definimos la animación de Zoom Lento */
@keyframes softZoom {
    0% {
        transform: scale(1); /* Empieza tamaño normal */
    }
    100% {
        transform: scale(1.1); /* Termina un 10% más grande */
    }
}

/* Aplicamos la animación a la imagen */
.elementor-4822 .elementor-element.elementor-element-a992b4b img {
    /* Nombre de animación | Duración | Curva | Mantiene el estado final */
    animation: softZoom 5s ease-out forwards; 
    
    /* Aseguramos que no se salga del cuadro si crece */
    object-fit: cover;
}

/* IMPORTANTE: Para que la imagen no se salga de su caja al crecer */
.elementor-4822 .elementor-element.elementor-element-a992b4b {
    overflow: hidden; 
    border-radius: 8px; /* Opcional: si quieres bordes redondeados */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14579da *//* 1. Forzamos a la caja blanca a medir 1250px aunque su padre mida solo 150px */
.elementor-4822 .elementor-element.elementor-element-14579da .e-n-menu-dropdown-container {
    position: absolute !important;
    display: block !important;
    
    /* DEFINIMOS EL ANCHO REAL AQUÍ */
    width: 1250px !important; 
    max-width: 95vw !important; /* Para que no se salga en pantallas pequeñas */
    
    /* CENTRADO ABSOLUTO RESPECTO A LA PANTALLA */
    /* Este cálculo lo centra sin importar dónde esté la palabra PRODUCTS */
    left: 50% !important;
    transform: translateX(-50%) !important;
    
    /* ESTÉTICA */
    background-color: #F8FAFC !important;
    border-top: 4px solid #0077C8 !important; /* Tu línea Cyan */
    box-shadow: 0px 20px 50px rgba(10, 25, 47, 0.2) !important;
    border-radius: 0 0 8px 8px !important;
    padding: 40px !important;
    
    /* ESPACIO HACIA ABAJO */
    margin-top: 40px !important;
}

/* 2. Eliminamos cualquier fondo o marco extra que estorbe */
.elementor-4822 .elementor-element.elementor-element-14579da .e-n-menu-dropdown-container-wrapper {
    background: transparent !important;
    width: auto !important;
}

/* 3. Aseguramos que las columnas adentro tengan espacio */
.elementor-4822 .elementor-element.elementor-element-14579da .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-c67037f *//* 1. Configuración base del ítem */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item {
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    position: relative; /* Necesario para z-index */
}

/* 2. Truco para expandir el área del clic */
/* Esto hace que el enlace ocupe todo el ancho disponible */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item a {
    display: flex; /* Asegura que ocupe el espacio */
    align-items: center;
    width: 100%; /* Ocupa todo el ancho */
    text-decoration: none;
    cursor: pointer !important; /* Fuerza la manito */
    z-index: 10; /* Asegura que el link esté encima de decoraciones */
}

/* 3. La Animación al pasar el mouse (Hover) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover {
    transform: translateX(10px); /* Se mueve a la derecha */
}

/* 4. Cambio de color del TEXTO (Tu Azul) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-text {
    color: #0077C8 !important; 
    font-weight: 600; /* Opcional: lo hace un pelín más grueso al tocar */
}

/* 5. Cambio de color del ICONO (Si tienes flechitas) */
.elementor-4822 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-icon i {
    color: #0077C8 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f74f42 *//* ESTILO DEL CAJÓN (SOLO CAJA) */
.elementor-4822 .elementor-element.elementor-element-5f74f42 {
    width: 260px !important;
    background-color: #FFFFFF !important;
    border-top: 4px solid #0077C8 !important; /* Línea Tech Cyan */
    box-shadow: 0px 15px 35px rgba(10, 25, 47, 0.15) !important; /* Sombra Navy */
    border-radius: 0 0 4px 4px !important;
    padding: 15px 0 !important; /* Un poco de aire arriba y abajo */
    z-index: 999 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b945e1 */.elementor-4822 .elementor-element.elementor-element-6b945e1 { position: relative !important; }/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-cf70d47 *//* Esto asegura que el menú flote y no agrande el header blanco */
.elementor-4822 .elementor-element.elementor-element-cf70d47 {
    height: auto !important;
    min-height: auto !important;
}

/* Evita que el wrapper del menú ocupe espacio físico arriba */
.elementor-widget-n-menu {
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-50207ed *//* 1. SELECTOR PRINCIPAL (EL BOTÓN QUE SE VE SIEMPRE) */
.elementor-4822 .elementor-element.elementor-element-50207ed .wpml-ls-item-toggle {
    background-color: #FFFFFF !important; /* Fondo Blanco */
    border: 1px solid #E2E8F0 !important; /* Borde gris muy suave */
    padding: 10px 20px !important;
    border-radius: 6px !important;
    color: #0A192F !important; /* Texto Navy */
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 10;
}

/* 2. ESTADO HOVER DEL BOTÓN PRINCIPAL */
.elementor-4822 .elementor-element.elementor-element-50207ed .wpml-ls-item-toggle:hover {
    border-color: #0077C8 !important; /* Borde Tech Cyan */
    color: #0077C8 !important; /* Texto Tech Cyan */
}

/* 3. AJUSTE DE LA BANDERA */
.elementor-4822 .elementor-element.elementor-element-50207ed .wpml-ls-flag {
    margin-right: 10px !important;
    border-radius: 2px !important;
}

/* 4. LA CAJA DESPLEGABLE (CORRECCIÓN DE CIERRE INVOLUNTARIO) */
.elementor-4822 .elementor-element.elementor-element-50207ed .wpml-ls-sub-menu {
    border: none !important;
    box-shadow: 0px 10px 30px rgba(10, 25, 47, 0.1) !important; /* Sombra elegante */
    border-radius: 8px !important;
    overflow: hidden !important;
    
    /* IMPORTANTE: Eliminamos el margen para que no haya zona muerta */
    margin-top: 0px !important; 
    padding-top: 0px !important;
    
    /* Aseguramos que se posicione justo debajo */
    top: 100% !important;
}

/* 5. ÍTEMS DENTRO DE LA LISTA (SPANISH, CHINESE, ETC) */
.elementor-4822 .elementor-element.elementor-element-50207ed .wpml-ls-sub-menu a {
    background-color: #FFFFFF !important;
    color: #0A192F !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    border-bottom: 1px solid #F1F5F9 !important; /* Línea separadora suave */
    transition: all 0.2s ease !important;
}

/* 6. HOVER DENTRO DE LA LISTA */
.elementor-4822 .elementor-element.elementor-element-50207ed .wpml-ls-sub-menu a:hover {
    background-color: #0A192F !important; /* Fondo Navy */
    color: #FFFFFF !important; /* Texto Blanco */
}

/* 7. FLECHITA INDICADORA */
.elementor-4822 .elementor-element.elementor-element-50207ed .wpml-ls-item-toggle::after {
    color: #0A192F !important;
    margin-left: 10px !important;
    transition: transform 0.3s ease;
}

/* Rotación de flecha al abrir (opcional) */
.elementor-4822 .elementor-element.elementor-element-50207ed:hover .wpml-ls-item-toggle::after {
    transform: rotate(180deg);
}

/* 8. PUENTE INVISIBLE (POR SI ACASO) */
/* Crea una zona de contacto invisible entre el botón y la lista */
.elementor-4822 .elementor-element.elementor-element-50207ed .wpml-ls-sub-menu::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background: transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8c21464 */.elementor-4822 .elementor-element.elementor-element-8c21464 {
    /* 1. FONDO BLANCO SÓLIDO Y LIMPIO */
    background: #FFFFFF !important;
    position: relative;
    z-index: 999;
    
    /* 2. LÍNEA DE PRECISIÓN INFERIOR (Tech Cyan) */
    /* Una línea sólida de 2px que actúa como el "chasis" del header */
    border-bottom: 2px solid #0077C8 !important; 

    /* 3. SOMBRA QUIRÚRGICA */
    /* Una sombra muy sutil que solo da profundidad sin ensuciar el diseño */
    box-shadow: 0px 4px 20px rgba(10, 25, 47, 0.06) !important;
    
    /* 4. TRANSICIÓN FLUIDA */
    transition: all 0.3s ease-in-out !important;
}

/* 5. ELIMINAMOS EL BORDE SUPERIOR (Limpieza Total) */
.elementor-4822 .elementor-element.elementor-element-8c21464::before {
    content: none !important;
}

/* 6. EFECTO AL HACER HOVER */
/* Al interactuar, la sombra gana un poco de fuerza para dar feedback */
.elementor-4822 .elementor-element.elementor-element-8c21464:hover {
    box-shadow: 0px 8px 30px rgba(10, 25, 47, 0.1) !important;
}/* End custom CSS */
/* Start custom CSS for wpml-language-switcher, class: .elementor-element-5383aa4 *//* 1. EL BOTÓN PRINCIPAL (EL QUE SE TOCA) */
.elementor-4822 .elementor-element.elementor-element-5383aa4 .wpml-ls-item-toggle {
    background-color: #F8FAFC !important; /* Gris ultra pálido tecnológico */
    border: 1px solid #E2E8F0 !important; /* Borde muy fino */
    padding: 8px 12px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
}

/* 2. LA BANDERA Y EL ICONO */
.elementor-4822 .elementor-element.elementor-element-5383aa4 .wpml-ls-flag {
    margin-right: 0px !important; /* En móvil, a veces solo la bandera queda más limpio */
    width: 22px !important;
    height: auto !important;
    border-radius: 2px !important;
}

/* 3. ELIMINAR TEXTO EN MÓVIL (Opcional - solo bandera es muy Pro) */
/* Si quieres que aparezca el nombre del idioma, borra esta sección 3 */
.elementor-4822 .elementor-element.elementor-element-5383aa4 .wpml-ls-native, 
.elementor-4822 .elementor-element.elementor-element-5383aa4 .wpml-ls-display,
.elementor-4822 .elementor-element.elementor-element-5383aa4 .wpml-ls-bracket {
    display: none !important;
}

/* 4. LA LISTA DESPLEGABLE (LOS OTROS IDIOMAS) */
.elementor-4822 .elementor-element.elementor-element-5383aa4 .wpml-ls-sub-menu {
    background-color: #FFFFFF !important;
    border: none !important;
    box-shadow: 0px 15px 35px rgba(10, 25, 47, 0.15) !important; /* Sombra profunda Tech */
    border-radius: 12px !important;
    margin-top: 5px !important;
    padding: 10px !important;
    min-width: 60px !important; /* Ajustado para que no sea gigante */
    left: 50% !important;
    transform: translateX(-50%) !important;
    overflow: hidden !important;
}

/* 5. LOS ÍTEMS DENTRO DE LA LISTA */
.elementor-4822 .elementor-element.elementor-element-5383aa4 .wpml-ls-sub-menu li {
    padding: 10px 0 !important;
    text-align: center !important;
}

.elementor-4822 .elementor-element.elementor-element-5383aa4 .wpml-ls-sub-menu a {
    display: flex !important;
    justify-content: center !important;
    transition: transform 0.2s ease !important;
}

.elementor-4822 .elementor-element.elementor-element-5383aa4 .wpml-ls-sub-menu a:active {
    transform: scale(0.9) !important; /* Feedback táctil al tocar */
}

/* 6. FLECHITA INDICADORA */
.elementor-4822 .elementor-element.elementor-element-5383aa4 .wpml-ls-item-toggle::after {
    color: #0A192F !important; /* Navy */
    font-size: 10px !important;
    margin-left: 8px !important;
    border-top-color: #0A192F !important; /* Para flechas de tipo borde */
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e9437b1 *//* 1. CAJÓN DESPLEGABLE MÓVIL */
.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown {
    background-color: #FFFFFF !important; /* Fondo base blanco */
    border-top: 4px solid #0077C8 !important; /* Línea Tech Cyan */
    box-shadow: 0px 10px 30px rgba(10, 25, 47, 0.1) !important;
}

/* 2. ESTILO DE TEXTO NORMAL (Legibilidad Navy) */
.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a {
    color: #0A192F !important; /* Primary Navy */
    background-color: #FFFFFF !important;
    font-weight: 600 !important;
    font-family: 'Barlow', sans-serif !important; /* O tu fuente de marca */
    transition: all 0.3s ease-in-out !important;
}

/* 3. ESTADO HOVER GENERAL (Al tocar ítems principales) */
.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a:hover {
    background-color: #0077C8 !important; /* Tech Cyan */
    color: #FFFFFF !important; /* Blanco Puro */
    padding-left: 35px !important; /* Efecto de desplazamiento */
}

/* 4. ESTADO ACTIVE (Página actual o Categoría Padre activa) */
/* El NARANJA indica dónde está el usuario ahora mismo */
.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.current-menu-item,
.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.current-menu-ancestor,
.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.current_page_item {
    background-color: #F05A00 !important; /* Action Orange */
    color: #FFFFFF !important; /* Texto Blanco */
}

/* 5. ARREGLO PARA LAS FLECHITAS (INDICADORES) */
.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown .sub-arrow i {
    color: #0077C8 !important; /* Flechas en Cyan por defecto */
}
.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a:hover .sub-arrow i,
.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.elementor-item-active .sub-arrow i {
    color: #FFFFFF !important; /* Flechas blancas en Hover/Active */
}

/* 6. SUBMENÚS / CATEGORÍAS (Estado Normal) */
.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown .sub-menu a {
    background-color: #F8FAFC !important; /* Gris muy claro para diferenciar */
    padding-left: 40px !important; /* Sangría para jerarquía */
    font-size: 14px !important;
}

/* 7. ¡ESTA ES LA CORRECCIÓN! - HOVER ESPECÍFICO PARA SUBMENÚS */
/* Forzamos que al tocar una categoría, el fondo deje de ser gris y sea Cyan */
.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown .sub-menu a:hover {
    background-color: #0077C8 !important; /* Tech Cyan al tocar */
    color: #FFFFFF !important; /* Texto Blanco al tocar */
    padding-left: 50px !important; /* Un poco más de movimiento */
}

/* 8. EL BOTÓN DE CERRAR (LA X) */
.elementor-4822 .elementor-element.elementor-element-e9437b1 .elementor-menu-toggle.elementor-active i {
    color: #F05A00 !important; /* Naranja para la X de cerrar */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d5f0346 */.elementor-4822 .elementor-element.elementor-element-d5f0346 {
    /* 1. FONDO BLANCO PARA MÓVIL */
    background: #FFFFFF !important;
    position: relative;
    z-index: 999;
    
    /* 2. LÍNEA TECH CYAN */
    border-bottom: 2px solid #0077C8 !important; 

    /* 3. SOMBRA SUAVE */
    box-shadow: 0px 4px 15px rgba(10, 25, 47, 0.05) !important;
}/* End custom CSS */