.elementor-3671 .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:40px;--padding-right:40px;--z-index:999;}.elementor-3671 .elementor-element.elementor-element-8c21464:not(.elementor-motion-effects-element-type-background), .elementor-3671 .elementor-element.elementor-element-8c21464 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3671 .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-3671 .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-3671 .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-3671 .elementor-element.elementor-element-e515914:not(.elementor-motion-effects-element-type-background), .elementor-3671 .elementor-element.elementor-element-e515914 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-3671 .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);--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-3671 .elementor-element.elementor-element-14579da:not(.elementor-motion-effects-element-type-background), .elementor-3671 .elementor-element.elementor-element-14579da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3671 .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-3671 .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-3671 .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-3671 .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-3671 .elementor-element.elementor-element-33e5429 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(16px/2);}.elementor-3671 .elementor-element.elementor-element-33e5429 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-16px/2);}.elementor-3671 .elementor-element.elementor-element-33e5429 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-3671 .elementor-element.elementor-element-33e5429 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-3671 .elementor-element.elementor-element-33e5429 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-3671 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-secondary );}.elementor-3671 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );}.elementor-3671 .elementor-element.elementor-element-33e5429{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-3671 .elementor-element.elementor-element-33e5429 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-3671 .elementor-element.elementor-element-33e5429 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3671 .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-3671 .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-3671 .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-3671 .elementor-element.elementor-element-d28d77c a{color:var( --e-global-color-accent );}.elementor-3671 .elementor-element.elementor-element-d28d77c a:hover, .elementor-3671 .elementor-element.elementor-element-d28d77c a:focus{color:var( --e-global-color-primary );}.elementor-3671 .elementor-element.elementor-element-bc9f0b9{--display:flex;}.elementor-3671 .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-3671 .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-3671 .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-3671 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-3671 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-3671 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-3671 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-3671 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-3671 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-secondary );}.elementor-3671 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );}.elementor-3671 .elementor-element.elementor-element-03e53b3{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-3671 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3671 .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-3671 .elementor-element.elementor-element-03e53b3 .elementor-icon-list-text{color:#495057;transition:color 0.3s;}.elementor-3671 .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-3671 .elementor-element.elementor-element-638bb28 a{color:var( --e-global-color-accent );}.elementor-3671 .elementor-element.elementor-element-0ace0ee{--display:flex;}.elementor-3671 .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-3671 .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-3671 .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-3671 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-3671 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-3671 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-3671 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3671 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3671 .elementor-element.elementor-element-3f9d6b5{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3671 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3671 .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-3671 .elementor-element.elementor-element-3f9d6b5 .elementor-icon-list-text{color:#495057;transition:color 0.3s;}.elementor-3671 .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-3671 .elementor-element.elementor-element-24650d0 a{color:var( --e-global-color-accent );}.elementor-3671 .elementor-element.elementor-element-24650d0 a:hover, .elementor-3671 .elementor-element.elementor-element-24650d0 a:focus{color:var( --e-global-color-primary );}.elementor-3671 .elementor-element.elementor-element-55e7b7e{--display:flex;}.elementor-3671 .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-3671 .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-3671 .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-3671 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-3671 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-3671 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-3671 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3671 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3671 .elementor-element.elementor-element-a7fcf2a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3671 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3671 .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-3671 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-text{color:#495057;transition:color 0.3s;}.elementor-3671 .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-3671 .elementor-element.elementor-element-a3a8ed4 a{color:var( --e-global-color-accent );}.elementor-3671 .elementor-element.elementor-element-a3a8ed4 a:hover, .elementor-3671 .elementor-element.elementor-element-a3a8ed4 a:focus{color:var( --e-global-color-primary );}.elementor-3671 .elementor-element.elementor-element-e00a10c{--display:flex;}.elementor-3671 .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-3671 .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-3671 .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-3671 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-3671 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-3671 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-3671 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3671 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3671 .elementor-element.elementor-element-f8f04d6{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-3671 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3671 .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-3671 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-text{color:#495057;transition:color 0.3s;}.elementor-3671 .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-3671 .elementor-element.elementor-element-0aacd57 a{color:var( --e-global-color-accent );}.elementor-3671 .elementor-element.elementor-element-0aacd57 a:hover, .elementor-3671 .elementor-element.elementor-element-0aacd57 a:focus{color:var( --e-global-color-primary );}.elementor-3671 .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-3671 .elementor-element.elementor-element-a992b4b:not(.elementor-motion-effects-element-type-background), .elementor-3671 .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/FQA1500-OPT-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3671 .elementor-element.elementor-element-a992b4b::before, .elementor-3671 .elementor-element.elementor-element-a992b4b > .elementor-background-video-container::before, .elementor-3671 .elementor-element.elementor-element-a992b4b > .e-con-inner > .elementor-background-video-container::before, .elementor-3671 .elementor-element.elementor-element-a992b4b > .elementor-background-slideshow::before, .elementor-3671 .elementor-element.elementor-element-a992b4b > .e-con-inner > .elementor-background-slideshow::before, .elementor-3671 .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-3671 .elementor-element.elementor-element-2b9f13e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3671 .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-3671 .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-3671 .elementor-element.elementor-element-6a0e7e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3671 .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-3671 .elementor-element.elementor-element-6a0e7e2 .elementor-button:hover, .elementor-3671 .elementor-element.elementor-element-6a0e7e2 .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-3671 .elementor-element.elementor-element-6a0e7e2 .elementor-button:hover svg, .elementor-3671 .elementor-element.elementor-element-6a0e7e2 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-3671 .elementor-element.elementor-element-7f41ca5{--display:flex;}.elementor-3671 .elementor-element.elementor-element-58d8d2f{--display:flex;}.elementor-3671 .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-3671 .elementor-element.elementor-element-6b945e1.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-3671 .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:350px;--margin-right:0px;--padding-top:010px;--padding-bottom:010px;--padding-left:010px;--padding-right:010px;top:0px;--z-index:999;}body:not(.rtl) .elementor-3671 .elementor-element.elementor-element-5f74f42{left:477px;}body.rtl .elementor-3671 .elementor-element.elementor-element-5f74f42{right:477px;}.elementor-3671 .elementor-element.elementor-element-c67037f{padding:0px 0px 0px 20px;--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-3671 .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-3671 .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-3671 .elementor-element.elementor-element-c67037f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(13px/2);}.elementor-3671 .elementor-element.elementor-element-c67037f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-13px/2);}.elementor-3671 .elementor-element.elementor-element-c67037f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-13px/2);}.elementor-3671 .elementor-element.elementor-element-c67037f .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-3671 .elementor-element.elementor-element-c67037f .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-3671 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-3671 .elementor-element.elementor-element-c67037f .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-3671 .elementor-element.elementor-element-c67037f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3671 .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-3671 .elementor-element.elementor-element-c67037f .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-3671 .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:#FFFFFF;--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-3671 .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-3671 .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-3671 .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-3671 .elementor-element.elementor-element-cf70d47 {--n-menu-title-color-hover:var( --e-global-color-secondary );}.elementor-3671 .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-3671 .elementor-element.elementor-element-c91240e{background-color:#0A192F;}.elementor-3671 .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-3671 .elementor-element.elementor-element-cdac9f5{border-radius:5px 5px 5px 5px;}.elementor-3671 .elementor-element.elementor-element-cdac9f5 .elementor-button{font-family:"Orbitron-Bold 700 px", Sans-serif;font-size:11px;}.elementor-3671 .elementor-element.elementor-element-d5f0346{--display:flex;}.elementor-3671 .elementor-element.elementor-element-d5f0346:not(.elementor-motion-effects-element-type-background), .elementor-3671 .elementor-element.elementor-element-d5f0346 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3671 .elementor-element.elementor-element-04c2a67{--display:flex;}.elementor-3671 .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-3671 .elementor-element.elementor-element-e9437b1 .elementor-menu-toggle{margin-left:auto;}.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a, .elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a:hover,
					.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a:focus,
					.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-menu-toggle:hover,
					.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a:hover,
					.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a:focus,
					.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.elementor-item-active{color:#F05A0000;}.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown .elementor-item, .elementor-3671 .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-3671 .elementor-element.elementor-element-e9437b1 div.elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-3671 .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-3671 .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-3671 .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-3671 .elementor-element.elementor-element-e62fcd2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3671 .elementor-element.elementor-element-e62fcd2 img{width:100%;max-width:100%;}.elementor-3671 .elementor-element.elementor-element-2ac7604{--justify-content:flex-end;}.elementor-3671 .elementor-element.elementor-element-cf70d47{--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;}.elementor-3671 .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-3671 .elementor-element.elementor-element-04c2a67{--width:40%;}.elementor-3671 .elementor-element.elementor-element-a0b010e{--width:40%;}.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown .elementor-item, .elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}.elementor-3671 .elementor-element.elementor-element-e9437b1{--nav-menu-icon-size:24px;}}@media(min-width:768px){.elementor-3671 .elementor-element.elementor-element-8c21464{--width:100%;}.elementor-3671 .elementor-element.elementor-element-f6ad586{--width:20%;}.elementor-3671 .elementor-element.elementor-element-2ac7604{--content-width:1000px;}.elementor-3671 .elementor-element.elementor-element-e515914{--content-width:1200px;}.elementor-3671 .elementor-element.elementor-element-14579da{--content-width:1278px;}.elementor-3671 .elementor-element.elementor-element-755ae33{--width:16.66%;}.elementor-3671 .elementor-element.elementor-element-bc9f0b9{--width:16.66%;}.elementor-3671 .elementor-element.elementor-element-0ace0ee{--width:16.66%;}.elementor-3671 .elementor-element.elementor-element-55e7b7e{--width:16.66%;}.elementor-3671 .elementor-element.elementor-element-e00a10c{--width:16.66%;}.elementor-3671 .elementor-element.elementor-element-a992b4b{--width:16.66%;}.elementor-3671 .elementor-element.elementor-element-6b945e1{--content-width:250px;}.elementor-3671 .elementor-element.elementor-element-5f74f42{--content-width:250px;}.elementor-3671 .elementor-element.elementor-element-50207ed{--width:24%;}.elementor-3671 .elementor-element.elementor-element-66e383e{--width:24%;}}/* Start custom CSS for icon-list, class: .elementor-element-33e5429 *//* 1. Configuración base del ítem */
.elementor-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-a7fcf2a *//* Transición suave */
.elementor-3671 .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-3671 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-3671 .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-3671 .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-3671 .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-3671 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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: #ffffff !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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-a7fcf2a *//* Transición suave */
.elementor-3671 .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-3671 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-3671 .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-3671 .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-3671 .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-3671 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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: #ffffff !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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-a7fcf2a *//* Transición suave */
.elementor-3671 .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-3671 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-3671 .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-3671 .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-3671 .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-3671 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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: #ffffff !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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-a7fcf2a *//* Transición suave */
.elementor-3671 .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-3671 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-3671 .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-3671 .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-3671 .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-3671 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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: #ffffff !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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-a7fcf2a *//* Transición suave */
.elementor-3671 .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-3671 .elementor-element.elementor-element-a7fcf2a .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-3671 .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-3671 .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-3671 .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-3671 .elementor-element.elementor-element-f8f04d6 .elementor-icon-list-item:hover {
    transform: translateX(10px);
}

/* CAMBIAR COLOR A TU AZUL DE MARCA #0077C8 */
.elementor-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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: #ffffff !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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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-3671 .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 shortcode, class: .elementor-element-c91240e *//* --- ESTILO GENERAL DEL BOTÓN Y DESPLEGABLE --- */
.elementor-3671 .elementor-element.elementor-element-c91240e .wpml-ls-legacy-dropdown a {
    background-color: #0A192F !important; /* Navy (Fondo Principal) */
    color: #FFFFFF !important;            /* Pure White (Texto) */
    border: 1px solid #0077C8 !important; /* Tech Cyan (Borde) */
    font-family: inherit;                 /* Fuente de tu tema */
    padding: 10px 15px;                   /* Espaciado interno */
    transition: all 0.3s ease;            /* Suavizado */
    display: flex;                        /* Ayuda a alinear bandera y texto */
    align-items: center;                  /* Centra verticalmente el contenido */
}

/* --- ESTILO AL PASAR EL MOUSE (HOVER) --- */
.elementor-3671 .elementor-element.elementor-element-c91240e .wpml-ls-legacy-dropdown a:hover,
.elementor-3671 .elementor-element.elementor-element-c91240e .wpml-ls-legacy-dropdown a:focus,
.elementor-3671 .elementor-element.elementor-element-c91240e .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
    background-color: #0077C8 !important; /* Tech Cyan al pasar el mouse */
    color: #FFFFFF !important;            /* Texto blanco */
}

/* --- AJUSTE DE LA BANDERA (LO NUEVO) --- */
.elementor-3671 .elementor-element.elementor-element-c91240e .wpml-ls-legacy-dropdown img.wpml-ls-flag {
    margin-right: 12px !important;       /* ESPACIO entre bandera y texto */
    width: 24px !important;              /* Tamaño de bandera consistente */
    height: auto !important;             /* Mantiene proporción */
    vertical-align: middle !important;   /* Alineación vertical */
    box-shadow: none !important;         /* Quita sombras raras si las hay */
}

/* --- LIMPIEZA DE BORDES DEL CONTENEDOR --- */
.elementor-3671 .elementor-element.elementor-element-c91240e .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border-top: none;
}

/* --- COLOR DE LA FLECHITA (ARROW) --- */
.elementor-3671 .elementor-element.elementor-element-c91240e .wpml-ls-legacy-dropdown .wpml-ls-native:after {
    color: #FFFFFF !important; /* Flecha blanca para mejor contraste */
    margin-left: 10px;         /* Espacio entre texto y flecha */
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-e9437b1 *//* 1. DISEÑO DEL CAJÓN DESPLEGABLE */
.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown {
    background-color: #FFFFFF !important; /* Fondo Blanco */
    border-top: 4px solid #0077C8 !important; /* Línea Tech Cyan de marca */
    box-shadow: 0px 15px 40px rgba(10, 25, 47, 0.2) !important;
}

/* 2. ESTILO DE LOS ENLACES (TEXTO NORMAL) */
.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a {
    font-family: 'Barlow', sans-serif !important;
    color: #0A192F !important; /* Navy de marca */
    font-weight: 600 !important;
    padding: 15px 25px !important;
    border-bottom: 1px solid #F1F5F9 !important;
    transition: all 0.3s ease !important;
}

/* 3. ARREGLAR EL ERROR DE LECTURA (HOVER Y ACTIVO) */
/* Esto cambia el fondo a Navy y la letra a Cyan al tocar o estar en la página */
.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a:hover,
.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a.elementor-item-active,
.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown a:focus {
    background-color: #0A192F !important; /* Fondo oscuro */
    color: #0077C8 !important; /* Letra Cyan que resalta */
    padding-left: 35px !important; /* Efecto de movimiento sutil */
}

/* 4. ESTILO PARA LOS SUB-MENÚS (Categorías dentro de productos) */
.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-nav-menu--dropdown .sub-menu a {
    background-color: #F8FAFC !important;
    padding-left: 45px !important; /* Más sangría para los hijos */
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* 5. EL BOTÓN DE CERRAR (LA X) */
.elementor-3671 .elementor-element.elementor-element-e9437b1 .elementor-menu-toggle.elementor-active i {
    color: #F05A00 !important; /* Naranja de acción */
}/* End custom CSS */