.elementor-44 .elementor-element.elementor-element-65520d57{--display:flex;--min-height:690px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--overlay-opacity:0.6;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-65520d57::before, .elementor-44 .elementor-element.elementor-element-65520d57 > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-65520d57 > .e-con-inner > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-65520d57 > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-65520d57 > .e-con-inner > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-65520d57 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://gestionglobalogistica.com/wp-content/uploads/2026/01/Truck-Location-scaled.png");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-44 .elementor-element.elementor-element-4d7e6f1e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-54e6f13b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-54e6f13b.e-con{--align-self:flex-start;}.elementor-44 .elementor-element.elementor-element-7b9009cc{padding:0px 0px 0px 8px;border-style:solid;border-width:0px 0px 0px 4px;border-color:var( --e-global-color-accent );text-align:start;font-family:var( --e-global-typography-764ca87-font-family );font-size:var( --e-global-typography-764ca87-font-size );font-weight:var( --e-global-typography-764ca87-font-weight );line-height:var( --e-global-typography-764ca87-line-height );color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-37c5f342{margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-44 .elementor-element.elementor-element-37c5f342 .elementor-heading-title{font-family:"Titillium Web";font-size:50px;font-weight:700;line-height:1.2em;color:var( --e-global-color-accent );}.elementor-44 .elementor-element.elementor-element-698b0b1{padding:0% 35% 0% 0%;}.elementor-44 .elementor-element.elementor-element-37cb0558 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-7a431dd-font-family );font-size:var( --e-global-typography-7a431dd-font-size );font-weight:var( --e-global-typography-7a431dd-font-weight );line-height:var( --e-global-typography-7a431dd-line-height );fill:var( --e-global-color-adc1da5 );color:var( --e-global-color-adc1da5 );border-radius:8px 8px 8px 8px;padding:16px 24px 16px 24px;}.elementor-44 .elementor-element.elementor-element-37cb0558 .elementor-button:hover, .elementor-44 .elementor-element.elementor-element-37cb0558 .elementor-button:focus{background-color:var( --e-global-color-adc1da5 );color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-37cb0558{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-37cb0558 .elementor-button:hover svg, .elementor-44 .elementor-element.elementor-element-37cb0558 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-24f911d5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-6981151{--display:flex;--min-height:332px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:16px 16px 16px 16px;box-shadow:4px 8px 40px -5px rgba(0, 0, 0, 0.25098039215686274);--margin-top:0px;--margin-bottom:43px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-44 .elementor-element.elementor-element-6981151:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-6981151 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-field-group.recaptcha_v3-bottomleft, .elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-labels-inline .elementor-field-group > label{padding-left:6px;}body:not(.rtl) .elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-labels-inline .elementor-field-group > label{padding-right:6px;}body .elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-labels-above .elementor-field-group > label{padding-bottom:6px;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-field-group > label, .elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-field-subgroup label{color:var( --e-global-color-2cd6e2b );}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-field-group > label{font-family:"Lato";font-size:16px;font-weight:800;line-height:26px;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-field-type-html{padding-bottom:0px;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-field-group .elementor-field{color:#0B0B0B;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-field-group .elementor-field, .elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-field-subgroup label{font-family:"Lato";font-size:16px;font-weight:400;line-height:26px;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#FFFFFF;border-color:#E4E4E4;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-field-group .elementor-select-wrapper select{background-color:#FFFFFF;border-color:#E4E4E4;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-field-group .elementor-select-wrapper::before{color:#E4E4E4;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .e-form__buttons__wrapper__button-next{background-color:#9D1E17;color:#ffffff;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-button[type="submit"]{background-color:#9D1E17;color:#ffffff;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .e-form__buttons__wrapper__button-previous{background-color:#9D1E17;color:#ffffff;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .e-form__buttons__wrapper__button-next:hover{background-color:#FFFFFF;color:#9D1E17;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-button[type="submit"]:hover{background-color:#FFFFFF;color:#9D1E17;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-button[type="submit"]:hover svg *{fill:#9D1E17;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-button{border-radius:8px 8px 8px 8px;padding:16px 16px 16px 16px;}.elementor-44 .elementor-element.elementor-element-cdcfd0c{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-44 .elementor-element.elementor-element-6495d8d{text-align:start;font-family:var( --e-global-typography-2cadbc4-font-family );font-size:var( --e-global-typography-2cadbc4-font-size );font-weight:var( --e-global-typography-2cadbc4-font-weight );line-height:var( --e-global-typography-2cadbc4-line-height );color:var( --e-global-color-text );}.elementor-44 .elementor-element.elementor-element-41a48752{--display:flex;--min-height:2vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:70px 70px;--row-gap:70px;--column-gap:70px;--margin-top:-115px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-7c0ee0ae{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:50%;--container-widget-flex-grow:0;z-index:0;text-align:center;}.elementor-44 .elementor-element.elementor-element-7c0ee0ae img{width:100%;height:100%;}.elementor-44 .elementor-element.elementor-element-9ed736e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-28cb6e03{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--overflow:hidden;--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-44 .elementor-element.elementor-element-6e8308c5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-44 .elementor-element.elementor-element-63a93cd{--display:flex;--min-height:477px;--justify-content:flex-end;--align-items:flex-start;--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:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-44 .elementor-element.elementor-element-2447f803{background-color:var( --e-global-color-adc1da5 );padding:24px 24px 24px 24px;top:0px;border-radius:16px 16px 16px 16px;box-shadow:0px 4px 24px 0px rgba(0, 0, 0, 0.23921568627450981);}body:not(.rtl) .elementor-44 .elementor-element.elementor-element-2447f803{right:0px;}body.rtl .elementor-44 .elementor-element.elementor-element-2447f803{left:0px;}.elementor-44 .elementor-element.elementor-element-2447f803 .elementor-counter{flex-direction:column-reverse;gap:8px;}.elementor-44 .elementor-element.elementor-element-2447f803 .elementor-counter-title{justify-content:center;color:var( --e-global-color-accent );font-family:var( --e-global-typography-2cadbc4-font-family );font-size:var( --e-global-typography-2cadbc4-font-size );font-weight:var( --e-global-typography-2cadbc4-font-weight );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-2447f803 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-primary );font-family:var( --e-global-typography-c757331-font-family );font-size:var( --e-global-typography-c757331-font-size );font-weight:var( --e-global-typography-c757331-font-weight );line-height:var( --e-global-typography-c757331-line-height );}.elementor-44 .elementor-element.elementor-element-101e6b35{--display:flex;--min-height:437px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--overlay-opacity:0.05;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:60px;}.elementor-44 .elementor-element.elementor-element-101e6b35:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-101e6b35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gestionglobalogistica.com/wp-content/uploads/2026/01/Delivery-Driver-scaled.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-44 .elementor-element.elementor-element-101e6b35::before, .elementor-44 .elementor-element.elementor-element-101e6b35 > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-101e6b35 > .e-con-inner > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-101e6b35 > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-101e6b35 > .e-con-inner > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-101e6b35 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-2cd6e2b );--background-overlay:'';}.elementor-44 .elementor-element.elementor-element-3ea1b978{--display:flex;--position:absolute;--min-height:124px;--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:center;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--border-radius:0px 16px 16px 16px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;bottom:0px;}.elementor-44 .elementor-element.elementor-element-3ea1b978:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-3ea1b978 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}body:not(.rtl) .elementor-44 .elementor-element.elementor-element-3ea1b978{left:0px;}body.rtl .elementor-44 .elementor-element.elementor-element-3ea1b978{right:0px;}.elementor-44 .elementor-element.elementor-element-55629e94 .elementor-icon-wrapper{text-align:center;}.elementor-44 .elementor-element.elementor-element-55629e94.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-55629e94.elementor-view-framed .elementor-icon, .elementor-44 .elementor-element.elementor-element-55629e94.elementor-view-default .elementor-icon{color:var( --e-global-color-adc1da5 );border-color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-55629e94.elementor-view-framed .elementor-icon, .elementor-44 .elementor-element.elementor-element-55629e94.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-55629e94 .elementor-icon{font-size:40px;}.elementor-44 .elementor-element.elementor-element-55629e94 .elementor-icon svg{height:40px;}.elementor-44 .elementor-element.elementor-element-628869ca{width:var( --container-widget-width, 271px );max-width:271px;--container-widget-width:271px;--container-widget-flex-grow:0;text-align:start;font-family:var( --e-global-typography-3326619-font-family );font-size:var( --e-global-typography-3326619-font-size );font-weight:var( --e-global-typography-3326619-font-weight );line-height:var( --e-global-typography-3326619-line-height );color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-792f532d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-bd90aea{padding:0px 0px 0px 8px;border-style:solid;border-width:0px 0px 0px 4px;border-color:var( --e-global-color-accent );text-align:start;font-family:var( --e-global-typography-764ca87-font-family );font-size:var( --e-global-typography-764ca87-font-size );font-weight:var( --e-global-typography-764ca87-font-weight );line-height:var( --e-global-typography-764ca87-line-height );color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-41e17a6a{margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-44 .elementor-element.elementor-element-41e17a6a .elementor-heading-title{font-family:var( --e-global-typography-de97614-font-family );font-size:var( --e-global-typography-de97614-font-size );font-weight:var( --e-global-typography-de97614-font-weight );line-height:var( --e-global-typography-de97614-line-height );color:var( --e-global-color-accent );}.elementor-44 .elementor-element.elementor-element-b0e6e26{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:var( --e-global-typography-2cadbc4-font-family );font-size:var( --e-global-typography-2cadbc4-font-size );font-weight:var( --e-global-typography-2cadbc4-font-weight );line-height:var( --e-global-typography-2cadbc4-line-height );color:var( --e-global-color-text );}.elementor-44 .elementor-element.elementor-element-6f94beec{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:24px 24px;--row-gap:24px;--column-gap:24px;--grid-auto-flow:row;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(16px/2);}.elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(16px/2);}.elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(16px/2);}.elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-16px/2);}.elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-44 .elementor-element.elementor-element-6c38eda2{--e-icon-list-icon-size:24px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-icon{padding-inline-end:11px;}.elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-item > a{font-family:var( --e-global-typography-764ca87-font-family );font-size:var( --e-global-typography-764ca87-font-size );font-weight:var( --e-global-typography-764ca87-font-weight );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-text{color:var( --e-global-color-2cd6e2b );transition:color 0.3s;}.elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(16px/2);}.elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(16px/2);}.elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(16px/2);}.elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-16px/2);}.elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-44 .elementor-element.elementor-element-66144a17{--e-icon-list-icon-size:24px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-icon{padding-inline-end:11px;}.elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-item > a{font-family:var( --e-global-typography-764ca87-font-family );font-size:var( --e-global-typography-764ca87-font-size );font-weight:var( --e-global-typography-764ca87-font-weight );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-text{color:var( --e-global-color-2cd6e2b );transition:color 0.3s;}.elementor-44 .elementor-element.elementor-element-3e63439 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-7a431dd-font-family );font-size:var( --e-global-typography-7a431dd-font-size );font-weight:var( --e-global-typography-7a431dd-font-weight );line-height:var( --e-global-typography-7a431dd-line-height );fill:var( --e-global-color-adc1da5 );color:var( --e-global-color-adc1da5 );border-radius:8px 8px 8px 8px;padding:16px 24px 16px 24px;}.elementor-44 .elementor-element.elementor-element-3e63439 .elementor-button:hover, .elementor-44 .elementor-element.elementor-element-3e63439 .elementor-button:focus{background-color:var( --e-global-color-accent );}.elementor-44 .elementor-element.elementor-element-3e63439{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-575ec7b3{margin:110px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;bottom:0px;z-index:-10;}body:not(.rtl) .elementor-44 .elementor-element.elementor-element-575ec7b3{right:0px;}body.rtl .elementor-44 .elementor-element.elementor-element-575ec7b3{left:0px;}.elementor-44 .elementor-element.elementor-element-575ec7b3 img{width:100%;height:481px;}.elementor-44 .elementor-element.elementor-element-f548f25{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--overlay-opacity:0.9;--margin-top:110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-44 .elementor-element.elementor-element-f548f25:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-f548f25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gestionglobalogistica.com/wp-content/uploads/2026/01/truck-on-bridge-right-to-left-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-44 .elementor-element.elementor-element-f548f25::before, .elementor-44 .elementor-element.elementor-element-f548f25 > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-f548f25 > .e-con-inner > .elementor-background-video-container::before, .elementor-44 .elementor-element.elementor-element-f548f25 > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-f548f25 > .e-con-inner > .elementor-background-slideshow::before, .elementor-44 .elementor-element.elementor-element-f548f25 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-accent );--background-overlay:'';}.elementor-44 .elementor-element.elementor-element-33749a1{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:024px;--padding-bottom:24px;--padding-left:64px;--padding-right:64px;}.elementor-44 .elementor-element.elementor-element-33749a1.e-con{--align-self:stretch;}.elementor-44 .elementor-element.elementor-element-9e14b73{width:100%;max-width:100%;}.elementor-44 .elementor-element.elementor-element-9e14b73 .elementor-image-box-wrapper{text-align:center;}.elementor-44 .elementor-element.elementor-element-9e14b73.elementor-position-right .elementor-image-box-img{margin-left:24px;}.elementor-44 .elementor-element.elementor-element-9e14b73.elementor-position-left .elementor-image-box-img{margin-right:24px;}.elementor-44 .elementor-element.elementor-element-9e14b73.elementor-position-top .elementor-image-box-img{margin-bottom:24px;}.elementor-44 .elementor-element.elementor-element-9e14b73 .elementor-image-box-title{margin-bottom:4px;font-family:"Titillium Web";font-size:30px;font-weight:700;line-height:1em;color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-9e14b73 .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-44 .elementor-element.elementor-element-9e14b73 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-44 .elementor-element.elementor-element-9e14b73 .elementor-image-box-description{font-family:var( --e-global-typography-2cadbc4-font-family );font-size:var( --e-global-typography-2cadbc4-font-size );font-weight:var( --e-global-typography-2cadbc4-font-weight );line-height:var( --e-global-typography-2cadbc4-line-height );color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-0ebb333{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:024px;--padding-bottom:24px;--padding-left:64px;--padding-right:64px;}.elementor-44 .elementor-element.elementor-element-0ebb333.e-con{--align-self:stretch;}.elementor-44 .elementor-element.elementor-element-18080ea{width:100%;max-width:100%;}.elementor-44 .elementor-element.elementor-element-18080ea .elementor-image-box-wrapper{text-align:center;}.elementor-44 .elementor-element.elementor-element-18080ea.elementor-position-right .elementor-image-box-img{margin-left:24px;}.elementor-44 .elementor-element.elementor-element-18080ea.elementor-position-left .elementor-image-box-img{margin-right:24px;}.elementor-44 .elementor-element.elementor-element-18080ea.elementor-position-top .elementor-image-box-img{margin-bottom:24px;}.elementor-44 .elementor-element.elementor-element-18080ea .elementor-image-box-title{margin-bottom:4px;font-family:"Titillium Web";font-size:30px;font-weight:700;line-height:1em;color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-18080ea .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-44 .elementor-element.elementor-element-18080ea .elementor-image-box-img img{transition-duration:0.3s;}.elementor-44 .elementor-element.elementor-element-18080ea .elementor-image-box-description{font-family:var( --e-global-typography-2cadbc4-font-family );font-size:var( --e-global-typography-2cadbc4-font-size );font-weight:var( --e-global-typography-2cadbc4-font-weight );line-height:var( --e-global-typography-2cadbc4-line-height );color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-702f80bd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--margin-top:110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-7024bf97{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-5fe5dbe5{padding:0px 0px 0px 8px;border-style:solid;border-width:0px 0px 0px 4px;border-color:var( --e-global-color-accent );text-align:start;font-family:var( --e-global-typography-764ca87-font-family );font-size:var( --e-global-typography-764ca87-font-size );font-weight:var( --e-global-typography-764ca87-font-weight );line-height:var( --e-global-typography-764ca87-line-height );color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-73e34e82{margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-44 .elementor-element.elementor-element-73e34e82 .elementor-heading-title{font-family:var( --e-global-typography-de97614-font-family );font-size:var( --e-global-typography-de97614-font-size );font-weight:var( --e-global-typography-de97614-font-weight );line-height:var( --e-global-typography-de97614-line-height );color:var( --e-global-color-accent );}.elementor-44 .elementor-element.elementor-element-6ff9dc7{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:var( --e-global-typography-2cadbc4-font-family );font-size:var( --e-global-typography-2cadbc4-font-size );font-weight:var( --e-global-typography-2cadbc4-font-weight );line-height:var( --e-global-typography-2cadbc4-line-height );color:var( --e-global-color-text );}.elementor-44 .elementor-element.elementor-element-47a9be0{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:24px 24px;--row-gap:24px;--column-gap:24px;--grid-auto-flow:row;--margin-top:51px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-33894341 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:32px;}.elementor-44 .elementor-element.elementor-element-33894341 .elementor-icon-box-title{margin-block-end:8px;color:var( --e-global-color-2cd6e2b );}.elementor-44 .elementor-element.elementor-element-33894341.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );fill:var( --e-global-color-adc1da5 );color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-33894341.elementor-view-framed .elementor-icon, .elementor-44 .elementor-element.elementor-element-33894341.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-33894341.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-33894341 .elementor-icon{font-size:40px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-44 .elementor-element.elementor-element-33894341 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-33894341 .elementor-icon-box-title a{font-family:var( --e-global-typography-adbdc1e-font-family );font-size:var( --e-global-typography-adbdc1e-font-size );font-weight:var( --e-global-typography-adbdc1e-font-weight );line-height:var( --e-global-typography-adbdc1e-line-height );}.elementor-44 .elementor-element.elementor-element-33894341 .elementor-icon-box-description{font-family:var( --e-global-typography-2cadbc4-font-family );font-size:var( --e-global-typography-2cadbc4-font-size );font-weight:var( --e-global-typography-2cadbc4-font-weight );line-height:var( --e-global-typography-2cadbc4-line-height );color:var( --e-global-color-text );}.elementor-44 .elementor-element.elementor-element-7e4f6145 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:32px;}.elementor-44 .elementor-element.elementor-element-7e4f6145 .elementor-icon-box-title{margin-block-end:8px;color:var( --e-global-color-2cd6e2b );}.elementor-44 .elementor-element.elementor-element-7e4f6145.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );fill:var( --e-global-color-adc1da5 );color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-7e4f6145.elementor-view-framed .elementor-icon, .elementor-44 .elementor-element.elementor-element-7e4f6145.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-7e4f6145.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-7e4f6145 .elementor-icon{font-size:40px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-44 .elementor-element.elementor-element-7e4f6145 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-7e4f6145 .elementor-icon-box-title a{font-family:var( --e-global-typography-adbdc1e-font-family );font-size:var( --e-global-typography-adbdc1e-font-size );font-weight:var( --e-global-typography-adbdc1e-font-weight );line-height:var( --e-global-typography-adbdc1e-line-height );}.elementor-44 .elementor-element.elementor-element-7e4f6145 .elementor-icon-box-description{font-family:var( --e-global-typography-2cadbc4-font-family );font-size:var( --e-global-typography-2cadbc4-font-size );font-weight:var( --e-global-typography-2cadbc4-font-weight );line-height:var( --e-global-typography-2cadbc4-line-height );color:var( --e-global-color-text );}.elementor-44 .elementor-element.elementor-element-27455c27 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:32px;}.elementor-44 .elementor-element.elementor-element-27455c27 .elementor-icon-box-title{margin-block-end:8px;color:var( --e-global-color-2cd6e2b );}.elementor-44 .elementor-element.elementor-element-27455c27.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );fill:var( --e-global-color-adc1da5 );color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-27455c27.elementor-view-framed .elementor-icon, .elementor-44 .elementor-element.elementor-element-27455c27.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-27455c27.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-27455c27 .elementor-icon{font-size:40px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-44 .elementor-element.elementor-element-27455c27 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-27455c27 .elementor-icon-box-title a{font-family:var( --e-global-typography-adbdc1e-font-family );font-size:var( --e-global-typography-adbdc1e-font-size );font-weight:var( --e-global-typography-adbdc1e-font-weight );line-height:var( --e-global-typography-adbdc1e-line-height );}.elementor-44 .elementor-element.elementor-element-27455c27 .elementor-icon-box-description{font-family:var( --e-global-typography-2cadbc4-font-family );font-size:var( --e-global-typography-2cadbc4-font-size );font-weight:var( --e-global-typography-2cadbc4-font-weight );line-height:var( --e-global-typography-2cadbc4-line-height );color:var( --e-global-color-text );}.elementor-44 .elementor-element.elementor-element-47c57c07 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:32px;}.elementor-44 .elementor-element.elementor-element-47c57c07 .elementor-icon-box-title{margin-block-end:8px;color:var( --e-global-color-2cd6e2b );}.elementor-44 .elementor-element.elementor-element-47c57c07.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );fill:var( --e-global-color-adc1da5 );color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-47c57c07.elementor-view-framed .elementor-icon, .elementor-44 .elementor-element.elementor-element-47c57c07.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-47c57c07.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-47c57c07 .elementor-icon{font-size:40px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-44 .elementor-element.elementor-element-47c57c07 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-47c57c07 .elementor-icon-box-title a{font-family:var( --e-global-typography-adbdc1e-font-family );font-size:var( --e-global-typography-adbdc1e-font-size );font-weight:var( --e-global-typography-adbdc1e-font-weight );line-height:var( --e-global-typography-adbdc1e-line-height );}.elementor-44 .elementor-element.elementor-element-47c57c07 .elementor-icon-box-description{font-family:var( --e-global-typography-2cadbc4-font-family );font-size:var( --e-global-typography-2cadbc4-font-size );font-weight:var( --e-global-typography-2cadbc4-font-weight );line-height:var( --e-global-typography-2cadbc4-line-height );color:var( --e-global-color-text );}.elementor-44 .elementor-element.elementor-element-4fdd56d4{--display:flex;--min-height:494px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:16px 16px 16px 16px;box-shadow:0px 4px 24px 0px rgba(0, 0, 0, 0.1607843137254902);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-4fdd56d4:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-4fdd56d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gestionglobalogistica.com/wp-content/uploads/2026/01/his-deliveries-always-arrive-on-time-2024-12-13-18-32-10-utc.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-44 .elementor-element.elementor-element-4db54fc0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:95px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-4db54fc0:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-4db54fc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cd14446 );}.elementor-44 .elementor-element.elementor-element-47502aaf{--display:flex;--min-height:442px;--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:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-47502aaf:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-47502aaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-29d1241a{--display:flex;--min-height:442px;--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:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-1f0e5a9a{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;bottom:0px;z-index:30;}body:not(.rtl) .elementor-44 .elementor-element.elementor-element-1f0e5a9a{left:0px;}body.rtl .elementor-44 .elementor-element.elementor-element-1f0e5a9a{right:0px;}.elementor-44 .elementor-element.elementor-element-1f0e5a9a img{width:100%;height:100%;object-fit:contain;object-position:center center;}.elementor-44 .elementor-element.elementor-element-c7e4050{--display:flex;--min-height:442px;--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:center;--align-items:flex-start;--gap:120px 120px;--row-gap:120px;--column-gap:120px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:20;}.elementor-44 .elementor-element.elementor-element-30ae34d9{--display:flex;--min-height:442px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-17c93a{--spacer-size:406px;background-color:var( --e-global-color-accent );margin:-76px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-17c93a:not( .elementor-widget-image ), .elementor-44 .elementor-element.elementor-element-17c93a.elementor-widget-image img{-webkit-mask-image:url( https://gestionglobalogistica.com/wp-content/plugins/elementor/assets/mask-shapes/circle.svg );-webkit-mask-size:contain;-webkit-mask-position:center right;-webkit-mask-repeat:no-repeat;}.elementor-44 .elementor-element.elementor-element-4e5327f3{--display:flex;--min-height:442px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-73870097{text-align:start;}.elementor-44 .elementor-element.elementor-element-73870097 .elementor-heading-title{font-family:var( --e-global-typography-de97614-font-family );font-size:var( --e-global-typography-de97614-font-size );font-weight:var( --e-global-typography-de97614-font-weight );line-height:var( --e-global-typography-de97614-line-height );color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-10814116{margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:var( --e-global-typography-2cadbc4-font-family );font-size:var( --e-global-typography-2cadbc4-font-size );font-weight:var( --e-global-typography-2cadbc4-font-weight );line-height:var( --e-global-typography-2cadbc4-line-height );color:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-3d55c9f .elementor-button{background-color:var( --e-global-color-adc1da5 );font-family:var( --e-global-typography-7a431dd-font-family );font-size:var( --e-global-typography-7a431dd-font-size );font-weight:var( --e-global-typography-7a431dd-font-weight );line-height:var( --e-global-typography-7a431dd-line-height );fill:var( --e-global-color-primary );color:var( --e-global-color-primary );box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.23921568627450981);border-radius:8px 8px 8px 8px;padding:16px 24px 16px 24px;}.elementor-44 .elementor-element.elementor-element-3d55c9f .elementor-button:hover, .elementor-44 .elementor-element.elementor-element-3d55c9f .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-adc1da5 );box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.23921568627450981);}.elementor-44 .elementor-element.elementor-element-3d55c9f{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-3d55c9f .elementor-button:hover svg, .elementor-44 .elementor-element.elementor-element-3d55c9f .elementor-button:focus svg{fill:var( --e-global-color-adc1da5 );}.elementor-44 .elementor-element.elementor-element-512486d5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-40287504{padding:0px 0px 0px 8px;border-style:solid;border-width:0px 0px 0px 4px;border-color:var( --e-global-color-accent );text-align:start;font-family:var( --e-global-typography-764ca87-font-family );font-size:var( --e-global-typography-764ca87-font-size );font-weight:var( --e-global-typography-764ca87-font-weight );line-height:var( --e-global-typography-764ca87-line-height );color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-39a2a50b{margin:0% 20% calc(var(--kit-widget-spacing, 0px) + 0%) 20%;text-align:center;}.elementor-44 .elementor-element.elementor-element-39a2a50b .elementor-heading-title{font-family:var( --e-global-typography-de97614-font-family );font-size:var( --e-global-typography-de97614-font-size );font-weight:var( --e-global-typography-de97614-font-weight );line-height:var( --e-global-typography-de97614-line-height );color:var( --e-global-color-accent );}.elementor-44 .elementor-element.elementor-element-2c7a1656{width:var( --container-widget-width, 39% );max-width:39%;margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:39%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-2cadbc4-font-family );font-size:var( --e-global-typography-2cadbc4-font-size );font-weight:var( --e-global-typography-2cadbc4-font-weight );line-height:var( --e-global-typography-2cadbc4-line-height );color:var( --e-global-color-text );}.elementor-44 .elementor-element.elementor-element-bfa9f6a{--display:flex;--overflow:auto;--padding-top:32px;--padding-bottom:32px;--padding-left:12px;--padding-right:12px;}.elementor-44 .elementor-element.elementor-element-a8ce968{background-color:#FFFFFF;padding:48px 16px 48px 16px;border-radius:16px 16px 16px 16px;box-shadow:0px 5px 16px 0px rgba(0,0,0,0.5);}.elementor-44 .elementor-element.elementor-element-a8ce968.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-44 .elementor-element.elementor-element-a8ce968.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-44 .elementor-element.elementor-element-a8ce968.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-title{margin-bottom:0px;font-family:"Titillium Web";font-size:30px;font-weight:700;line-height:1.1em;}.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-44 .elementor-element.elementor-element-3d07a71{--display:flex;--overflow:auto;--padding-top:32px;--padding-bottom:32px;--padding-left:12px;--padding-right:12px;}.elementor-44 .elementor-element.elementor-element-74826d8{background-color:#FFFFFF;padding:48px 16px 48px 16px;border-radius:16px 16px 16px 16px;box-shadow:0px 5px 16px 0px rgba(0,0,0,0.5);}.elementor-44 .elementor-element.elementor-element-74826d8.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-44 .elementor-element.elementor-element-74826d8.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-44 .elementor-element.elementor-element-74826d8.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-title{margin-bottom:0px;font-family:"Titillium Web";font-size:30px;font-weight:700;line-height:1.1em;}.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-44 .elementor-element.elementor-element-912105b{--display:flex;--overflow:auto;--padding-top:32px;--padding-bottom:32px;--padding-left:12px;--padding-right:12px;}.elementor-44 .elementor-element.elementor-element-b185a3e{background-color:#FFFFFF;padding:48px 16px 48px 16px;border-radius:16px 16px 16px 16px;box-shadow:0px 5px 16px 0px rgba(0,0,0,0.5);}.elementor-44 .elementor-element.elementor-element-b185a3e.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-44 .elementor-element.elementor-element-b185a3e.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-44 .elementor-element.elementor-element-b185a3e.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-title{margin-bottom:0px;font-family:"Titillium Web";font-size:30px;font-weight:700;line-height:1.1em;}.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-44 .elementor-element.elementor-element-a6c18b9{--display:flex;--overflow:auto;--padding-top:32px;--padding-bottom:32px;--padding-left:12px;--padding-right:12px;}.elementor-44 .elementor-element.elementor-element-e71936f{background-color:#FFFFFF;padding:48px 16px 48px 16px;border-radius:16px 16px 16px 16px;box-shadow:0px 5px 16px 0px rgba(0,0,0,0.5);}.elementor-44 .elementor-element.elementor-element-e71936f.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-44 .elementor-element.elementor-element-e71936f.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-44 .elementor-element.elementor-element-e71936f.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-title{margin-bottom:0px;font-family:"Titillium Web";font-size:30px;font-weight:700;line-height:1.1em;}.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-44 .elementor-element.elementor-element-67b2914{--display:flex;--overflow:auto;--padding-top:32px;--padding-bottom:32px;--padding-left:12px;--padding-right:12px;}.elementor-44 .elementor-element.elementor-element-45e6905{background-color:#FFFFFF;padding:48px 16px 48px 16px;border-radius:16px 16px 16px 16px;box-shadow:0px 5px 16px 0px rgba(0,0,0,0.5);}.elementor-44 .elementor-element.elementor-element-45e6905.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-44 .elementor-element.elementor-element-45e6905.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-44 .elementor-element.elementor-element-45e6905.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-title{margin-bottom:0px;font-family:"Titillium Web";font-size:30px;font-weight:700;line-height:1.1em;}.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-44 .elementor-element.elementor-element-04cab94{--display:flex;--overflow:auto;--padding-top:32px;--padding-bottom:32px;--padding-left:12px;--padding-right:12px;}.elementor-44 .elementor-element.elementor-element-807fc3a{background-color:#FFFFFF;padding:48px 16px 48px 16px;border-radius:16px 16px 16px 16px;box-shadow:0px 5px 16px 0px rgba(0,0,0,0.5);}.elementor-44 .elementor-element.elementor-element-807fc3a.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-44 .elementor-element.elementor-element-807fc3a.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-44 .elementor-element.elementor-element-807fc3a.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-title{margin-bottom:0px;font-family:"Titillium Web";font-size:30px;font-weight:700;line-height:1.1em;}.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-44 .elementor-element.elementor-element-9493285{--display:flex;--overflow:auto;--padding-top:32px;--padding-bottom:32px;--padding-left:12px;--padding-right:12px;}.elementor-44 .elementor-element.elementor-element-2e11595{background-color:#FFFFFF;padding:48px 16px 48px 16px;border-radius:16px 16px 16px 16px;box-shadow:0px 5px 16px 0px rgba(0,0,0,0.5);}.elementor-44 .elementor-element.elementor-element-2e11595.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-44 .elementor-element.elementor-element-2e11595.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-44 .elementor-element.elementor-element-2e11595.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-title{margin-bottom:0px;font-family:"Titillium Web";font-size:30px;font-weight:700;line-height:1.1em;}.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-44 .elementor-element.elementor-element-5b85f80{--display:flex;--overflow:auto;--padding-top:32px;--padding-bottom:32px;--padding-left:12px;--padding-right:12px;}.elementor-44 .elementor-element.elementor-element-c21f884{background-color:#FFFFFF;padding:48px 16px 48px 16px;border-radius:16px 16px 16px 16px;box-shadow:0px 5px 16px 0px rgba(0,0,0,0.5);}.elementor-44 .elementor-element.elementor-element-c21f884.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-44 .elementor-element.elementor-element-c21f884.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-44 .elementor-element.elementor-element-c21f884.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-title{margin-bottom:0px;font-family:"Titillium Web";font-size:30px;font-weight:700;line-height:1.1em;}.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-44 .elementor-element.elementor-element-f74edc4{--display:flex;--overflow:auto;--padding-top:32px;--padding-bottom:32px;--padding-left:12px;--padding-right:12px;}.elementor-44 .elementor-element.elementor-element-f702aa0{background-color:#FFFFFF;padding:48px 16px 48px 16px;border-radius:16px 16px 16px 16px;box-shadow:0px 5px 16px 0px rgba(0,0,0,0.5);}.elementor-44 .elementor-element.elementor-element-f702aa0.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-44 .elementor-element.elementor-element-f702aa0.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-44 .elementor-element.elementor-element-f702aa0.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-title{margin-bottom:0px;font-family:"Titillium Web";font-size:30px;font-weight:700;line-height:1.1em;}.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-44 .elementor-element.elementor-element-e0d8562{--display:flex;--overflow:auto;--padding-top:32px;--padding-bottom:32px;--padding-left:12px;--padding-right:12px;}.elementor-44 .elementor-element.elementor-element-d6fa82e{background-color:#FFFFFF;padding:48px 16px 48px 16px;border-radius:16px 16px 16px 16px;box-shadow:0px 5px 16px 0px rgba(0,0,0,0.5);}.elementor-44 .elementor-element.elementor-element-d6fa82e.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-44 .elementor-element.elementor-element-d6fa82e.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-44 .elementor-element.elementor-element-d6fa82e.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-title{margin-bottom:0px;font-family:"Titillium Web";font-size:30px;font-weight:700;line-height:1.1em;}.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-wrapper .elementor-image-box-img{width:25%;}.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-img img{border-radius:0px;transition-duration:0.3s;}.elementor-44 .elementor-element.elementor-element-8650559{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:16px;padding:48px 16px 48px 16px;border-style:none;border-radius:16px 16px 16px 16px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:20px;}:where( .elementor-44 .elementor-element.elementor-element-8650559 .swiper-slide ) > .e-con{border-style:none;--padding-top:0px;--padding-right:32px;--padding-bottom:0px;--padding-left:32px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:32px;--padding-block-end:0px;--padding-inline-start:32px;}.elementor-44 .elementor-element.elementor-element-8650559 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:4px;--swiper-pagination-bullet-vertical-gap:4px;}.elementor-44 .elementor-element.elementor-element-6d04893e{--display:flex;--margin-top:110px;--margin-bottom:110px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:110px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-6d04893e:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-6d04893e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b9894bb );}.elementor-44 .elementor-element.elementor-element-510072{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-15dc9574{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-2a667484{padding:0px 0px 0px 8px;border-style:solid;border-width:0px 0px 0px 4px;border-color:var( --e-global-color-accent );text-align:start;font-family:var( --e-global-typography-764ca87-font-family );font-size:var( --e-global-typography-764ca87-font-size );font-weight:var( --e-global-typography-764ca87-font-weight );line-height:var( --e-global-typography-764ca87-line-height );color:var( --e-global-color-primary );}.elementor-44 .elementor-element.elementor-element-625d39f0{margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-44 .elementor-element.elementor-element-625d39f0 .elementor-heading-title{font-family:var( --e-global-typography-de97614-font-family );font-size:var( --e-global-typography-de97614-font-size );font-weight:var( --e-global-typography-de97614-font-weight );line-height:var( --e-global-typography-de97614-line-height );color:var( --e-global-color-accent );}.elementor-44 .elementor-element.elementor-element-6724aecb .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-7a431dd-font-family );font-size:var( --e-global-typography-7a431dd-font-size );font-weight:var( --e-global-typography-7a431dd-font-weight );line-height:var( --e-global-typography-7a431dd-line-height );fill:var( --e-global-color-adc1da5 );color:var( --e-global-color-adc1da5 );border-radius:8px 8px 8px 8px;padding:16px 24px 16px 24px;}.elementor-44 .elementor-element.elementor-element-6724aecb .elementor-button:hover, .elementor-44 .elementor-element.elementor-element-6724aecb .elementor-button:focus{background-color:var( --e-global-color-accent );}@media(min-width:768px){.elementor-44 .elementor-element.elementor-element-54e6f13b{--width:100%;}.elementor-44 .elementor-element.elementor-element-24f911d5{--width:90%;}.elementor-44 .elementor-element.elementor-element-6981151{--width:383px;}.elementor-44 .elementor-element.elementor-element-41a48752{--content-width:800px;}.elementor-44 .elementor-element.elementor-element-9ed736e{--content-width:1200px;}.elementor-44 .elementor-element.elementor-element-28cb6e03{--content-width:1200px;}.elementor-44 .elementor-element.elementor-element-63a93cd{--width:499px;}.elementor-44 .elementor-element.elementor-element-3ea1b978{--width:399px;}.elementor-44 .elementor-element.elementor-element-792f532d{--width:65%;}.elementor-44 .elementor-element.elementor-element-6f94beec{--width:100%;}.elementor-44 .elementor-element.elementor-element-33749a1{--width:100%;}.elementor-44 .elementor-element.elementor-element-0ebb333{--width:100%;}.elementor-44 .elementor-element.elementor-element-7024bf97{--width:677px;}.elementor-44 .elementor-element.elementor-element-4fdd56d4{--width:424px;}.elementor-44 .elementor-element.elementor-element-30ae34d9{--width:610px;}.elementor-44 .elementor-element.elementor-element-4e5327f3{--width:475px;}.elementor-44 .elementor-element.elementor-element-15dc9574{--width:350px;}}@media(max-width:1024px) and (min-width:768px){.elementor-44 .elementor-element.elementor-element-24f911d5{--width:76%;}.elementor-44 .elementor-element.elementor-element-6981151{--width:100%;}.elementor-44 .elementor-element.elementor-element-41a48752{--content-width:400px;}.elementor-44 .elementor-element.elementor-element-3ea1b978{--width:350px;}.elementor-44 .elementor-element.elementor-element-4e5327f3{--width:640px;}}@media(min-width:1025px){.elementor-44 .elementor-element.elementor-element-f548f25:not(.elementor-motion-effects-element-type-background), .elementor-44 .elementor-element.elementor-element-f548f25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-44 .elementor-element.elementor-element-65520d57{--padding-top:100px;--padding-bottom:218px;--padding-left:16px;--padding-right:16px;}.elementor-44 .elementor-element.elementor-element-4d7e6f1e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-7b9009cc{font-size:var( --e-global-typography-764ca87-font-size );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-37cb0558 .elementor-button{font-size:var( --e-global-typography-7a431dd-font-size );line-height:var( --e-global-typography-7a431dd-line-height );}.elementor-44 .elementor-element.elementor-element-6981151{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-44 .elementor-element.elementor-element-6495d8d{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-41a48752{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--margin-top:-190px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-44 .elementor-element.elementor-element-7c0ee0ae{width:var( --container-widget-width, 87% );max-width:87%;--container-widget-width:87%;--container-widget-flex-grow:0;text-align:start;}.elementor-44 .elementor-element.elementor-element-7c0ee0ae.elementor-element{--align-self:flex-end;}.elementor-44 .elementor-element.elementor-element-7c0ee0ae img{width:100%;}.elementor-44 .elementor-element.elementor-element-9ed736e{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-44 .elementor-element.elementor-element-28cb6e03{--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:center;--align-items:center;}.elementor-44 .elementor-element.elementor-element-6e8308c5{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:56px 56px;--row-gap:56px;--column-gap:56px;}.elementor-44 .elementor-element.elementor-element-63a93cd{--justify-content:flex-start;}.elementor-44 .elementor-element.elementor-element-2447f803 .elementor-counter-number-wrapper{font-size:var( --e-global-typography-c757331-font-size );line-height:var( --e-global-typography-c757331-line-height );}.elementor-44 .elementor-element.elementor-element-2447f803 .elementor-counter-title{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-628869ca{font-size:var( --e-global-typography-3326619-font-size );line-height:var( --e-global-typography-3326619-line-height );}.elementor-44 .elementor-element.elementor-element-bd90aea{font-size:var( --e-global-typography-764ca87-font-size );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-41e17a6a .elementor-heading-title{font-size:var( --e-global-typography-de97614-font-size );line-height:var( --e-global-typography-de97614-line-height );}.elementor-44 .elementor-element.elementor-element-b0e6e26{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-6f94beec{--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-764ca87-font-size );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-item > a{font-size:var( --e-global-typography-764ca87-font-size );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-3e63439 .elementor-button{font-size:var( --e-global-typography-7a431dd-font-size );line-height:var( --e-global-typography-7a431dd-line-height );}body:not(.rtl) .elementor-44 .elementor-element.elementor-element-575ec7b3{right:-185px;}body.rtl .elementor-44 .elementor-element.elementor-element-575ec7b3{left:-185px;}.elementor-44 .elementor-element.elementor-element-f548f25{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-44 .elementor-element.elementor-element-33749a1{--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:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-44 .elementor-element.elementor-element-9e14b73 .elementor-image-box-description{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-0ebb333{--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:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-44 .elementor-element.elementor-element-18080ea .elementor-image-box-description{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-702f80bd{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-44 .elementor-element.elementor-element-5fe5dbe5{font-size:var( --e-global-typography-764ca87-font-size );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-73e34e82 .elementor-heading-title{font-size:var( --e-global-typography-de97614-font-size );line-height:var( --e-global-typography-de97614-line-height );}.elementor-44 .elementor-element.elementor-element-6ff9dc7{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-47a9be0{--grid-auto-flow:row;}.elementor-44 .elementor-element.elementor-element-33894341 .elementor-icon-box-wrapper{gap:16px;}.elementor-44 .elementor-element.elementor-element-33894341 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-33894341 .elementor-icon-box-title a{font-size:var( --e-global-typography-adbdc1e-font-size );line-height:var( --e-global-typography-adbdc1e-line-height );}.elementor-44 .elementor-element.elementor-element-33894341 .elementor-icon-box-description{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-7e4f6145 .elementor-icon-box-wrapper{gap:16px;}.elementor-44 .elementor-element.elementor-element-7e4f6145 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-7e4f6145 .elementor-icon-box-title a{font-size:var( --e-global-typography-adbdc1e-font-size );line-height:var( --e-global-typography-adbdc1e-line-height );}.elementor-44 .elementor-element.elementor-element-7e4f6145 .elementor-icon-box-description{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-27455c27 .elementor-icon-box-wrapper{gap:16px;}.elementor-44 .elementor-element.elementor-element-27455c27 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-27455c27 .elementor-icon-box-title a{font-size:var( --e-global-typography-adbdc1e-font-size );line-height:var( --e-global-typography-adbdc1e-line-height );}.elementor-44 .elementor-element.elementor-element-27455c27 .elementor-icon-box-description{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-47c57c07 .elementor-icon-box-wrapper{gap:16px;}.elementor-44 .elementor-element.elementor-element-47c57c07 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-47c57c07 .elementor-icon-box-title a{font-size:var( --e-global-typography-adbdc1e-font-size );line-height:var( --e-global-typography-adbdc1e-line-height );}.elementor-44 .elementor-element.elementor-element-47c57c07 .elementor-icon-box-description{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-4db54fc0{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-47502aaf{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-44 .elementor-element.elementor-element-1f0e5a9a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}body:not(.rtl) .elementor-44 .elementor-element.elementor-element-1f0e5a9a{left:-190px;}body.rtl .elementor-44 .elementor-element.elementor-element-1f0e5a9a{right:-190px;}.elementor-44 .elementor-element.elementor-element-1f0e5a9a img{object-position:center right;}.elementor-44 .elementor-element.elementor-element-c7e4050{--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-44 .elementor-element.elementor-element-73870097 .elementor-heading-title{font-size:var( --e-global-typography-de97614-font-size );line-height:var( --e-global-typography-de97614-line-height );}.elementor-44 .elementor-element.elementor-element-10814116{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-3d55c9f .elementor-button{font-size:var( --e-global-typography-7a431dd-font-size );line-height:var( --e-global-typography-7a431dd-line-height );}.elementor-44 .elementor-element.elementor-element-512486d5{--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-44 .elementor-element.elementor-element-40287504{font-size:var( --e-global-typography-764ca87-font-size );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-39a2a50b .elementor-heading-title{font-size:var( --e-global-typography-de97614-font-size );line-height:var( --e-global-typography-de97614-line-height );}.elementor-44 .elementor-element.elementor-element-2c7a1656{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-8650559{--e-n-carousel-swiper-slides-to-display:2;}.elementor-44 .elementor-element.elementor-element-6d04893e{--padding-top:110px;--padding-bottom:110px;--padding-left:16px;--padding-right:16px;}.elementor-44 .elementor-element.elementor-element-2a667484{font-size:var( --e-global-typography-764ca87-font-size );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-625d39f0 .elementor-heading-title{font-size:var( --e-global-typography-de97614-font-size );line-height:var( --e-global-typography-de97614-line-height );}.elementor-44 .elementor-element.elementor-element-6724aecb .elementor-button{font-size:var( --e-global-typography-7a431dd-font-size );line-height:var( --e-global-typography-7a431dd-line-height );}}@media(max-width:767px){.elementor-44 .elementor-element.elementor-element-65520d57{--min-height:0px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:64px;--padding-bottom:160px;--padding-left:16px;--padding-right:16px;}.elementor-44 .elementor-element.elementor-element-4d7e6f1e{--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;--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-44 .elementor-element.elementor-element-7b9009cc{font-size:var( --e-global-typography-764ca87-font-size );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-37c5f342{width:100%;max-width:100%;}.elementor-44 .elementor-element.elementor-element-37c5f342 .elementor-heading-title{font-size:45px;line-height:64px;}.elementor-44 .elementor-element.elementor-element-37cb0558{width:100%;max-width:100%;}.elementor-44 .elementor-element.elementor-element-37cb0558 .elementor-button{font-size:var( --e-global-typography-7a431dd-font-size );line-height:var( --e-global-typography-7a431dd-line-height );}.elementor-44 .elementor-element.elementor-element-24f911d5{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;}.elementor-44 .elementor-element.elementor-element-6981151{--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;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-44 .elementor-element.elementor-element-6495d8d{width:100%;max-width:100%;font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-41a48752{--min-height:0vh;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-44 .elementor-element.elementor-element-7c0ee0ae{width:100%;max-width:100%;text-align:center;}.elementor-44 .elementor-element.elementor-element-7c0ee0ae img{width:100%;height:202px;object-fit:contain;object-position:center center;}.elementor-44 .elementor-element.elementor-element-9ed736e{--margin-top:64px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-44 .elementor-element.elementor-element-28cb6e03{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-6e8308c5{--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-44 .elementor-element.elementor-element-63a93cd{--padding-top:32px;--padding-bottom:0px;--padding-left:0px;--padding-right:32px;}.elementor-44 .elementor-element.elementor-element-2447f803 .elementor-counter-number-wrapper{font-size:var( --e-global-typography-c757331-font-size );line-height:var( --e-global-typography-c757331-line-height );}.elementor-44 .elementor-element.elementor-element-2447f803 .elementor-counter-title{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-3ea1b978{--width:90%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:nowrap;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-44 .elementor-element.elementor-element-55629e94 .elementor-icon{font-size:32px;}.elementor-44 .elementor-element.elementor-element-55629e94 .elementor-icon svg{height:32px;}.elementor-44 .elementor-element.elementor-element-628869ca{--container-widget-width:84%;--container-widget-flex-grow:0;width:var( --container-widget-width, 84% );max-width:84%;font-size:var( --e-global-typography-3326619-font-size );line-height:var( --e-global-typography-3326619-line-height );}.elementor-44 .elementor-element.elementor-element-792f532d{--width:100%;}.elementor-44 .elementor-element.elementor-element-bd90aea{width:100%;max-width:100%;font-size:var( --e-global-typography-764ca87-font-size );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-41e17a6a{width:100%;max-width:100%;}.elementor-44 .elementor-element.elementor-element-41e17a6a .elementor-heading-title{font-size:var( --e-global-typography-de97614-font-size );line-height:var( --e-global-typography-de97614-line-height );}.elementor-44 .elementor-element.elementor-element-b0e6e26{width:100%;max-width:100%;font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-6f94beec{--e-con-grid-template-columns:repeat(1, 1fr);--gap:16px 16px;--row-gap:16px;--column-gap:16px;--grid-auto-flow:row;--margin-top:24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-44 .elementor-element.elementor-element-6c38eda2 .elementor-icon-list-item > a{font-size:var( --e-global-typography-764ca87-font-size );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-44 .elementor-element.elementor-element-66144a17 .elementor-icon-list-item > a{font-size:var( --e-global-typography-764ca87-font-size );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-3e63439{width:100%;max-width:100%;margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-3e63439 .elementor-button{font-size:var( --e-global-typography-7a431dd-font-size );line-height:var( --e-global-typography-7a431dd-line-height );}body:not(.rtl) .elementor-44 .elementor-element.elementor-element-575ec7b3{right:0px;}body.rtl .elementor-44 .elementor-element.elementor-element-575ec7b3{left:0px;}.elementor-44 .elementor-element.elementor-element-575ec7b3 img{height:100%;}.elementor-44 .elementor-element.elementor-element-f548f25{--margin-top:64px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-44 .elementor-element.elementor-element-33749a1{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:64px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-9e14b73 .elementor-image-box-img{margin-bottom:24px;}.elementor-44 .elementor-element.elementor-element-9e14b73 .elementor-image-box-description{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-0ebb333{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:64px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-18080ea .elementor-image-box-img{margin-bottom:24px;}.elementor-44 .elementor-element.elementor-element-18080ea .elementor-image-box-description{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-702f80bd{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--margin-top:64px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-44 .elementor-element.elementor-element-5fe5dbe5{width:100%;max-width:100%;font-size:var( --e-global-typography-764ca87-font-size );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-73e34e82{width:100%;max-width:100%;}.elementor-44 .elementor-element.elementor-element-73e34e82 .elementor-heading-title{font-size:var( --e-global-typography-de97614-font-size );line-height:var( --e-global-typography-de97614-line-height );}.elementor-44 .elementor-element.elementor-element-6ff9dc7{width:100%;max-width:100%;font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-47a9be0{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:48px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-44 .elementor-element.elementor-element-33894341 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-33894341 .elementor-icon-box-title a{font-size:var( --e-global-typography-adbdc1e-font-size );line-height:var( --e-global-typography-adbdc1e-line-height );}.elementor-44 .elementor-element.elementor-element-33894341 .elementor-icon-box-description{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-7e4f6145 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-7e4f6145 .elementor-icon-box-title a{font-size:var( --e-global-typography-adbdc1e-font-size );line-height:var( --e-global-typography-adbdc1e-line-height );}.elementor-44 .elementor-element.elementor-element-7e4f6145 .elementor-icon-box-description{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-27455c27 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-27455c27 .elementor-icon-box-title a{font-size:var( --e-global-typography-adbdc1e-font-size );line-height:var( --e-global-typography-adbdc1e-line-height );}.elementor-44 .elementor-element.elementor-element-27455c27 .elementor-icon-box-description{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-47c57c07 .elementor-icon-box-title, .elementor-44 .elementor-element.elementor-element-47c57c07 .elementor-icon-box-title a{font-size:var( --e-global-typography-adbdc1e-font-size );line-height:var( --e-global-typography-adbdc1e-line-height );}.elementor-44 .elementor-element.elementor-element-47c57c07 .elementor-icon-box-description{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-4db54fc0{--min-height:0px;--margin-top:64px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-44 .elementor-element.elementor-element-47502aaf{--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-44 .elementor-element.elementor-element-29d1241a{--min-height:0px;--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;--margin-top:0px;--margin-bottom:64px;--margin-left:0px;--margin-right:0px;}body:not(.rtl) .elementor-44 .elementor-element.elementor-element-1f0e5a9a{left:0px;}body.rtl .elementor-44 .elementor-element.elementor-element-1f0e5a9a{right:0px;}.elementor-44 .elementor-element.elementor-element-1f0e5a9a img{height:100%;}.elementor-44 .elementor-element.elementor-element-c7e4050{--min-height:0px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-30ae34d9{--min-height:0px;}.elementor-44 .elementor-element.elementor-element-17c93a{--spacer-size:20em;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-17c93a:not( .elementor-widget-image ), .elementor-44 .elementor-element.elementor-element-17c93a.elementor-widget-image img{-webkit-mask-position:top center;}.elementor-44 .elementor-element.elementor-element-4e5327f3{--min-height:0px;--padding-top:64px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-44 .elementor-element.elementor-element-73870097 .elementor-heading-title{font-size:var( --e-global-typography-de97614-font-size );line-height:var( --e-global-typography-de97614-line-height );}.elementor-44 .elementor-element.elementor-element-10814116{font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-3d55c9f{width:100%;max-width:100%;}.elementor-44 .elementor-element.elementor-element-3d55c9f .elementor-button{font-size:var( --e-global-typography-7a431dd-font-size );line-height:var( --e-global-typography-7a431dd-line-height );}.elementor-44 .elementor-element.elementor-element-512486d5{--margin-top:64px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-44 .elementor-element.elementor-element-40287504{width:100%;max-width:100%;font-size:var( --e-global-typography-764ca87-font-size );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-39a2a50b{width:100%;max-width:100%;}.elementor-44 .elementor-element.elementor-element-39a2a50b .elementor-heading-title{font-size:var( --e-global-typography-de97614-font-size );line-height:var( --e-global-typography-de97614-line-height );}.elementor-44 .elementor-element.elementor-element-2c7a1656{width:100%;max-width:100%;text-align:start;font-size:var( --e-global-typography-2cadbc4-font-size );line-height:var( --e-global-typography-2cadbc4-line-height );}.elementor-44 .elementor-element.elementor-element-bfa9f6a{--padding-top:8px;--padding-bottom:8px;--padding-left:8px;--padding-right:8px;}.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-img{margin-bottom:0px;}.elementor-44 .elementor-element.elementor-element-8650559{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-pagination-size:12px;}.elementor-44 .elementor-element.elementor-element-6d04893e{--margin-top:64px;--margin-bottom:64px;--margin-left:0px;--margin-right:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:16px;--padding-right:16px;}.elementor-44 .elementor-element.elementor-element-2a667484{width:100%;max-width:100%;font-size:var( --e-global-typography-764ca87-font-size );line-height:var( --e-global-typography-764ca87-line-height );}.elementor-44 .elementor-element.elementor-element-625d39f0{width:100%;max-width:100%;}.elementor-44 .elementor-element.elementor-element-625d39f0 .elementor-heading-title{font-size:var( --e-global-typography-de97614-font-size );line-height:var( --e-global-typography-de97614-line-height );}.elementor-44 .elementor-element.elementor-element-6724aecb{width:100%;max-width:100%;margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-44 .elementor-element.elementor-element-6724aecb .elementor-button{font-size:var( --e-global-typography-7a431dd-font-size );line-height:var( --e-global-typography-7a431dd-line-height );}}/* Start custom CSS for form, class: .elementor-element-cdcfd0c *//* //el id, es el id del inpout de Politicas" */
.elementor-44 .elementor-element.elementor-element-cdcfd0c .elementor-field-group:has(#form-field-politicas){
    font-size: 12px;
    order: 9 !important;
}

.elementor-44 .elementor-element.elementor-element-cdcfd0c span:has(#form-field-politicas) label{
    font-size: 12px;
}

.elementor-44 .elementor-element.elementor-element-cdcfd0c input{
    padding: 16px 12px;
}
.elementor-44 .elementor-element.elementor-element-cdcfd0c a {
    color:black;
    text-decoration: underline;
    
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-55629e94 */.elementor-44 .elementor-element.elementor-element-55629e94 svg path
{
    fill:white;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-33894341 */.elementor-44 .elementor-element.elementor-element-33894341 svg path{
    fill:white;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7e4f6145 */.elementor-44 .elementor-element.elementor-element-7e4f6145 svg path{
    fill:white;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-47c57c07 */.elementor-44 .elementor-element.elementor-element-47c57c07 svg path{
    fill:white;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a8ce968 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-a8ce968 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-a8ce968::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-a8ce968:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-74826d8 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-74826d8 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-74826d8::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-74826d8:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b185a3e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-b185a3e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-b185a3e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-b185a3e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e71936f *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-e71936f {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-e71936f::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-e71936f:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-45e6905 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-45e6905 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-45e6905::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-45e6905:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-807fc3a *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-807fc3a {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-807fc3a::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-807fc3a:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2e11595 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-2e11595 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-2e11595::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-2e11595:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c21f884 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-c21f884 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-c21f884::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-c21f884:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-f702aa0 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-f702aa0 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-f702aa0::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-f702aa0:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-d6fa82e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-d6fa82e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-d6fa82e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a8ce968 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-a8ce968 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-a8ce968::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-a8ce968:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-74826d8 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-74826d8 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-74826d8::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-74826d8:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b185a3e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-b185a3e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-b185a3e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-b185a3e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e71936f *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-e71936f {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-e71936f::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-e71936f:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-45e6905 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-45e6905 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-45e6905::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-45e6905:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-807fc3a *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-807fc3a {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-807fc3a::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-807fc3a:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2e11595 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-2e11595 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-2e11595::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-2e11595:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c21f884 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-c21f884 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-c21f884::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-c21f884:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-f702aa0 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-f702aa0 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-f702aa0::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-f702aa0:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-d6fa82e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-d6fa82e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-d6fa82e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a8ce968 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-a8ce968 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-a8ce968::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-a8ce968:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-74826d8 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-74826d8 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-74826d8::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-74826d8:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b185a3e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-b185a3e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-b185a3e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-b185a3e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e71936f *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-e71936f {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-e71936f::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-e71936f:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-45e6905 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-45e6905 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-45e6905::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-45e6905:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-807fc3a *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-807fc3a {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-807fc3a::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-807fc3a:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2e11595 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-2e11595 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-2e11595::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-2e11595:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c21f884 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-c21f884 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-c21f884::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-c21f884:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-f702aa0 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-f702aa0 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-f702aa0::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-f702aa0:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-d6fa82e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-d6fa82e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-d6fa82e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a8ce968 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-a8ce968 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-a8ce968::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-a8ce968:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-74826d8 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-74826d8 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-74826d8::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-74826d8:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b185a3e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-b185a3e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-b185a3e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-b185a3e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e71936f *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-e71936f {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-e71936f::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-e71936f:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-45e6905 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-45e6905 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-45e6905::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-45e6905:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-807fc3a *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-807fc3a {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-807fc3a::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-807fc3a:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2e11595 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-2e11595 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-2e11595::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-2e11595:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c21f884 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-c21f884 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-c21f884::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-c21f884:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-f702aa0 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-f702aa0 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-f702aa0::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-f702aa0:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-d6fa82e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-d6fa82e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-d6fa82e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a8ce968 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-a8ce968 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-a8ce968::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-a8ce968:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-74826d8 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-74826d8 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-74826d8::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-74826d8:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b185a3e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-b185a3e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-b185a3e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-b185a3e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e71936f *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-e71936f {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-e71936f::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-e71936f:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-45e6905 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-45e6905 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-45e6905::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-45e6905:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-807fc3a *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-807fc3a {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-807fc3a::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-807fc3a:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2e11595 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-2e11595 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-2e11595::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-2e11595:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c21f884 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-c21f884 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-c21f884::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-c21f884:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-f702aa0 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-f702aa0 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-f702aa0::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-f702aa0:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-d6fa82e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-d6fa82e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-d6fa82e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a8ce968 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-a8ce968 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-a8ce968::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-a8ce968:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-74826d8 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-74826d8 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-74826d8::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-74826d8:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b185a3e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-b185a3e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-b185a3e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-b185a3e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e71936f *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-e71936f {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-e71936f::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-e71936f:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-45e6905 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-45e6905 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-45e6905::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-45e6905:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-807fc3a *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-807fc3a {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-807fc3a::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-807fc3a:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2e11595 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-2e11595 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-2e11595::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-2e11595:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c21f884 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-c21f884 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-c21f884::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-c21f884:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-f702aa0 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-f702aa0 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-f702aa0::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-f702aa0:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-d6fa82e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-d6fa82e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-d6fa82e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a8ce968 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-a8ce968 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-a8ce968::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-a8ce968:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-74826d8 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-74826d8 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-74826d8::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-74826d8:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b185a3e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-b185a3e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-b185a3e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-b185a3e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e71936f *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-e71936f {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-e71936f::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-e71936f:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-45e6905 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-45e6905 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-45e6905::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-45e6905:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-807fc3a *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-807fc3a {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-807fc3a::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-807fc3a:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2e11595 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-2e11595 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-2e11595::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-2e11595:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c21f884 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-c21f884 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-c21f884::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-c21f884:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-f702aa0 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-f702aa0 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-f702aa0::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-f702aa0:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-d6fa82e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-d6fa82e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-d6fa82e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a8ce968 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-a8ce968 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-a8ce968::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-a8ce968:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-74826d8 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-74826d8 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-74826d8::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-74826d8:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b185a3e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-b185a3e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-b185a3e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-b185a3e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e71936f *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-e71936f {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-e71936f::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-e71936f:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-45e6905 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-45e6905 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-45e6905::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-45e6905:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-807fc3a *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-807fc3a {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-807fc3a::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-807fc3a:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2e11595 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-2e11595 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-2e11595::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-2e11595:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c21f884 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-c21f884 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-c21f884::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-c21f884:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-f702aa0 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-f702aa0 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-f702aa0::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-f702aa0:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-d6fa82e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-d6fa82e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-d6fa82e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a8ce968 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-a8ce968 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-a8ce968::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-a8ce968:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-74826d8 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-74826d8 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-74826d8::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-74826d8:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b185a3e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-b185a3e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-b185a3e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-b185a3e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e71936f *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-e71936f {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-e71936f::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-e71936f:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-45e6905 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-45e6905 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-45e6905::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-45e6905:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-807fc3a *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-807fc3a {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-807fc3a::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-807fc3a:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2e11595 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-2e11595 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-2e11595::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-2e11595:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c21f884 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-c21f884 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-c21f884::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-c21f884:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-f702aa0 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-f702aa0 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-f702aa0::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-f702aa0:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-d6fa82e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-d6fa82e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-d6fa82e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a8ce968 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-a8ce968 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-a8ce968::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-a8ce968:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-74826d8 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-74826d8 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-74826d8::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-74826d8:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b185a3e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-b185a3e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-b185a3e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-b185a3e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e71936f *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-e71936f {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-e71936f::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-e71936f:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-45e6905 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-45e6905 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-45e6905::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-45e6905:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-807fc3a *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-807fc3a {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-807fc3a::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-807fc3a:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2e11595 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-2e11595 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-2e11595::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-2e11595:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c21f884 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-c21f884 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-c21f884::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-c21f884:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-f702aa0 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-f702aa0 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-f702aa0::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-f702aa0:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-d6fa82e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-d6fa82e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-d6fa82e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-a8ce968 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-a8ce968 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-a8ce968::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-a8ce968:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-a8ce968 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-a8ce968:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-74826d8 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-74826d8 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-74826d8::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-74826d8:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-74826d8 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-74826d8:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b185a3e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-b185a3e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-b185a3e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-b185a3e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-b185a3e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-b185a3e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e71936f *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-e71936f {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-e71936f::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-e71936f:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-e71936f .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-e71936f:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-45e6905 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-45e6905 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-45e6905::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-45e6905:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-45e6905 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-45e6905:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-807fc3a *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-807fc3a {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-807fc3a::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-807fc3a:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-807fc3a .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-807fc3a:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-2e11595 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-2e11595 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-2e11595::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-2e11595:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-2e11595 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-2e11595:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c21f884 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-c21f884 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-c21f884::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-c21f884:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-c21f884 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-c21f884:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-f702aa0 *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-f702aa0 {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-f702aa0::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-f702aa0:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-f702aa0 .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-f702aa0:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-d6fa82e *//* 1. Configuración del Contenedor Padre */
.elementor-44 .elementor-element.elementor-element-d6fa82e {
    /* "isolate" crea un contexto de apilamiento nuevo. 
       Esto arregla el lío de z-index sin usar !important agresivos */
    isolation: isolate; 
    position: relative;
    overflow: hidden; 
    border-radius: 10px; /* Opcional: ajusta si tus tarjetas tienen bordes redondos */
}

/* 2. El FONDO (Capa animada) */
.elementor-44 .elementor-element.elementor-element-d6fa82e::before {
    content: "";
    position: absolute;
    
    background-color: var(--e-global-color-primary);
    
    /* Posición y Animación */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%; 
    transition: height 0.4s ease-in-out;
    
    /* Nivel de capa: 
       Ponemos -1 para que se vaya al fondo de ESTE contenedor aislado. */
    z-index: -1; 
    
    /* TRUCO PARA MÓVIL: 
       Esto evita que el fondo rojo "robe" el clic o el toque en tablets */
    pointer-events: none;
}

/* 3. Acción Hover (En tablet funciona al hacer Tap) */
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover::before {
    height: 100%;
}

/* 4. Textos a blanco */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-description {
    transition: color 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-title,
.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-description {
    color: #ffffff !important;
}

/* 5. Imagen Invertida y Brillo */
.elementor-44 .elementor-element.elementor-element-d6fa82e .elementor-image-box-img img {
    transition: filter 0.3s ease-in;
}

.elementor-44 .elementor-element.elementor-element-d6fa82e:hover .elementor-image-box-img img {
    /* Usamos brightness(0) para asegurar que se vuelva blanco puro 
       incluso si la imagen tiene colores */
    filter: brightness(0) invert(1);
}/* End custom CSS */