.elementor-9 .elementor-element.elementor-element-78d046e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--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-9 .elementor-element.elementor-element-78d046e::before, .elementor-9 .elementor-element.elementor-element-78d046e > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-78d046e > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-78d046e > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-78d046e > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-78d046e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-3cbab80{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-2e70f6e .elementor-repeater-item-25f341c .swiper-slide-bg{background-image:url(https://risacobamba.gob.pe/wp-content/uploads/2026/08/ban01.jpg);background-size:cover;}.elementor-9 .elementor-element.elementor-element-2e70f6e .elementor-repeater-item-e6a1bea .swiper-slide-bg{background-image:url(https://risacobamba.gob.pe/wp-content/uploads/2026/08/ban02.jpg);background-size:cover;}.elementor-9 .elementor-element.elementor-element-2e70f6e .elementor-repeater-item-48635ba .swiper-slide-bg{background-image:url(https://risacobamba.gob.pe/wp-content/uploads/2026/08/ban03.jpg);background-size:cover;}.elementor-9 .elementor-element.elementor-element-2e70f6e .elementor-repeater-item-9ad5a43 .swiper-slide-bg{background-image:url(https://risacobamba.gob.pe/wp-content/uploads/2026/08/ban04.jpg);background-size:cover;}.elementor-9 .elementor-element.elementor-element-2e70f6e .elementor-repeater-item-6345f76 .swiper-slide-bg{background-image:url(https://risacobamba.gob.pe/wp-content/uploads/2026/08/ban05.jpg);background-size:cover;}.elementor-9 .elementor-element.elementor-element-2e70f6e .elementor-repeater-item-ee68842 .swiper-slide-bg{background-image:url(https://risacobamba.gob.pe/wp-content/uploads/2026/08/ban06.jpg);background-size:cover;}.elementor-9 .elementor-element.elementor-element-2e70f6e .elementor-repeater-item-d8adc66 .swiper-slide-bg{background-image:url(https://risacobamba.gob.pe/wp-content/uploads/2026/08/ban07.jpg);background-size:cover;}.elementor-9 .elementor-element.elementor-element-2e70f6e .swiper-slide{transition-duration:calc(5000ms*1.2);height:630px;}.elementor-9 .elementor-element.elementor-element-2e70f6e .swiper-slide-contents{max-width:66%;}.elementor-9 .elementor-element.elementor-element-2e70f6e .swiper-slide-inner{text-align:center;}.elementor-9 .elementor-element.elementor-element-5835b21{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-5835b21:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-5835b21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://risacobamba.gob.pe/wp-content/uploads/2026/08/pattern-4.jpg");}.elementor-9 .elementor-element.elementor-element-3460c93{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9 .elementor-element.elementor-element-373ae53{--divider-border-style:solid;--divider-color:#097CBB;--divider-border-width:2px;}.elementor-9 .elementor-element.elementor-element-373ae53 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-9 .elementor-element.elementor-element-373ae53 .elementor-divider-separator{width:51%;margin:0 auto;margin-center:0;}.elementor-9 .elementor-element.elementor-element-373ae53 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-9 .elementor-element.elementor-element-373ae53 .elementor-divider__text{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:27px;font-weight:500;}.elementor-9 .elementor-element.elementor-element-6a8ca23{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-f46943a{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.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-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-9 .elementor-element.elementor-element-de0b44b > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-de0b44b .elementor-icon-box-wrapper{gap:15px;}.elementor-9 .elementor-element.elementor-element-de0b44b.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-de0b44b.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-de0b44b.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-de0b44b .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-de0b44b .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;line-height:25px;}.elementor-9 .elementor-element.elementor-element-de0b44b .elementor-icon-box-title{color:#C03A00;}.elementor-9 .elementor-element.elementor-element-de0b44b:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-de0b44b:has(:focus) .elementor-icon-box-title{color:#C03A00;}.elementor-9 .elementor-element.elementor-element-fd38ce2{--display:flex;}.elementor-9 .elementor-element.elementor-element-0632c9e > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-0632c9e .elementor-icon-box-wrapper{gap:15px;}.elementor-9 .elementor-element.elementor-element-0632c9e.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-0632c9e.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-0632c9e.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-0632c9e .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-0632c9e .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;line-height:25px;}.elementor-9 .elementor-element.elementor-element-0632c9e .elementor-icon-box-title{color:#097CBB;}.elementor-9 .elementor-element.elementor-element-0632c9e:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-0632c9e:has(:focus) .elementor-icon-box-title{color:#097CBB;}.elementor-9 .elementor-element.elementor-element-0632c9e .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-9 .elementor-element.elementor-element-44794d7{--display:flex;}.elementor-9 .elementor-element.elementor-element-adcee60 > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-adcee60 .elementor-icon-box-wrapper{gap:15px;}.elementor-9 .elementor-element.elementor-element-adcee60.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-adcee60.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-adcee60.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-adcee60 .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-adcee60 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;line-height:25px;}.elementor-9 .elementor-element.elementor-element-adcee60 .elementor-icon-box-title{color:#F52C4B;}.elementor-9 .elementor-element.elementor-element-adcee60:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-adcee60:has(:focus) .elementor-icon-box-title{color:#F52C4B;}.elementor-9 .elementor-element.elementor-element-3da1fcb{--display:flex;}.elementor-9 .elementor-element.elementor-element-623c1b2 > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-623c1b2 .elementor-icon-box-wrapper{gap:15px;}.elementor-9 .elementor-element.elementor-element-623c1b2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-623c1b2.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-623c1b2.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-623c1b2 .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-623c1b2 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;line-height:25px;}.elementor-9 .elementor-element.elementor-element-623c1b2 .elementor-icon-box-title{color:#73A831;}.elementor-9 .elementor-element.elementor-element-623c1b2:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-623c1b2:has(:focus) .elementor-icon-box-title{color:#73A831;}.elementor-9 .elementor-element.elementor-element-402e21f{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:1px;}.elementor-9 .elementor-element.elementor-element-402e21f:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-402e21f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://risacobamba.gob.pe/wp-content/uploads/2026/08/pattern-4.jpg");background-repeat:repeat;}.elementor-9 .elementor-element.elementor-element-4d690a0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-9 .elementor-element.elementor-element-9bd7824{--display:flex;border-style:none;--border-style:none;--border-radius:23px 23px 23px 23px;}.elementor-9 .elementor-element.elementor-element-9bd7824.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-9 .elementor-element.elementor-element-48e704d{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-text );}.elementor-9 .elementor-element.elementor-element-48e704d .elementor-headline{text-align:center;font-family:"Poppins", Sans-serif;font-size:29px;font-weight:700;}.elementor-9 .elementor-element.elementor-element-48e704d .elementor-headline-plain-text{color:var( --e-global-color-accent );}.elementor-9 .elementor-element.elementor-element-48e704d .elementor-headline-dynamic-wrapper path{stroke:#FFFFFF00;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-9 .elementor-element.elementor-element-81cdf3e{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-9 .elementor-element.elementor-element-81cdf3e > .elementor-widget-container{padding:10px 10px 10px 10px;}.elementor-9 .elementor-element.elementor-element-81cdf3e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.85 * 100% );}.elementor-9 .elementor-element.elementor-element-81cdf3e:after{content:"0.85";}.elementor-9 .elementor-element.elementor-element-81cdf3e .elementor-post__thumbnail__link{width:100%;}.elementor-9 .elementor-element.elementor-element-81cdf3e .elementor-post__meta-data span + span:before{content:"///";}.elementor-9 .elementor-element.elementor-element-81cdf3e.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-9 .elementor-element.elementor-element-81cdf3e.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-9 .elementor-element.elementor-element-81cdf3e.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-9 .elementor-element.elementor-element-81cdf3e .elementor-post__title, .elementor-9 .elementor-element.elementor-element-81cdf3e .elementor-post__title a{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-9 .elementor-element.elementor-element-81cdf3e .elementor-post__title{margin-bottom:15px;}.elementor-9 .elementor-element.elementor-element-81cdf3e a.elementor-post__read-more{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9 .elementor-element.elementor-element-31e6c16 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-9 .elementor-element.elementor-element-8b8c453{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:25px 25px 25px 25px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-fc2b668{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#FF0000;}.elementor-9 .elementor-element.elementor-element-fc2b668 > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-fc2b668 .elementor-headline{text-align:center;font-family:"Poppins", Sans-serif;font-size:19px;font-weight:600;}.elementor-9 .elementor-element.elementor-element-fc2b668 .elementor-headline-plain-text{color:#5C5C5C;}.elementor-9 .elementor-element.elementor-element-fc2b668 .elementor-headline-dynamic-wrapper path{stroke:#FFFFFF00;}.elementor-9 .elementor-element.elementor-element-abfaf49{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#FF0000;}.elementor-9 .elementor-element.elementor-element-abfaf49 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-abfaf49 .elementor-headline{text-align:center;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:600;}.elementor-9 .elementor-element.elementor-element-abfaf49 .elementor-headline-plain-text{color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-abfaf49 .elementor-headline-dynamic-wrapper path{stroke:#FFFFFF00;}.elementor-9 .elementor-element.elementor-element-07896b8{--divider-border-style:solid;--divider-color:#097CBB;--divider-border-width:2px;}.elementor-9 .elementor-element.elementor-element-07896b8 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-07896b8 .elementor-divider-separator{width:70%;margin:0 auto;margin-center:0;}.elementor-9 .elementor-element.elementor-element-07896b8 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-9 .elementor-element.elementor-element-07896b8 .elementor-divider__text{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:27px;font-weight:700;}.elementor-9 .elementor-element.elementor-element-55ac57c{--display:flex;}.elementor-9 .elementor-element.elementor-element-b4c3692 > .elementor-widget-container{padding:5px 15px 5px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-b4c3692 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-9 .elementor-element.elementor-element-b4c3692.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-b4c3692.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-b4c3692.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-b4c3692 .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-b4c3692 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;line-height:25px;}.elementor-9 .elementor-element.elementor-element-b4c3692 .elementor-icon-box-title{color:#73A831;}.elementor-9 .elementor-element.elementor-element-b4c3692:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-b4c3692:has(:focus) .elementor-icon-box-title{color:#73A831;}.elementor-9 .elementor-element.elementor-element-b4c3692 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-9 .elementor-element.elementor-element-0c7f33c{--display:flex;}.elementor-9 .elementor-element.elementor-element-938e59f > .elementor-widget-container{padding:5px 15px 5px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-938e59f .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-9 .elementor-element.elementor-element-938e59f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-938e59f.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-938e59f.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-938e59f .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-938e59f .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;line-height:25px;}.elementor-9 .elementor-element.elementor-element-938e59f .elementor-icon-box-title{color:#F52C4B;}.elementor-9 .elementor-element.elementor-element-938e59f:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-938e59f:has(:focus) .elementor-icon-box-title{color:#F52C4B;}.elementor-9 .elementor-element.elementor-element-938e59f .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-9 .elementor-element.elementor-element-a96fd27{--display:flex;}.elementor-9 .elementor-element.elementor-element-ccb14fa > .elementor-widget-container{padding:5px 15px 5px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-ccb14fa .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-9 .elementor-element.elementor-element-ccb14fa.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-ccb14fa.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-ccb14fa.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-ccb14fa .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-ccb14fa .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;line-height:25px;}.elementor-9 .elementor-element.elementor-element-ccb14fa .elementor-icon-box-title{color:#097CBB;}.elementor-9 .elementor-element.elementor-element-ccb14fa:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-ccb14fa:has(:focus) .elementor-icon-box-title{color:#097CBB;}.elementor-9 .elementor-element.elementor-element-ccb14fa .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-9 .elementor-element.elementor-element-e935a5d{--display:flex;}.elementor-9 .elementor-element.elementor-element-b005210 > .elementor-widget-container{padding:5px 15px 5px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-b005210 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-9 .elementor-element.elementor-element-b005210.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-b005210.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-b005210.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-b005210 .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-b005210 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;text-transform:uppercase;line-height:25px;}.elementor-9 .elementor-element.elementor-element-b005210 .elementor-icon-box-title{color:#C03A00;}.elementor-9 .elementor-element.elementor-element-b005210:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-b005210:has(:focus) .elementor-icon-box-title{color:#C03A00;}.elementor-9 .elementor-element.elementor-element-b005210 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;}.elementor-9 .elementor-element.elementor-element-1cb57ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-1cb57ea:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-1cb57ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://risacobamba.gob.pe/wp-content/uploads/2026/08/pattern-4.jpg");}.elementor-9 .elementor-element.elementor-element-5880e29{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-d2d48f9{--divider-border-style:solid;--divider-color:#097CBB;--divider-border-width:2px;}.elementor-9 .elementor-element.elementor-element-d2d48f9 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-9 .elementor-element.elementor-element-d2d48f9 .elementor-divider-separator{width:51%;margin:0 auto;margin-center:0;}.elementor-9 .elementor-element.elementor-element-d2d48f9 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-9 .elementor-element.elementor-element-d2d48f9 .elementor-divider__text{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:27px;font-weight:500;}.elementor-9 .elementor-element.elementor-element-c8439f3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-c39203f{--display:flex;}.elementor-9 .elementor-element.elementor-element-d81a8c4 > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-d81a8c4 .elementor-icon-box-wrapper{gap:15px;}.elementor-9 .elementor-element.elementor-element-d81a8c4.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-d81a8c4.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-d81a8c4.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-d81a8c4 .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-d81a8c4 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;line-height:25px;}.elementor-9 .elementor-element.elementor-element-d81a8c4 .elementor-icon-box-title{color:#F36C00;}.elementor-9 .elementor-element.elementor-element-d81a8c4:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-d81a8c4:has(:focus) .elementor-icon-box-title{color:#F36C00;}.elementor-9 .elementor-element.elementor-element-0a2f578{--display:flex;}.elementor-9 .elementor-element.elementor-element-4e4b5bc > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-4e4b5bc .elementor-icon-box-wrapper{gap:15px;}.elementor-9 .elementor-element.elementor-element-4e4b5bc.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-4e4b5bc.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-4e4b5bc.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-4e4b5bc .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-4e4b5bc .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;line-height:25px;}.elementor-9 .elementor-element.elementor-element-4e4b5bc .elementor-icon-box-title{color:#73A831;}.elementor-9 .elementor-element.elementor-element-4e4b5bc:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-4e4b5bc:has(:focus) .elementor-icon-box-title{color:#73A831;}.elementor-9 .elementor-element.elementor-element-04b10a3{--display:flex;}.elementor-9 .elementor-element.elementor-element-d46e9e2 > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-d46e9e2 .elementor-icon-box-wrapper{gap:15px;}.elementor-9 .elementor-element.elementor-element-d46e9e2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-d46e9e2.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-d46e9e2.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-d46e9e2 .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-d46e9e2 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;line-height:25px;}.elementor-9 .elementor-element.elementor-element-d46e9e2 .elementor-icon-box-title{color:#097CBB;}.elementor-9 .elementor-element.elementor-element-d46e9e2:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-d46e9e2:has(:focus) .elementor-icon-box-title{color:#097CBB;}.elementor-9 .elementor-element.elementor-element-d46e9e2 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-9 .elementor-element.elementor-element-2d4dd03{--display:flex;}.elementor-9 .elementor-element.elementor-element-660be92 > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-660be92 .elementor-icon-box-wrapper{gap:15px;}.elementor-9 .elementor-element.elementor-element-660be92.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-660be92.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-660be92.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-660be92 .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-660be92 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;line-height:25px;}.elementor-9 .elementor-element.elementor-element-660be92 .elementor-icon-box-title{color:#C03A00;}.elementor-9 .elementor-element.elementor-element-660be92:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-660be92:has(:focus) .elementor-icon-box-title{color:#C03A00;}.elementor-9 .elementor-element.elementor-element-1eb5455{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-1eb5455:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-1eb5455 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://risacobamba.gob.pe/wp-content/uploads/2026/08/pattern-4.jpg");}.elementor-9 .elementor-element.elementor-element-ac6700f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-9 .elementor-element.elementor-element-fe18089{--divider-border-style:solid;--divider-color:#097CBB;--divider-border-width:2px;}.elementor-9 .elementor-element.elementor-element-fe18089 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-9 .elementor-element.elementor-element-fe18089 .elementor-divider-separator{width:51%;margin:0 auto;margin-center:0;}.elementor-9 .elementor-element.elementor-element-fe18089 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-9 .elementor-element.elementor-element-fe18089 .elementor-divider__text{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:27px;font-weight:500;}.elementor-9 .elementor-element.elementor-element-caf21d6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-99b6a5d{--display:flex;}.elementor-9 .elementor-element.elementor-element-a429a10 > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-a429a10 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-9 .elementor-element.elementor-element-a429a10.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-a429a10.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-a429a10.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-a429a10 .elementor-icon{font-size:40px;}.elementor-9 .elementor-element.elementor-element-a429a10 .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-a429a10 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;line-height:25px;}.elementor-9 .elementor-element.elementor-element-a429a10 .elementor-icon-box-title{color:#097CBB;}.elementor-9 .elementor-element.elementor-element-a429a10:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-a429a10:has(:focus) .elementor-icon-box-title{color:#097CBB;}.elementor-9 .elementor-element.elementor-element-a429a10 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-9 .elementor-element.elementor-element-3d66f82{--display:flex;}.elementor-9 .elementor-element.elementor-element-1ff15b2 > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-1ff15b2 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-9 .elementor-element.elementor-element-1ff15b2.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-1ff15b2.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-1ff15b2.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-1ff15b2 .elementor-icon{font-size:40px;}.elementor-9 .elementor-element.elementor-element-1ff15b2 .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-1ff15b2 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;line-height:25px;}.elementor-9 .elementor-element.elementor-element-1ff15b2 .elementor-icon-box-title{color:#097CBB;}.elementor-9 .elementor-element.elementor-element-1ff15b2:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-1ff15b2:has(:focus) .elementor-icon-box-title{color:#097CBB;}.elementor-9 .elementor-element.elementor-element-1ff15b2 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-9 .elementor-element.elementor-element-bbd74ea{--display:flex;}.elementor-9 .elementor-element.elementor-element-26ab12d > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-26ab12d .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-9 .elementor-element.elementor-element-26ab12d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-26ab12d.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-26ab12d.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-26ab12d .elementor-icon{font-size:40px;}.elementor-9 .elementor-element.elementor-element-26ab12d .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-26ab12d .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;line-height:25px;}.elementor-9 .elementor-element.elementor-element-26ab12d .elementor-icon-box-title{color:#097CBB;}.elementor-9 .elementor-element.elementor-element-26ab12d:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-26ab12d:has(:focus) .elementor-icon-box-title{color:#097CBB;}.elementor-9 .elementor-element.elementor-element-26ab12d .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-9 .elementor-element.elementor-element-d463a2c{--display:flex;}.elementor-9 .elementor-element.elementor-element-228673f > .elementor-widget-container{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#ACACAC;border-radius:28px 28px 28px 28px;}.elementor-9 .elementor-element.elementor-element-228673f .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-9 .elementor-element.elementor-element-228673f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-228673f.elementor-view-framed .elementor-icon, .elementor-9 .elementor-element.elementor-element-228673f.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-228673f .elementor-icon{font-size:40px;}.elementor-9 .elementor-element.elementor-element-228673f .elementor-icon-box-title, .elementor-9 .elementor-element.elementor-element-228673f .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;line-height:25px;}.elementor-9 .elementor-element.elementor-element-228673f .elementor-icon-box-title{color:#097CBB;}.elementor-9 .elementor-element.elementor-element-228673f:has(:hover) .elementor-icon-box-title,
					 .elementor-9 .elementor-element.elementor-element-228673f:has(:focus) .elementor-icon-box-title{color:#097CBB;}.elementor-9 .elementor-element.elementor-element-228673f .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-9 .elementor-element.elementor-element-895795f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-895795f:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-895795f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://risacobamba.gob.pe/wp-content/uploads/2026/08/pattern-4.jpg");}.elementor-9 .elementor-element.elementor-element-55eebf3{--display:flex;}.elementor-9 .elementor-element.elementor-element-9618060 img{border-style:none;}.elementor-9 .elementor-element.elementor-element-d44395e{--display:flex;}.elementor-9 .elementor-element.elementor-element-063b956 img{border-style:none;}.elementor-9 .elementor-element.elementor-element-14995e8{--display:flex;}.elementor-9 .elementor-element.elementor-element-e821b91 img{border-style:none;}.elementor-9 .elementor-element.elementor-element-12c35ce{--display:flex;}.elementor-9 .elementor-element.elementor-element-c24d311 img{border-style:none;}.elementor-9 .elementor-element.elementor-element-4347051{--display:flex;}.elementor-9 .elementor-element.elementor-element-ed3e06e img{border-style:none;}.elementor-9 .elementor-element.elementor-element-3c790f5{--display:flex;}.elementor-9 .elementor-element.elementor-element-dacce37 img{border-style:none;}.elementor-9 .elementor-element.elementor-element-4640675{--display:flex;}.elementor-9 .elementor-element.elementor-element-289c472 img{border-style:none;}.elementor-9 .elementor-element.elementor-element-77c7e15{--display:flex;}.elementor-9 .elementor-element.elementor-element-e174d85 img{border-style:none;}.elementor-9 .elementor-element.elementor-element-6b22ccd{--display:flex;}.elementor-9 .elementor-element.elementor-element-8966a62 img{border-style:none;}.elementor-9 .elementor-element.elementor-element-8cfe3f4{--display:flex;}.elementor-9 .elementor-element.elementor-element-7687037 img{border-style:none;}.elementor-9 .elementor-element.elementor-element-ed16b8f{--display:flex;}.elementor-9 .elementor-element.elementor-element-f5e74f5 img{border-style:none;}.elementor-9 .elementor-element.elementor-element-8dc0114{--e-n-carousel-swiper-slides-to-display:7;--e-n-carousel-swiper-offset-size:80px;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-8dc0114{--e-n-carousel-swiper-slides-to-display:2;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-9bd7824{--width:66%;}.elementor-9 .elementor-element.elementor-element-1cb57ea{--width:90%;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-81cdf3e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-9 .elementor-element.elementor-element-81cdf3e:after{content:"0.5";}.elementor-9 .elementor-element.elementor-element-81cdf3e .elementor-post__thumbnail__link{width:100%;}.elementor-9 .elementor-element.elementor-element-e7c73cf{width:var( --container-widget-width, 192px );max-width:192px;--container-widget-width:192px;--container-widget-flex-grow:0;}.elementor-9 .elementor-element.elementor-element-fc2b668 .elementor-headline{font-size:17px;}.elementor-9 .elementor-element.elementor-element-abfaf49 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-abfaf49 .elementor-headline{font-size:15px;}.elementor-9 .elementor-element.elementor-element-8dc0114{--e-n-carousel-swiper-slides-to-display:2;}}/* Start custom CSS for icon-box, class: .elementor-element-de0b44b *//* =========================================================
   EFECTO HOVER - CAJA DE ICONO / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-caja-rojo
   ========================================================= */

.efecto-caja-rojo {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-caja-rojo::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #C03A00;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-caja-rojo:hover {
    border-color: #C03A00;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(192,58,0,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-caja-rojo:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-caja-rojo .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-caja-rojo:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-caja-rojo .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-rojo .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #C03A00; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover
*/

.efecto-caja-rojo:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(192,58,0,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-caja-rojo:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-caja-rojo .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-caja-rojo:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-caja-rojo .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-rojo:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-caja-rojo:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-caja-rojo:hover::before {
        width: 0;
    }

    .efecto-caja-rojo:hover .elementor-icon-box-wrapper,
    .efecto-caja-rojo:hover .elementor-icon-box-icon,
    .efecto-caja-rojo:hover .elementor-icon,
    .efecto-caja-rojo:hover .elementor-icon-box-title,
    .efecto-caja-rojo:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-caja-rojo,
    .efecto-caja-rojo::before,
    .efecto-caja-rojo .elementor-icon-box-wrapper,
    .efecto-caja-rojo .elementor-icon-box-icon,
    .efecto-caja-rojo .elementor-icon,
    .efecto-caja-rojo .elementor-icon-box-title,
    .efecto-caja-rojo .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0632c9e *//* =========================================================
   EFECTO HOVER - CAJA DE ICONO / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-caja-azul
   ========================================================= */

.efecto-caja-azul {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-caja-azul::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #097CBB;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-caja-azul:hover {
    border-color: #097CBB;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(9,124,187,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-caja-azul:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-caja-azul:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-azul .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #097CBB; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover
*/

.efecto-caja-azul:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(9,124,187,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-caja-azul:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-caja-azul:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-azul:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-caja-azul:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-caja-azul:hover::before {
        width: 0;
    }

    .efecto-caja-azul:hover .elementor-icon-box-wrapper,
    .efecto-caja-azul:hover .elementor-icon-box-icon,
    .efecto-caja-azul:hover .elementor-icon,
    .efecto-caja-azul:hover .elementor-icon-box-title,
    .efecto-caja-azul:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-caja-azul,
    .efecto-caja-azul::before,
    .efecto-caja-azul .elementor-icon-box-wrapper,
    .efecto-caja-azul .elementor-icon-box-icon,
    .efecto-caja-azul .elementor-icon,
    .efecto-caja-azul .elementor-icon-box-title,
    .efecto-caja-azul .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-adcee60 *//* =========================================================
   EFECTO HOVER - CAJA DE ICONO / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-caja-rosa
   ========================================================= */

.efecto-caja-rosa {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-caja-rosa::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #F52C4B;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-caja-rosa:hover {
    border-color: #F52C4B;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(245,44,75,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-caja-rosa:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-caja-rosa .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-caja-rosa:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-caja-rosa .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-rosa .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #F52C4B; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover
*/

.efecto-caja-rosa:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(245,44,75,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-caja-rosa:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-caja-rosa .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-caja-rosa:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-caja-rosa .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-rosa:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-caja-rosa:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-caja-rosa:hover::before {
        width: 0;
    }

    .efecto-caja-rosa:hover .elementor-icon-box-wrapper,
    .efecto-caja-rosa:hover .elementor-icon-box-icon,
    .efecto-caja-rosa:hover .elementor-icon,
    .efecto-caja-rosa:hover .elementor-icon-box-title,
    .efecto-caja-rosa:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-caja-rosa,
    .efecto-caja-rosa::before,
    .efecto-caja-rosa .elementor-icon-box-wrapper,
    .efecto-caja-rosa .elementor-icon-box-icon,
    .efecto-caja-rosa .elementor-icon,
    .efecto-caja-rosa .elementor-icon-box-title,
    .efecto-caja-rosa .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-623c1b2 *//* =========================================================
   EFECTO HOVER - BOTÓN / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-boton
   ========================================================= */

.efecto-boton {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-boton::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #73A831;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-boton:hover {
    border-color: #73A831;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(115,168,49,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-boton:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-boton .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-boton:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-boton .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-boton .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #73A831; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover (el fondo y color se mantienen fijos)
*/

.efecto-boton:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(115,168,49,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-boton:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-boton .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-boton:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-boton .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-boton:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-boton:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-boton:hover::before {
        width: 0;
    }

    .efecto-boton:hover .elementor-icon-box-wrapper,
    .efecto-boton:hover .elementor-icon-box-icon,
    .efecto-boton:hover .elementor-icon,
    .efecto-boton:hover .elementor-icon-box-title,
    .efecto-boton:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-boton,
    .efecto-boton::before,
    .efecto-boton .elementor-icon-box-wrapper,
    .efecto-boton .elementor-icon-box-icon,
    .efecto-boton .elementor-icon,
    .efecto-boton .elementor-icon-box-title,
    .efecto-boton .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b4c3692 *//* =========================================================
   EFECTO HOVER - BOTÓN / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-boton
   ========================================================= */

.efecto-boton {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-boton::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #73A831;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-boton:hover {
    border-color: #73A831;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(115,168,49,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-boton:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-boton .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-boton:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-boton .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-boton .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #73A831; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover (el fondo y color se mantienen fijos)
*/

.efecto-boton:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(115,168,49,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-boton:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-boton .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-boton:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-boton .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-boton:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-boton:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-boton:hover::before {
        width: 0;
    }

    .efecto-boton:hover .elementor-icon-box-wrapper,
    .efecto-boton:hover .elementor-icon-box-icon,
    .efecto-boton:hover .elementor-icon,
    .efecto-boton:hover .elementor-icon-box-title,
    .efecto-boton:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-boton,
    .efecto-boton::before,
    .efecto-boton .elementor-icon-box-wrapper,
    .efecto-boton .elementor-icon-box-icon,
    .efecto-boton .elementor-icon,
    .efecto-boton .elementor-icon-box-title,
    .efecto-boton .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-938e59f *//* =========================================================
   EFECTO HOVER - CAJA DE ICONO / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-caja-rosa
   ========================================================= */

.efecto-caja-rosa {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-caja-rosa::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #F52C4B;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-caja-rosa:hover {
    border-color: #F52C4B;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(245,44,75,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-caja-rosa:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-caja-rosa .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-caja-rosa:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-caja-rosa .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-rosa .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #F52C4B; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover
*/

.efecto-caja-rosa:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(245,44,75,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-caja-rosa:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-caja-rosa .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-caja-rosa:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-caja-rosa .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-rosa:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-caja-rosa:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-caja-rosa:hover::before {
        width: 0;
    }

    .efecto-caja-rosa:hover .elementor-icon-box-wrapper,
    .efecto-caja-rosa:hover .elementor-icon-box-icon,
    .efecto-caja-rosa:hover .elementor-icon,
    .efecto-caja-rosa:hover .elementor-icon-box-title,
    .efecto-caja-rosa:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-caja-rosa,
    .efecto-caja-rosa::before,
    .efecto-caja-rosa .elementor-icon-box-wrapper,
    .efecto-caja-rosa .elementor-icon-box-icon,
    .efecto-caja-rosa .elementor-icon,
    .efecto-caja-rosa .elementor-icon-box-title,
    .efecto-caja-rosa .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-ccb14fa *//* =========================================================
   EFECTO HOVER - CAJA DE ICONO / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-caja-azul
   ========================================================= */

.efecto-caja-azul {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-caja-azul::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #097CBB;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-caja-azul:hover {
    border-color: #097CBB;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(9,124,187,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-caja-azul:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-caja-azul:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-azul .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #097CBB; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover
*/

.efecto-caja-azul:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(9,124,187,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-caja-azul:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-caja-azul:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-azul:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-caja-azul:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-caja-azul:hover::before {
        width: 0;
    }

    .efecto-caja-azul:hover .elementor-icon-box-wrapper,
    .efecto-caja-azul:hover .elementor-icon-box-icon,
    .efecto-caja-azul:hover .elementor-icon,
    .efecto-caja-azul:hover .elementor-icon-box-title,
    .efecto-caja-azul:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-caja-azul,
    .efecto-caja-azul::before,
    .efecto-caja-azul .elementor-icon-box-wrapper,
    .efecto-caja-azul .elementor-icon-box-icon,
    .efecto-caja-azul .elementor-icon,
    .efecto-caja-azul .elementor-icon-box-title,
    .efecto-caja-azul .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-b005210 *//* =========================================================
   EFECTO HOVER - CAJA DE ICONO / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-caja-rojo
   ========================================================= */

.efecto-caja-rojo {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-caja-rojo::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #C03A00;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-caja-rojo:hover {
    border-color: #C03A00;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(192,58,0,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-caja-rojo:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-caja-rojo .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-caja-rojo:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-caja-rojo .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-rojo .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #C03A00; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover
*/

.efecto-caja-rojo:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(192,58,0,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-caja-rojo:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-caja-rojo .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-caja-rojo:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-caja-rojo .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-rojo:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-caja-rojo:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-caja-rojo:hover::before {
        width: 0;
    }

    .efecto-caja-rojo:hover .elementor-icon-box-wrapper,
    .efecto-caja-rojo:hover .elementor-icon-box-icon,
    .efecto-caja-rojo:hover .elementor-icon,
    .efecto-caja-rojo:hover .elementor-icon-box-title,
    .efecto-caja-rojo:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-caja-rojo,
    .efecto-caja-rojo::before,
    .efecto-caja-rojo .elementor-icon-box-wrapper,
    .efecto-caja-rojo .elementor-icon-box-icon,
    .efecto-caja-rojo .elementor-icon,
    .efecto-caja-rojo .elementor-icon-box-title,
    .efecto-caja-rojo .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d81a8c4 *//* =========================================================
   EFECTO HOVER - CAJA DE ICONO / NUESTRAS CARRERAS
   Elementor Pro
   Clase: efecto-carrera
   ========================================================= */

.efecto-carrera {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-carrera::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #F36C00;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-carrera:hover {
    border-color: #F36C00;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(243,108,0,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-carrera:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-carrera .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-carrera:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (NUEVO DISEÑO CIRCULAR)
   ========================================================= */

.efecto-carrera .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-carrera .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #F36C00; /* Fondo sutil inicial */
    color: #F36C00; /* Color inicial del icono */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        background-color 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease;
}


/*
   Movimiento + cambio a círculo sólido con el color del borde en Hover.
*/

.efecto-carrera:hover .elementor-icon {
    background-color: #F36C00; /* Se rellena con el color del borde */
    color: #ffffff; /* El icono pasa a blanco para destacar */
    box-shadow: 0 8px 20px rgba(243,108,0,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-carrera:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-carrera .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-carrera:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-carrera .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-carrera:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   Evita efectos extraños en móviles
   ========================================================= */

@media (hover: none) {

    .efecto-carrera:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-carrera:hover::before {
        width: 0;
    }

    .efecto-carrera:hover .elementor-icon-box-wrapper,
    .efecto-carrera:hover .elementor-icon-box-icon,
    .efecto-carrera:hover .elementor-icon,
    .efecto-carrera:hover .elementor-icon-box-title,
    .efecto-carrera:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-carrera,
    .efecto-carrera::before,
    .efecto-carrera .elementor-icon-box-wrapper,
    .efecto-carrera .elementor-icon-box-icon,
    .efecto-carrera .elementor-icon,
    .efecto-carrera .elementor-icon-box-title,
    .efecto-carrera .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-4e4b5bc *//* =========================================================
   EFECTO HOVER - BOTÓN / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-boton
   ========================================================= */

.efecto-boton {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-boton::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #73A831;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-boton:hover {
    border-color: #73A831;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(115,168,49,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-boton:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-boton .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-boton:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-boton .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-boton .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #73A831; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover (el fondo y color se mantienen fijos)
*/

.efecto-boton:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(115,168,49,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-boton:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-boton .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-boton:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-boton .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-boton:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-boton:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-boton:hover::before {
        width: 0;
    }

    .efecto-boton:hover .elementor-icon-box-wrapper,
    .efecto-boton:hover .elementor-icon-box-icon,
    .efecto-boton:hover .elementor-icon,
    .efecto-boton:hover .elementor-icon-box-title,
    .efecto-boton:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-boton,
    .efecto-boton::before,
    .efecto-boton .elementor-icon-box-wrapper,
    .efecto-boton .elementor-icon-box-icon,
    .efecto-boton .elementor-icon,
    .efecto-boton .elementor-icon-box-title,
    .efecto-boton .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d46e9e2 *//* =========================================================
   EFECTO HOVER - CAJA DE ICONO / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-caja-azul
   ========================================================= */

.efecto-caja-azul {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-caja-azul::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #097CBB;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-caja-azul:hover {
    border-color: #097CBB;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(9,124,187,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-caja-azul:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-caja-azul:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-azul .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #097CBB; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover
*/

.efecto-caja-azul:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(9,124,187,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-caja-azul:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-caja-azul:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-azul:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-caja-azul:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-caja-azul:hover::before {
        width: 0;
    }

    .efecto-caja-azul:hover .elementor-icon-box-wrapper,
    .efecto-caja-azul:hover .elementor-icon-box-icon,
    .efecto-caja-azul:hover .elementor-icon,
    .efecto-caja-azul:hover .elementor-icon-box-title,
    .efecto-caja-azul:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-caja-azul,
    .efecto-caja-azul::before,
    .efecto-caja-azul .elementor-icon-box-wrapper,
    .efecto-caja-azul .elementor-icon-box-icon,
    .efecto-caja-azul .elementor-icon,
    .efecto-caja-azul .elementor-icon-box-title,
    .efecto-caja-azul .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-660be92 *//* =========================================================
   EFECTO HOVER - CAJA DE ICONO / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-caja-rojo
   ========================================================= */

.efecto-caja-rojo {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-caja-rojo::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #C03A00;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-caja-rojo:hover {
    border-color: #C03A00;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(192,58,0,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-caja-rojo:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-caja-rojo .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-caja-rojo:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-caja-rojo .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-rojo .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #C03A00; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover
*/

.efecto-caja-rojo:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(192,58,0,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-caja-rojo:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-caja-rojo .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-caja-rojo:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-caja-rojo .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-rojo:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-caja-rojo:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-caja-rojo:hover::before {
        width: 0;
    }

    .efecto-caja-rojo:hover .elementor-icon-box-wrapper,
    .efecto-caja-rojo:hover .elementor-icon-box-icon,
    .efecto-caja-rojo:hover .elementor-icon,
    .efecto-caja-rojo:hover .elementor-icon-box-title,
    .efecto-caja-rojo:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-caja-rojo,
    .efecto-caja-rojo::before,
    .efecto-caja-rojo .elementor-icon-box-wrapper,
    .efecto-caja-rojo .elementor-icon-box-icon,
    .efecto-caja-rojo .elementor-icon,
    .efecto-caja-rojo .elementor-icon-box-title,
    .efecto-caja-rojo .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a429a10 *//* =========================================================
   EFECTO HOVER - CAJA DE ICONO / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-caja-azul
   ========================================================= */

.efecto-caja-azul {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-caja-azul::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #097CBB;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-caja-azul:hover {
    border-color: #097CBB;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(9,124,187,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-caja-azul:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-caja-azul:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-azul .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #097CBB; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover
*/

.efecto-caja-azul:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(9,124,187,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-caja-azul:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-caja-azul:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-azul:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-caja-azul:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-caja-azul:hover::before {
        width: 0;
    }

    .efecto-caja-azul:hover .elementor-icon-box-wrapper,
    .efecto-caja-azul:hover .elementor-icon-box-icon,
    .efecto-caja-azul:hover .elementor-icon,
    .efecto-caja-azul:hover .elementor-icon-box-title,
    .efecto-caja-azul:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-caja-azul,
    .efecto-caja-azul::before,
    .efecto-caja-azul .elementor-icon-box-wrapper,
    .efecto-caja-azul .elementor-icon-box-icon,
    .efecto-caja-azul .elementor-icon,
    .efecto-caja-azul .elementor-icon-box-title,
    .efecto-caja-azul .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-1ff15b2 *//* =========================================================
   EFECTO HOVER - CAJA DE ICONO / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-caja-azul
   ========================================================= */

.efecto-caja-azul {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-caja-azul::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #097CBB;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-caja-azul:hover {
    border-color: #097CBB;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(9,124,187,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-caja-azul:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-caja-azul:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-azul .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #097CBB; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover
*/

.efecto-caja-azul:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(9,124,187,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-caja-azul:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-caja-azul:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-azul:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-caja-azul:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-caja-azul:hover::before {
        width: 0;
    }

    .efecto-caja-azul:hover .elementor-icon-box-wrapper,
    .efecto-caja-azul:hover .elementor-icon-box-icon,
    .efecto-caja-azul:hover .elementor-icon,
    .efecto-caja-azul:hover .elementor-icon-box-title,
    .efecto-caja-azul:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-caja-azul,
    .efecto-caja-azul::before,
    .efecto-caja-azul .elementor-icon-box-wrapper,
    .efecto-caja-azul .elementor-icon-box-icon,
    .efecto-caja-azul .elementor-icon,
    .efecto-caja-azul .elementor-icon-box-title,
    .efecto-caja-azul .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-26ab12d *//* =========================================================
   EFECTO HOVER - CAJA DE ICONO / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-caja-azul
   ========================================================= */

.efecto-caja-azul {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-caja-azul::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #097CBB;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-caja-azul:hover {
    border-color: #097CBB;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(9,124,187,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-caja-azul:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-caja-azul:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-azul .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #097CBB; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover
*/

.efecto-caja-azul:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(9,124,187,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-caja-azul:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-caja-azul:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-azul:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-caja-azul:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-caja-azul:hover::before {
        width: 0;
    }

    .efecto-caja-azul:hover .elementor-icon-box-wrapper,
    .efecto-caja-azul:hover .elementor-icon-box-icon,
    .efecto-caja-azul:hover .elementor-icon,
    .efecto-caja-azul:hover .elementor-icon-box-title,
    .efecto-caja-azul:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-caja-azul,
    .efecto-caja-azul::before,
    .efecto-caja-azul .elementor-icon-box-wrapper,
    .efecto-caja-azul .elementor-icon-box-icon,
    .efecto-caja-azul .elementor-icon,
    .efecto-caja-azul .elementor-icon-box-title,
    .efecto-caja-azul .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-228673f *//* =========================================================
   EFECTO HOVER - CAJA DE ICONO / NUEVO ESTILO
   Elementor Pro
   Clase: efecto-caja-azul
   ========================================================= */

.efecto-caja-azul {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 30px;
    box-sizing: border-box;

    transition:
        border-color 0.45s ease,
        border-radius 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.45s cubic-bezier(.22,.61,.36,1);
}


/* ---------------------------------------------------------
   BORDE SUPERIOR
   Se dibuja al entrar el mouse
   --------------------------------------------------------- */

.efecto-caja-azul::before {
    content: "";
    position: absolute;

    top: -2px;
    left: 50%;

    width: 0;
    height: 5px;

    background: #097CBB;

    transform: translateX(-50%);

    border-radius: 30px;

    transition:
        width 0.55s cubic-bezier(.22,.61,.36,1);

    z-index: 10;
}


/* ---------------------------------------------------------
   BORDE + SOMBRA AL HACER HOVER
   --------------------------------------------------------- */

.efecto-caja-azul:hover {
    border-color: #097CBB;

    border-radius: 30px;

    box-shadow:
        0 18px 35px rgba(9,124,187,0.16);

    transform: translateY(-1px);
}


/* Línea superior */

.efecto-caja-azul:hover::before {
    width: 100%;
}


/* =========================================================
   CONTENIDO COMPLETO
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-wrapper {
    position: relative;

    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}


/*
   Movimiento del contenido.
*/

.efecto-caja-azul:hover .elementor-icon-box-wrapper {
    transform: translate(2px, 10px);
}


/* =========================================================
   CÍRCULO DEL ICONO (FONDO FIJO)
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-icon {
    transition:
        transform 0.55s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-azul .elementor-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #097CBB; /* Fondo sólido por defecto */
    color: #ffffff; /* Icono blanco por defecto */

    transform-origin: center center;

    transition:
        transform 0.65s cubic-bezier(.22,.61,.36,1),
        box-shadow 0.35s ease;
}


/*
   Movimiento y sombra en Hover
*/

.efecto-caja-azul:hover .elementor-icon {
    box-shadow: 0 8px 20px rgba(9,124,187,0.3);

    transform:
        rotate(10deg)
        translateY(2px)
        scale(1.08);
}

.efecto-caja-azul:hover .elementor-icon-box-icon {
    transform: translateY(4px);
}


/* =========================================================
   TÍTULO
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-title {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1),
        color 0.35s ease;
}

.efecto-caja-azul:hover .elementor-icon-box-title {
    transform: translateY(3px);
}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.efecto-caja-azul .elementor-icon-box-description {
    transition:
        transform 0.5s cubic-bezier(.22,.61,.36,1);
}

.efecto-caja-azul:hover .elementor-icon-box-description {
    transform: translateY(3px);
}


/* =========================================================
   DISPOSITIVOS TÁCTILES
   ========================================================= */

@media (hover: none) {

    .efecto-caja-azul:hover {
        border-color: transparent;
        box-shadow: none;
        transform: none;
    }

    .efecto-caja-azul:hover::before {
        width: 0;
    }

    .efecto-caja-azul:hover .elementor-icon-box-wrapper,
    .efecto-caja-azul:hover .elementor-icon-box-icon,
    .efecto-caja-azul:hover .elementor-icon,
    .efecto-caja-azul:hover .elementor-icon-box-title,
    .efecto-caja-azul:hover .elementor-icon-box-description {
        transform: none;
    }
}


/* =========================================================
   REDUCCIÓN DE MOVIMIENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .efecto-caja-azul,
    .efecto-caja-azul::before,
    .efecto-caja-azul .elementor-icon-box-wrapper,
    .efecto-caja-azul .elementor-icon-box-icon,
    .efecto-caja-azul .elementor-icon,
    .efecto-caja-azul .elementor-icon-box-title,
    .efecto-caja-azul .elementor-icon-box-description {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9618060 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-9618060 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-9618060 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-9618060:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-9618060:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-063b956 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-063b956 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-063b956 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-063b956:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-063b956:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e821b91 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e821b91 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e821b91 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e821b91:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e821b91:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c24d311 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-c24d311 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-c24d311 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-c24d311:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-c24d311:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed3e06e *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-ed3e06e {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-ed3e06e img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dacce37 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-dacce37 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-dacce37 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-dacce37:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-dacce37:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-289c472 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-289c472 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-289c472 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-289c472:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-289c472:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e174d85 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e174d85 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e174d85 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e174d85:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e174d85:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8966a62 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-8966a62 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-8966a62 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-8966a62:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-8966a62:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7687037 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-7687037 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-7687037 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-7687037:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-7687037:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f5e74f5 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-f5e74f5 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-f5e74f5 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9618060 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-9618060 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-9618060 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-9618060:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-9618060:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-063b956 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-063b956 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-063b956 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-063b956:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-063b956:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e821b91 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e821b91 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e821b91 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e821b91:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e821b91:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c24d311 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-c24d311 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-c24d311 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-c24d311:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-c24d311:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed3e06e *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-ed3e06e {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-ed3e06e img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dacce37 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-dacce37 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-dacce37 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-dacce37:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-dacce37:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-289c472 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-289c472 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-289c472 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-289c472:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-289c472:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e174d85 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e174d85 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e174d85 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e174d85:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e174d85:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8966a62 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-8966a62 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-8966a62 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-8966a62:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-8966a62:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7687037 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-7687037 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-7687037 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-7687037:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-7687037:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f5e74f5 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-f5e74f5 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-f5e74f5 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9618060 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-9618060 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-9618060 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-9618060:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-9618060:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-063b956 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-063b956 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-063b956 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-063b956:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-063b956:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e821b91 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e821b91 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e821b91 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e821b91:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e821b91:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c24d311 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-c24d311 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-c24d311 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-c24d311:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-c24d311:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed3e06e *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-ed3e06e {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-ed3e06e img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dacce37 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-dacce37 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-dacce37 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-dacce37:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-dacce37:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-289c472 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-289c472 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-289c472 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-289c472:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-289c472:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e174d85 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e174d85 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e174d85 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e174d85:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e174d85:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8966a62 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-8966a62 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-8966a62 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-8966a62:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-8966a62:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7687037 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-7687037 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-7687037 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-7687037:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-7687037:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f5e74f5 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-f5e74f5 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-f5e74f5 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9618060 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-9618060 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-9618060 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-9618060:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-9618060:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-063b956 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-063b956 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-063b956 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-063b956:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-063b956:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e821b91 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e821b91 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e821b91 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e821b91:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e821b91:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c24d311 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-c24d311 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-c24d311 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-c24d311:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-c24d311:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed3e06e *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-ed3e06e {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-ed3e06e img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dacce37 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-dacce37 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-dacce37 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-dacce37:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-dacce37:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-289c472 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-289c472 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-289c472 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-289c472:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-289c472:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e174d85 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e174d85 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e174d85 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e174d85:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e174d85:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8966a62 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-8966a62 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-8966a62 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-8966a62:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-8966a62:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7687037 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-7687037 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-7687037 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-7687037:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-7687037:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f5e74f5 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-f5e74f5 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-f5e74f5 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9618060 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-9618060 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-9618060 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-9618060:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-9618060:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-063b956 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-063b956 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-063b956 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-063b956:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-063b956:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e821b91 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e821b91 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e821b91 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e821b91:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e821b91:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c24d311 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-c24d311 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-c24d311 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-c24d311:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-c24d311:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed3e06e *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-ed3e06e {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-ed3e06e img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dacce37 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-dacce37 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-dacce37 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-dacce37:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-dacce37:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-289c472 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-289c472 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-289c472 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-289c472:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-289c472:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e174d85 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e174d85 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e174d85 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e174d85:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e174d85:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8966a62 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-8966a62 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-8966a62 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-8966a62:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-8966a62:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7687037 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-7687037 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-7687037 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-7687037:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-7687037:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f5e74f5 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-f5e74f5 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-f5e74f5 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9618060 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-9618060 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-9618060 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-9618060:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-9618060:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-063b956 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-063b956 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-063b956 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-063b956:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-063b956:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e821b91 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e821b91 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e821b91 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e821b91:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e821b91:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c24d311 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-c24d311 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-c24d311 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-c24d311:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-c24d311:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed3e06e *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-ed3e06e {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-ed3e06e img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dacce37 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-dacce37 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-dacce37 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-dacce37:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-dacce37:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-289c472 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-289c472 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-289c472 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-289c472:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-289c472:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e174d85 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e174d85 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e174d85 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e174d85:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e174d85:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8966a62 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-8966a62 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-8966a62 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-8966a62:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-8966a62:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7687037 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-7687037 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-7687037 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-7687037:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-7687037:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f5e74f5 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-f5e74f5 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-f5e74f5 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9618060 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-9618060 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-9618060 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-9618060:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-9618060:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-063b956 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-063b956 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-063b956 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-063b956:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-063b956:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e821b91 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e821b91 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e821b91 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e821b91:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e821b91:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c24d311 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-c24d311 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-c24d311 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-c24d311:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-c24d311:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed3e06e *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-ed3e06e {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-ed3e06e img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dacce37 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-dacce37 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-dacce37 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-dacce37:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-dacce37:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-289c472 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-289c472 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-289c472 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-289c472:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-289c472:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e174d85 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e174d85 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e174d85 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e174d85:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e174d85:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8966a62 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-8966a62 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-8966a62 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-8966a62:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-8966a62:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7687037 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-7687037 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-7687037 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-7687037:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-7687037:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f5e74f5 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-f5e74f5 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-f5e74f5 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9618060 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-9618060 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-9618060 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-9618060:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-9618060:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-063b956 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-063b956 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-063b956 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-063b956:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-063b956:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e821b91 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e821b91 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e821b91 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e821b91:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e821b91:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c24d311 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-c24d311 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-c24d311 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-c24d311:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-c24d311:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed3e06e *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-ed3e06e {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-ed3e06e img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dacce37 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-dacce37 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-dacce37 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-dacce37:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-dacce37:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-289c472 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-289c472 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-289c472 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-289c472:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-289c472:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e174d85 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e174d85 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e174d85 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e174d85:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e174d85:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8966a62 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-8966a62 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-8966a62 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-8966a62:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-8966a62:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7687037 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-7687037 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-7687037 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-7687037:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-7687037:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f5e74f5 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-f5e74f5 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-f5e74f5 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9618060 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-9618060 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-9618060 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-9618060:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-9618060:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-063b956 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-063b956 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-063b956 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-063b956:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-063b956:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e821b91 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e821b91 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e821b91 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e821b91:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e821b91:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c24d311 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-c24d311 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-c24d311 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-c24d311:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-c24d311:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed3e06e *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-ed3e06e {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-ed3e06e img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dacce37 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-dacce37 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-dacce37 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-dacce37:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-dacce37:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-289c472 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-289c472 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-289c472 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-289c472:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-289c472:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e174d85 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e174d85 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e174d85 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e174d85:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e174d85:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8966a62 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-8966a62 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-8966a62 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-8966a62:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-8966a62:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7687037 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-7687037 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-7687037 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-7687037:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-7687037:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f5e74f5 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-f5e74f5 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-f5e74f5 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9618060 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-9618060 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-9618060 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-9618060:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-9618060:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-063b956 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-063b956 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-063b956 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-063b956:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-063b956:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e821b91 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e821b91 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e821b91 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e821b91:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e821b91:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c24d311 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-c24d311 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-c24d311 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-c24d311:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-c24d311:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed3e06e *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-ed3e06e {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-ed3e06e img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dacce37 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-dacce37 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-dacce37 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-dacce37:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-dacce37:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-289c472 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-289c472 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-289c472 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-289c472:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-289c472:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e174d85 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e174d85 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e174d85 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e174d85:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e174d85:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8966a62 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-8966a62 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-8966a62 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-8966a62:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-8966a62:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7687037 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-7687037 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-7687037 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-7687037:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-7687037:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f5e74f5 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-f5e74f5 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-f5e74f5 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9618060 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-9618060 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-9618060 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-9618060:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-9618060:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-063b956 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-063b956 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-063b956 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-063b956:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-063b956:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e821b91 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e821b91 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e821b91 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e821b91:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e821b91:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c24d311 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-c24d311 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-c24d311 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-c24d311:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-c24d311:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed3e06e *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-ed3e06e {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-ed3e06e img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dacce37 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-dacce37 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-dacce37 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-dacce37:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-dacce37:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-289c472 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-289c472 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-289c472 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-289c472:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-289c472:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e174d85 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e174d85 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e174d85 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e174d85:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e174d85:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8966a62 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-8966a62 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-8966a62 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-8966a62:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-8966a62:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7687037 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-7687037 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-7687037 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-7687037:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-7687037:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f5e74f5 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-f5e74f5 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-f5e74f5 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9618060 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-9618060 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-9618060 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-9618060:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-9618060:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-063b956 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-063b956 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-063b956 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-063b956:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-063b956:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e821b91 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e821b91 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e821b91 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e821b91:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e821b91:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c24d311 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-c24d311 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-c24d311 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-c24d311:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-c24d311:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ed3e06e *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-ed3e06e {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-ed3e06e img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-ed3e06e:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-dacce37 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-dacce37 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-dacce37 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-dacce37:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-dacce37:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-289c472 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-289c472 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-289c472 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-289c472:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-289c472:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e174d85 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-e174d85 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-e174d85 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-e174d85:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-e174d85:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8966a62 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-8966a62 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-8966a62 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-8966a62:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-8966a62:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-7687037 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-7687037 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-7687037 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-7687037:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-7687037:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f5e74f5 *//* 1. Preparación del contenedor y suavizado */
.elementor-9 .elementor-element.elementor-element-f5e74f5 {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* 2. Aplicamos el redondeado y bordes invisibles base (para evitar parpadeos) */
.elementor-9 .elementor-element.elementor-element-f5e74f5 img {
    border-radius: 10px !important;
    border-style: solid !important;
    /* Grosor por defecto transparente: Arriba (4px), Derecha (1px), Abajo (1px), Izquierda (1px) */
    border-width: 4px 1px 1px 1px !important;
    border-color: transparent !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* 3. HOVER: Eleva el conjunto */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover {
    transform: translateY(-6px) !important;
}

/* 4. HOVER: Activa el color del borde manteniendo el grosor superior */
.elementor-9 .elementor-element.elementor-element-f5e74f5:hover img {
    border-color: #1a73e8 !important; /* Cambia este código HEX por el color de tu web */
    box-sizing: border-box !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}/* End custom CSS */