.elementor-14827 .elementor-element.elementor-element-70fbfbd{--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:150px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-70fbfbd:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-70fbfbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDFCFF;}.elementor-14827 .elementor-element.elementor-element-13a9634{text-align:center;}.elementor-14827 .elementor-element.elementor-element-13a9634 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:500;line-height:60px;color:#000000;}.elementor-14827 .elementor-element.elementor-element-ec6fad1{text-align:center;font-family:"DM Sans", Sans-serif;font-size:20px;font-weight:300;line-height:28px;letter-spacing:0.5px;}.elementor-14827 .elementor-element.elementor-element-3a397fd{--display:flex;--min-height:112px;--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;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#009DA226;--border-color:#009DA226;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-3a397fd:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-3a397fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDFCFF;}.elementor-14827 .elementor-element.elementor-element-2296256{width:var( --container-widget-width, 18% );max-width:18%;--container-widget-width:18%;--container-widget-flex-grow:0;}.elementor-14827 .elementor-element.elementor-element-2296256.elementor-element{--align-self:center;}.elementor-14827 .elementor-element.elementor-element-2296256 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:25px;font-weight:500;line-height:35px;}.elementor-14827 .elementor-element.elementor-element-27b3baa{--display:flex;}.elementor-14827 .elementor-element.elementor-element-27b3baa.e-con{--align-self:center;}.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-widget-container{background-color:var( --e-global-color-e777cd9 );box-shadow:0px 0px 10px 0px rgba(236.3, 236.3, 236.3, 0.5);}.elementor-14827 .elementor-element.elementor-element-04bd153 > .elementor-widget-container{padding:10px 10px 10px 10px;border-radius:50px 50px 50px 50px;}.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-14827 .elementor-element.elementor-element-04bd153.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-04bd153.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-04bd153.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon{font-size:40px;}.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;line-height:20px;letter-spacing:0.5px;}.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-14827 .elementor-element.elementor-element-04bd153:has(:hover) .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-14827 .elementor-element.elementor-element-ef896a4{--display:flex;}.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-widget-container{background-color:var( --e-global-color-e777cd9 );box-shadow:0px 0px 10px 0px rgba(236.3, 236.3, 236.3, 0.5);}.elementor-14827 .elementor-element.elementor-element-de69b01 > .elementor-widget-container{padding:10px 10px 10px 10px;border-radius:50px 50px 50px 50px;}.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-14827 .elementor-element.elementor-element-de69b01.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-de69b01.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-de69b01.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon{font-size:40px;}.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;line-height:20px;letter-spacing:0.5px;}.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-14827 .elementor-element.elementor-element-de69b01:has(:hover) .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-14827 .elementor-element.elementor-element-3de163e{--display:flex;}.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-widget-container{background-color:var( --e-global-color-e777cd9 );box-shadow:0px 0px 10px 0px rgba(236.3, 236.3, 236.3, 0.5);}.elementor-14827 .elementor-element.elementor-element-a518a2e > .elementor-widget-container{padding:10px 10px 10px 10px;border-radius:50px 50px 50px 50px;}.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-14827 .elementor-element.elementor-element-a518a2e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-a518a2e.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-a518a2e.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon{font-size:40px;}.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;line-height:20px;letter-spacing:0.5px;}.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-14827 .elementor-element.elementor-element-a518a2e:has(:hover) .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-14827 .elementor-element.elementor-element-fdf381b{--display:flex;}.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-widget-container{background-color:var( --e-global-color-e777cd9 );box-shadow:0px 0px 10px 0px rgba(236.3, 236.3, 236.3, 0.5);}.elementor-14827 .elementor-element.elementor-element-2b5fea0 > .elementor-widget-container{padding:10px 10px 10px 10px;border-radius:50px 50px 50px 50px;}.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-14827 .elementor-element.elementor-element-2b5fea0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-2b5fea0.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-2b5fea0.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon{font-size:40px;}.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;line-height:20px;letter-spacing:0.5px;}.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-14827 .elementor-element.elementor-element-2b5fea0:has(:hover) .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-14827 .elementor-element.elementor-element-b3751d9{--display:flex;}.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-widget-container{background-color:var( --e-global-color-e777cd9 );box-shadow:0px 0px 10px 0px rgba(236.3, 236.3, 236.3, 0.5);}.elementor-14827 .elementor-element.elementor-element-01c113b > .elementor-widget-container{padding:10px 10px 10px 10px;border-radius:50px 50px 50px 50px;}.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-14827 .elementor-element.elementor-element-01c113b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-01c113b.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-01c113b.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon{font-size:40px;}.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;line-height:20px;letter-spacing:0.5px;}.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-14827 .elementor-element.elementor-element-01c113b:has(:hover) .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-14827 .elementor-element.elementor-element-4156adf{--display:flex;}.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-widget-container{background-color:var( --e-global-color-e777cd9 );box-shadow:0px 0px 10px 0px rgba(236.3, 236.3, 236.3, 0.5);}.elementor-14827 .elementor-element.elementor-element-9d9d2e0 > .elementor-widget-container{padding:10px 10px 10px 10px;border-radius:50px 50px 50px 50px;}.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-14827 .elementor-element.elementor-element-9d9d2e0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-9d9d2e0.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-9d9d2e0.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon{font-size:40px;}.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:500;line-height:20px;letter-spacing:0.5px;}.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-14827 .elementor-element.elementor-element-9d9d2e0:has(:hover) .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-14827 .elementor-element.elementor-element-eb9a228{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:20px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#009DA2;--e-n-carousel-arrow-hover-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-eb9a228 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-1ea7681{--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:75px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-55c6974 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:500;line-height:70px;}.elementor-14827 .elementor-element.elementor-element-c0b45a5{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-ea786d6{--display:flex;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.3;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-ea786d6:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-ea786d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDFCFF;}.elementor-14827 .elementor-element.elementor-element-ea786d6::before, .elementor-14827 .elementor-element.elementor-element-ea786d6 > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-ea786d6 > .e-con-inner > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-ea786d6 > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-ea786d6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-ea786d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://wilapp.com/wp-content/uploads/2026/01/Fondo-cards-WIlapp-2.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;}.elementor-14827 .elementor-element.elementor-element-54cf805 .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-14827 .elementor-element.elementor-element-54cf805 .elementor-icon-box-title{margin-block-end:15px;}.elementor-14827 .elementor-element.elementor-element-54cf805.elementor-view-stacked .elementor-icon{background-color:#089DA2;}.elementor-14827 .elementor-element.elementor-element-54cf805.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-54cf805.elementor-view-default .elementor-icon{fill:#089DA2;color:#089DA2;border-color:#089DA2;}.elementor-14827 .elementor-element.elementor-element-54cf805.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-54cf805.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#089DA2;fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-54cf805.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-54cf805.elementor-view-default:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-54cf805.elementor-view-framed:has(:focus) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-54cf805.elementor-view-default:has(:focus) .elementor-icon{fill:#089DA2;color:#089DA2;border-color:#089DA2;}.elementor-14827 .elementor-element.elementor-element-54cf805.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-54cf805.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-54cf805 .elementor-icon{font-size:35px;border-radius:15px 15px 15px 15px;}.elementor-14827 .elementor-element.elementor-element-54cf805 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-54cf805 .elementor-icon-box-title a{line-height:28px;}.elementor-14827 .elementor-element.elementor-element-9424b4a{--display:flex;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.3;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-9424b4a:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-9424b4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDFCFF;}.elementor-14827 .elementor-element.elementor-element-9424b4a::before, .elementor-14827 .elementor-element.elementor-element-9424b4a > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-9424b4a > .e-con-inner > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-9424b4a > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-9424b4a > .e-con-inner > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-9424b4a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://wilapp.com/wp-content/uploads/2026/01/Fondo-cards-WIlapp-2.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;}.elementor-14827 .elementor-element.elementor-element-1b450cf .elementor-icon-box-wrapper{text-align:start;gap:20px;}.elementor-14827 .elementor-element.elementor-element-1b450cf .elementor-icon-box-title{margin-block-end:15px;}.elementor-14827 .elementor-element.elementor-element-1b450cf.elementor-view-stacked .elementor-icon{background-color:#089DA2;}.elementor-14827 .elementor-element.elementor-element-1b450cf.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-1b450cf.elementor-view-default .elementor-icon{fill:#089DA2;color:#089DA2;border-color:#089DA2;}.elementor-14827 .elementor-element.elementor-element-1b450cf.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-1b450cf.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#089DA2;fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-1b450cf.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-1b450cf.elementor-view-default:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-1b450cf.elementor-view-framed:has(:focus) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-1b450cf.elementor-view-default:has(:focus) .elementor-icon{fill:#089DA2;color:#089DA2;border-color:#089DA2;}.elementor-14827 .elementor-element.elementor-element-1b450cf.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-1b450cf.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-1b450cf .elementor-icon{font-size:35px;border-radius:15px 15px 15px 15px;}.elementor-14827 .elementor-element.elementor-element-1b450cf .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-1b450cf .elementor-icon-box-title a{line-height:28px;}.elementor-14827 .elementor-element.elementor-element-7567a4b{--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:75px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-f3fdec0{--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;--overlay-opacity:0.7;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;--z-index:0;}.elementor-14827 .elementor-element.elementor-element-f3fdec0:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-f3fdec0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wilapp.com/wp-content/uploads/2025/09/web-fondo-prueba.jpg");}.elementor-14827 .elementor-element.elementor-element-f3fdec0::before, .elementor-14827 .elementor-element.elementor-element-f3fdec0 > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-f3fdec0 > .e-con-inner > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-f3fdec0 > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-f3fdec0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-f3fdec0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#EDFCFF;--background-overlay:'';}.elementor-14827 .elementor-element.elementor-element-10eec52{--display:flex;--justify-content:space-between;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-10eec52.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14827 .elementor-element.elementor-element-b93bc8b{text-align:center;}.elementor-14827 .elementor-element.elementor-element-b93bc8b .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:500;line-height:70px;color:#000000;}.elementor-14827 .elementor-element.elementor-element-7a3e69a{text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-14827 .elementor-element.elementor-element-7a3e69a a{color:var( --e-global-color-text );}.elementor-14827 .elementor-element.elementor-element-93dbcea .elementor-button{background-color:#009DA2;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;line-height:28px;fill:#EDFCFF;color:#EDFCFF;border-radius:100px 100px 100px 100px;padding:16px 24px 16px 24px;}.elementor-14827 .elementor-element.elementor-element-93dbcea > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-916685c{--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:75px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-cc8982c > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-14827 .elementor-element.elementor-element-cc8982c{text-align:start;}.elementor-14827 .elementor-element.elementor-element-cc8982c .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:500;line-height:60px;}.elementor-14827 .elementor-element.elementor-element-87aa891{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-783eebf{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 5px 0px rgba(197.20000000000002, 197.20000000000002, 197.20000000000002, 0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-783eebf:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-783eebf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-14827 .elementor-element.elementor-element-9b82acc > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-14827 .elementor-element.elementor-element-9b82acc .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:25px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-d45c7a6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-d45c7a6.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-14827 .elementor-element.elementor-element-d45c7a6{font-size:16px;}.elementor-14827 .elementor-element.elementor-element-cc0e4fb .elementor-button{background-color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;line-height:28px;fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b100488 );border-radius:100px 100px 100px 100px;padding:8px 12px 8px 12px;}.elementor-14827 .elementor-element.elementor-element-cc0e4fb .elementor-button:hover, .elementor-14827 .elementor-element.elementor-element-cc0e4fb .elementor-button:focus{background-color:var( --e-global-color-b100488 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-cc0e4fb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-cc0e4fb .elementor-button:hover svg, .elementor-14827 .elementor-element.elementor-element-cc0e4fb .elementor-button:focus svg{fill:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-8aeddfe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 5px 0px rgba(197.20000000000002, 197.20000000000002, 197.20000000000002, 0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-8aeddfe:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-8aeddfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-14827 .elementor-element.elementor-element-80d23dd > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-14827 .elementor-element.elementor-element-80d23dd .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:25px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-4235ec9.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-14827 .elementor-element.elementor-element-4235ec9{font-size:16px;}.elementor-14827 .elementor-element.elementor-element-8766a52 .elementor-button{background-color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;line-height:28px;fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b100488 );border-radius:100px 100px 100px 100px;padding:8px 12px 8px 12px;}.elementor-14827 .elementor-element.elementor-element-8766a52 .elementor-button:hover, .elementor-14827 .elementor-element.elementor-element-8766a52 .elementor-button:focus{background-color:var( --e-global-color-b100488 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-8766a52 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-8766a52 .elementor-button:hover svg, .elementor-14827 .elementor-element.elementor-element-8766a52 .elementor-button:focus svg{fill:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-d47f40e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 5px 0px rgba(197.20000000000002, 197.20000000000002, 197.20000000000002, 0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-d47f40e:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-d47f40e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-14827 .elementor-element.elementor-element-8c6ba3d > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-14827 .elementor-element.elementor-element-8c6ba3d .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:25px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-ebb5954.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-14827 .elementor-element.elementor-element-ebb5954{font-size:16px;}.elementor-14827 .elementor-element.elementor-element-fa2b50f .elementor-button{background-color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;line-height:28px;fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b100488 );border-radius:100px 100px 100px 100px;padding:8px 12px 8px 12px;}.elementor-14827 .elementor-element.elementor-element-fa2b50f .elementor-button:hover, .elementor-14827 .elementor-element.elementor-element-fa2b50f .elementor-button:focus{background-color:var( --e-global-color-b100488 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-fa2b50f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-fa2b50f .elementor-button:hover svg, .elementor-14827 .elementor-element.elementor-element-fa2b50f .elementor-button:focus svg{fill:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-67eb916{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 5px 0px rgba(197.20000000000002, 197.20000000000002, 197.20000000000002, 0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-67eb916:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-67eb916 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-14827 .elementor-element.elementor-element-ae001b1 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-14827 .elementor-element.elementor-element-ae001b1 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:25px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-877ec29.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-14827 .elementor-element.elementor-element-877ec29{font-size:16px;}.elementor-14827 .elementor-element.elementor-element-c2bd295 .elementor-button{background-color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;line-height:28px;fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b100488 );border-radius:100px 100px 100px 100px;padding:8px 12px 8px 12px;}.elementor-14827 .elementor-element.elementor-element-c2bd295 .elementor-button:hover, .elementor-14827 .elementor-element.elementor-element-c2bd295 .elementor-button:focus{background-color:var( --e-global-color-b100488 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-c2bd295 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-c2bd295 .elementor-button:hover svg, .elementor-14827 .elementor-element.elementor-element-c2bd295 .elementor-button:focus svg{fill:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-2db3dfe{--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:75px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-04a2002{--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;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-d14a2a9{--display:flex;--justify-content:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;--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-14827 .elementor-element.elementor-element-d14a2a9::before, .elementor-14827 .elementor-element.elementor-element-d14a2a9 > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-d14a2a9 > .e-con-inner > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-d14a2a9 > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-d14a2a9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-d14a2a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14827 .elementor-element.elementor-element-6361316 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-6361316{text-align:start;}.elementor-14827 .elementor-element.elementor-element-6361316 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:500;line-height:60px;}.elementor-14827 .elementor-element.elementor-element-750521e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-750521e .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:16px;}.elementor-14827 .elementor-element.elementor-element-750521e .elementor-icon-box-title{margin-block-end:10px;}.elementor-14827 .elementor-element.elementor-element-750521e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-750521e.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-750521e.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-750521e.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-750521e.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-750521e.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-750521e.elementor-view-stacked:has(:focus) .elementor-icon{fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-750521e .elementor-icon{font-size:25px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-14827 .elementor-element.elementor-element-750521e .elementor-icon i{transform:rotate(0deg);}.elementor-14827 .elementor-element.elementor-element-750521e .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-750521e .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:22px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-dfb0569 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-dfb0569 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:16px;}.elementor-14827 .elementor-element.elementor-element-dfb0569 .elementor-icon-box-title{margin-block-end:10px;}.elementor-14827 .elementor-element.elementor-element-dfb0569.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-dfb0569.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-dfb0569.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-dfb0569.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-dfb0569.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-dfb0569.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-dfb0569.elementor-view-stacked:has(:focus) .elementor-icon{fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-dfb0569 .elementor-icon{font-size:25px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-14827 .elementor-element.elementor-element-dfb0569 .elementor-icon i{transform:rotate(0deg);}.elementor-14827 .elementor-element.elementor-element-dfb0569 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-dfb0569 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:22px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-fb3a152 > .elementor-widget-container{margin:-10px 0px 0px 90px;padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-fb3a152 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-14827 .elementor-element.elementor-element-fb3a152 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-14827 .elementor-element.elementor-element-fb3a152 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-14827 .elementor-element.elementor-element-fb3a152 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-14827 .elementor-element.elementor-element-fb3a152 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-14827 .elementor-element.elementor-element-fb3a152 .elementor-icon-list-icon i{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-14827 .elementor-element.elementor-element-fb3a152 .elementor-icon-list-icon svg{fill:var( --e-global-color-text );transition:fill 0.3s;}.elementor-14827 .elementor-element.elementor-element-fb3a152{--e-icon-list-icon-size:16px;--icon-vertical-align:flex-start;--icon-vertical-offset:5px;}.elementor-14827 .elementor-element.elementor-element-fb3a152 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-14827 .elementor-element.elementor-element-fb3a152 .elementor-icon-list-item > a{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:300;line-height:28px;letter-spacing:0.5px;}.elementor-14827 .elementor-element.elementor-element-fb3a152 .elementor-icon-list-text{transition:color 0.3s;}.elementor-14827 .elementor-element.elementor-element-1d5b35f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-1d5b35f .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:16px;}.elementor-14827 .elementor-element.elementor-element-1d5b35f .elementor-icon-box-title{margin-block-end:10px;}.elementor-14827 .elementor-element.elementor-element-1d5b35f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-1d5b35f.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-1d5b35f.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-1d5b35f.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-1d5b35f.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-1d5b35f.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-1d5b35f.elementor-view-stacked:has(:focus) .elementor-icon{fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-1d5b35f .elementor-icon{font-size:25px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-14827 .elementor-element.elementor-element-1d5b35f .elementor-icon i{transform:rotate(0deg);}.elementor-14827 .elementor-element.elementor-element-1d5b35f .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-1d5b35f .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:22px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-24e4011{--display:flex;--justify-content:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-24e4011::before, .elementor-14827 .elementor-element.elementor-element-24e4011 > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-24e4011 > .e-con-inner > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-24e4011 > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-24e4011 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-24e4011 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14827 .elementor-element.elementor-element-8657a0f img{border-radius:16px 16px 16px 16px;}.elementor-14827 .elementor-element.elementor-element-49372d2{--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:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-49372d2:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-49372d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-e115e64{text-align:center;}.elementor-14827 .elementor-element.elementor-element-e115e64 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:500;line-height:70px;color:#FFFFFF;}.elementor-14827 .elementor-element.elementor-element-6f501d7{--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:75px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-6f501d7:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-6f501d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-14827 .elementor-element.elementor-element-6f501d7 > .elementor-shape-bottom svg, .elementor-14827 .elementor-element.elementor-element-6f501d7 > .e-con-inner > .elementor-shape-bottom svg{width:calc(135% + 1.3px);height:88px;}.elementor-14827 .elementor-element.elementor-element-6193e62 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-14827 .elementor-element.elementor-element-6193e62{text-align:start;}.elementor-14827 .elementor-element.elementor-element-6193e62 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:500;line-height:60px;}.elementor-14827 .elementor-element.elementor-element-a3643f5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-1a57bbb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 5px 0px rgba(197.20000000000002, 197.20000000000002, 197.20000000000002, 0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-1a57bbb:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-1a57bbb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-14827 .elementor-element.elementor-element-e2dbf2b > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-14827 .elementor-element.elementor-element-e2dbf2b .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:25px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-c6567c7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-c6567c7{font-size:16px;}.elementor-14827 .elementor-element.elementor-element-13abc0c > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-14827 .elementor-element.elementor-element-13abc0c.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-14827 .elementor-element.elementor-element-13abc0c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-14827 .elementor-element.elementor-element-13abc0c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-14827 .elementor-element.elementor-element-13abc0c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-14827 .elementor-element.elementor-element-13abc0c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-14827 .elementor-element.elementor-element-13abc0c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-14827 .elementor-element.elementor-element-13abc0c .elementor-icon-list-icon i{color:var( --e-global-color-b100488 );transition:color 0.3s;}.elementor-14827 .elementor-element.elementor-element-13abc0c .elementor-icon-list-icon svg{fill:var( --e-global-color-b100488 );transition:fill 0.3s;}.elementor-14827 .elementor-element.elementor-element-13abc0c{--e-icon-list-icon-size:16px;--icon-vertical-align:flex-start;--icon-vertical-offset:5px;}.elementor-14827 .elementor-element.elementor-element-13abc0c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-14827 .elementor-element.elementor-element-13abc0c .elementor-icon-list-item > a{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:300;line-height:28px;letter-spacing:0.5px;}.elementor-14827 .elementor-element.elementor-element-13abc0c .elementor-icon-list-text{transition:color 0.3s;}.elementor-14827 .elementor-element.elementor-element-f9bedfb .elementor-button{background-color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;line-height:28px;fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b100488 );border-radius:100px 100px 100px 100px;padding:8px 12px 8px 12px;}.elementor-14827 .elementor-element.elementor-element-f9bedfb .elementor-button:hover, .elementor-14827 .elementor-element.elementor-element-f9bedfb .elementor-button:focus{background-color:var( --e-global-color-b100488 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-f9bedfb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-f9bedfb .elementor-button:hover svg, .elementor-14827 .elementor-element.elementor-element-f9bedfb .elementor-button:focus svg{fill:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-7fa32e8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 5px 0px rgba(197.20000000000002, 197.20000000000002, 197.20000000000002, 0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-7fa32e8:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-7fa32e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-14827 .elementor-element.elementor-element-c6edcc8 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-14827 .elementor-element.elementor-element-c6edcc8 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:25px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-d476ac6{font-size:16px;}.elementor-14827 .elementor-element.elementor-element-f82c71a > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-14827 .elementor-element.elementor-element-f82c71a.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-14827 .elementor-element.elementor-element-f82c71a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(5px/2);}.elementor-14827 .elementor-element.elementor-element-f82c71a .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(5px/2);}.elementor-14827 .elementor-element.elementor-element-f82c71a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(5px/2);}.elementor-14827 .elementor-element.elementor-element-f82c71a .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-5px/2);}.elementor-14827 .elementor-element.elementor-element-f82c71a .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-5px/2);}.elementor-14827 .elementor-element.elementor-element-f82c71a .elementor-icon-list-icon i{color:var( --e-global-color-b100488 );transition:color 0.3s;}.elementor-14827 .elementor-element.elementor-element-f82c71a .elementor-icon-list-icon svg{fill:var( --e-global-color-b100488 );transition:fill 0.3s;}.elementor-14827 .elementor-element.elementor-element-f82c71a{--e-icon-list-icon-size:16px;--icon-vertical-align:flex-start;--icon-vertical-offset:5px;}.elementor-14827 .elementor-element.elementor-element-f82c71a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-14827 .elementor-element.elementor-element-f82c71a .elementor-icon-list-item > a{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:300;line-height:28px;letter-spacing:0.5px;}.elementor-14827 .elementor-element.elementor-element-f82c71a .elementor-icon-list-text{transition:color 0.3s;}.elementor-14827 .elementor-element.elementor-element-b243cfb .elementor-button{background-color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;line-height:28px;fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b100488 );border-radius:100px 100px 100px 100px;padding:8px 12px 8px 12px;}.elementor-14827 .elementor-element.elementor-element-b243cfb .elementor-button:hover, .elementor-14827 .elementor-element.elementor-element-b243cfb .elementor-button:focus{background-color:var( --e-global-color-b100488 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-b243cfb > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-b243cfb .elementor-button:hover svg, .elementor-14827 .elementor-element.elementor-element-b243cfb .elementor-button:focus svg{fill:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-b8bd91b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 5px 0px rgba(197.20000000000002, 197.20000000000002, 197.20000000000002, 0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-b8bd91b:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-b8bd91b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-14827 .elementor-element.elementor-element-4f1dba8 > .elementor-widget-container{padding:0px 0px 10px 0px;}.elementor-14827 .elementor-element.elementor-element-4f1dba8 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:25px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-c76afa6.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-14827 .elementor-element.elementor-element-c76afa6{font-size:16px;}.elementor-14827 .elementor-element.elementor-element-f98228e .elementor-button{background-color:#FFFFFF;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;line-height:28px;fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-b100488 );border-radius:100px 100px 100px 100px;padding:8px 12px 8px 12px;}.elementor-14827 .elementor-element.elementor-element-f98228e .elementor-button:hover, .elementor-14827 .elementor-element.elementor-element-f98228e .elementor-button:focus{background-color:var( --e-global-color-b100488 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-f98228e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-f98228e .elementor-button:hover svg, .elementor-14827 .elementor-element.elementor-element-f98228e .elementor-button:focus svg{fill:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-ceb0bc2{--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:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-e4d5285{text-align:center;}.elementor-14827 .elementor-element.elementor-element-e4d5285 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:500;line-height:70px;}.elementor-14827 .elementor-element.elementor-element-c819fec{--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;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-29b4d6d{--display:flex;--justify-content:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;--padding-top:020px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-29b4d6d::before, .elementor-14827 .elementor-element.elementor-element-29b4d6d > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-29b4d6d > .e-con-inner > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-29b4d6d > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-29b4d6d > .e-con-inner > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-29b4d6d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14827 .elementor-element.elementor-element-e521c6f img{border-radius:16px 16px 16px 16px;}.elementor-14827 .elementor-element.elementor-element-8a7e5ec{--display:flex;--justify-content:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;--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-14827 .elementor-element.elementor-element-8a7e5ec::before, .elementor-14827 .elementor-element.elementor-element-8a7e5ec > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-8a7e5ec > .e-con-inner > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-8a7e5ec > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-8a7e5ec > .e-con-inner > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-8a7e5ec > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14827 .elementor-element.elementor-element-64f7e53 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-64f7e53 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:16px;}.elementor-14827 .elementor-element.elementor-element-64f7e53 .elementor-icon-box-title{margin-block-end:10px;}.elementor-14827 .elementor-element.elementor-element-64f7e53.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-64f7e53.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-64f7e53.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-64f7e53.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-64f7e53.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-64f7e53.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-64f7e53.elementor-view-stacked:has(:focus) .elementor-icon{fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-64f7e53 .elementor-icon{font-size:25px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-14827 .elementor-element.elementor-element-64f7e53 .elementor-icon i{transform:rotate(0deg);}.elementor-14827 .elementor-element.elementor-element-64f7e53 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-64f7e53 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:22px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-edc4560 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-edc4560 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:16px;}.elementor-14827 .elementor-element.elementor-element-edc4560 .elementor-icon-box-title{margin-block-end:10px;}.elementor-14827 .elementor-element.elementor-element-edc4560.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-edc4560.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-edc4560.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-edc4560.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-edc4560.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-edc4560.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-edc4560.elementor-view-stacked:has(:focus) .elementor-icon{fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-edc4560 .elementor-icon{font-size:25px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-14827 .elementor-element.elementor-element-edc4560 .elementor-icon i{transform:rotate(0deg);}.elementor-14827 .elementor-element.elementor-element-edc4560 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-edc4560 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:22px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-a116a45 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-a116a45 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:16px;}.elementor-14827 .elementor-element.elementor-element-a116a45 .elementor-icon-box-title{margin-block-end:10px;}.elementor-14827 .elementor-element.elementor-element-a116a45.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-a116a45.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-a116a45.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-a116a45.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a116a45.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-a116a45.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a116a45.elementor-view-stacked:has(:focus) .elementor-icon{fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-a116a45 .elementor-icon{font-size:25px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-14827 .elementor-element.elementor-element-a116a45 .elementor-icon i{transform:rotate(0deg);}.elementor-14827 .elementor-element.elementor-element-a116a45 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-a116a45 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:22px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-32bcb15{--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.81;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-32bcb15:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-32bcb15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wilapp.com/wp-content/uploads/2023/09/Fondo_Wilapp_Futuristic-Backgroung_01.png");}.elementor-14827 .elementor-element.elementor-element-32bcb15::before, .elementor-14827 .elementor-element.elementor-element-32bcb15 > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-32bcb15 > .e-con-inner > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-32bcb15 > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-32bcb15 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-32bcb15 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-14827 .elementor-element.elementor-element-16f7eb0{text-align:center;}.elementor-14827 .elementor-element.elementor-element-16f7eb0 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:500;line-height:70px;color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-7726fab{--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;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#414141;--border-color:#414141;--border-radius:20px 20px 20px 20px;--padding-top:40px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;--z-index:0;}.elementor-14827 .elementor-element.elementor-element-7726fab:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-7726fab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#35363A;}.elementor-14827 .elementor-element.elementor-element-e683455{--display:flex;--justify-content:space-between;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-e683455.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14827 .elementor-element.elementor-element-1cca007 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-14827 .elementor-element.elementor-element-1cca007 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:20px;}.elementor-14827 .elementor-element.elementor-element-1cca007 .elementor-icon-box-title{margin-block-end:15px;color:#FFFFFF;}.elementor-14827 .elementor-element.elementor-element-1cca007.elementor-view-stacked .elementor-icon{background-color:#089DA2;}.elementor-14827 .elementor-element.elementor-element-1cca007.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-1cca007.elementor-view-default .elementor-icon{fill:#089DA2;color:#089DA2;border-color:#089DA2;}.elementor-14827 .elementor-element.elementor-element-1cca007.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-1cca007.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-1cca007.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-1cca007.elementor-view-stacked:has(:focus) .elementor-icon{fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-1cca007 .elementor-icon{font-size:30px;border-radius:15px 15px 15px 15px;}.elementor-14827 .elementor-element.elementor-element-1cca007 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-1cca007 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:25px;font-weight:500;line-height:35px;}.elementor-14827 .elementor-element.elementor-element-1cca007 .elementor-icon-box-description{color:#FFFFFF;}.elementor-14827 .elementor-element.elementor-element-aa3b617 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-14827 .elementor-element.elementor-element-aa3b617 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:20px;}.elementor-14827 .elementor-element.elementor-element-aa3b617 .elementor-icon-box-title{margin-block-end:15px;color:#FFFFFF;}.elementor-14827 .elementor-element.elementor-element-aa3b617.elementor-view-stacked .elementor-icon{background-color:#089DA2;}.elementor-14827 .elementor-element.elementor-element-aa3b617.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-aa3b617.elementor-view-default .elementor-icon{fill:#089DA2;color:#089DA2;border-color:#089DA2;}.elementor-14827 .elementor-element.elementor-element-aa3b617.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-aa3b617.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-aa3b617.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-aa3b617.elementor-view-stacked:has(:focus) .elementor-icon{fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-aa3b617 .elementor-icon{font-size:30px;border-radius:15px 15px 15px 15px;}.elementor-14827 .elementor-element.elementor-element-aa3b617 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-aa3b617 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:25px;font-weight:500;line-height:35px;}.elementor-14827 .elementor-element.elementor-element-aa3b617 .elementor-icon-box-description{color:#FFFFFF;}.elementor-14827 .elementor-element.elementor-element-51ec085 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-14827 .elementor-element.elementor-element-51ec085 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:20px;}.elementor-14827 .elementor-element.elementor-element-51ec085 .elementor-icon-box-title{margin-block-end:15px;color:#FFFFFF;}.elementor-14827 .elementor-element.elementor-element-51ec085.elementor-view-stacked .elementor-icon{background-color:#089DA2;}.elementor-14827 .elementor-element.elementor-element-51ec085.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-51ec085.elementor-view-default .elementor-icon{fill:#089DA2;color:#089DA2;border-color:#089DA2;}.elementor-14827 .elementor-element.elementor-element-51ec085.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-51ec085.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-51ec085.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-51ec085.elementor-view-stacked:has(:focus) .elementor-icon{fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-51ec085 .elementor-icon{font-size:30px;border-radius:15px 15px 15px 15px;}.elementor-14827 .elementor-element.elementor-element-51ec085 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-51ec085 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:25px;font-weight:500;line-height:35px;}.elementor-14827 .elementor-element.elementor-element-51ec085 .elementor-icon-box-description{color:#FFFFFF;}.elementor-14827 .elementor-element.elementor-element-f40083d{--display:flex;--justify-content:flex-end;border-style:solid;--border-style:solid;border-width:15px 15px 0px 15px;--border-top-width:15px;--border-right-width:15px;--border-bottom-width:0px;--border-left-width:15px;border-color:#3B3B3B;--border-color:#3B3B3B;--border-radius:10px 10px 0px 0px;--margin-top:40px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-f40083d:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-f40083d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wilapp.com/wp-content/uploads/2025/12/servicio-Wilapp-estrategia-digital.jpg");background-position:bottom center;background-size:cover;}.elementor-14827 .elementor-element.elementor-element-720cf5d .elementor-button{background-color:#EDFCFF;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;line-height:28px;fill:#009DA2;color:#009DA2;border-style:none;border-radius:100px 100px 100px 100px;padding:16px 24px 16px 24px;}.elementor-14827 .elementor-element.elementor-element-720cf5d > .elementor-widget-container{padding:30px 0px 30px 0px;}.elementor-14827 .elementor-element.elementor-element-4bbf032{--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:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-8b2f043{--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;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-9bf425c{--display:flex;--justify-content:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;--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-14827 .elementor-element.elementor-element-9bf425c::before, .elementor-14827 .elementor-element.elementor-element-9bf425c > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-9bf425c > .e-con-inner > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-9bf425c > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-9bf425c > .e-con-inner > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-9bf425c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14827 .elementor-element.elementor-element-aa47e34 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-14827 .elementor-element.elementor-element-aa47e34{text-align:start;}.elementor-14827 .elementor-element.elementor-element-aa47e34 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:500;line-height:60px;}.elementor-14827 .elementor-element.elementor-element-52ae30c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-52ae30c .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:16px;}.elementor-14827 .elementor-element.elementor-element-52ae30c .elementor-icon-box-title{margin-block-end:10px;}.elementor-14827 .elementor-element.elementor-element-52ae30c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-52ae30c.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-52ae30c.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-52ae30c.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-52ae30c.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-52ae30c.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-52ae30c.elementor-view-stacked:has(:focus) .elementor-icon{fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-52ae30c .elementor-icon{font-size:25px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-14827 .elementor-element.elementor-element-52ae30c .elementor-icon i{transform:rotate(0deg);}.elementor-14827 .elementor-element.elementor-element-52ae30c .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-52ae30c .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:22px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-52ae30c .elementor-icon-box-description{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:300;line-height:28px;letter-spacing:0.5px;}.elementor-14827 .elementor-element.elementor-element-4beb016 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-4beb016 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:16px;}.elementor-14827 .elementor-element.elementor-element-4beb016 .elementor-icon-box-title{margin-block-end:10px;}.elementor-14827 .elementor-element.elementor-element-4beb016.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-4beb016.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-4beb016.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-4beb016.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-4beb016.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-4beb016.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-4beb016.elementor-view-stacked:has(:focus) .elementor-icon{fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-4beb016 .elementor-icon{font-size:25px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-14827 .elementor-element.elementor-element-4beb016 .elementor-icon i{transform:rotate(0deg);}.elementor-14827 .elementor-element.elementor-element-4beb016 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-4beb016 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:22px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-eba1061 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-eba1061 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:16px;}.elementor-14827 .elementor-element.elementor-element-eba1061 .elementor-icon-box-title{margin-block-end:10px;}.elementor-14827 .elementor-element.elementor-element-eba1061.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-eba1061.elementor-view-framed .elementor-icon, .elementor-14827 .elementor-element.elementor-element-eba1061.elementor-view-default .elementor-icon{fill:var( --e-global-color-b100488 );color:var( --e-global-color-b100488 );border-color:var( --e-global-color-b100488 );}.elementor-14827 .elementor-element.elementor-element-eba1061.elementor-view-framed:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-eba1061.elementor-view-framed:has(:focus) .elementor-icon{background-color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-eba1061.elementor-view-stacked:has(:hover) .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-eba1061.elementor-view-stacked:has(:focus) .elementor-icon{fill:var( --e-global-color-e777cd9 );color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-eba1061 .elementor-icon{font-size:25px;padding:16px;border-radius:16px 16px 16px 16px;}.elementor-14827 .elementor-element.elementor-element-eba1061 .elementor-icon i{transform:rotate(0deg);}.elementor-14827 .elementor-element.elementor-element-eba1061 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-eba1061 .elementor-icon-box-title a{font-family:"DM Sans", Sans-serif;font-size:22px;font-weight:500;line-height:30px;}.elementor-14827 .elementor-element.elementor-element-edd0159{--display:flex;--justify-content:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-edd0159::before, .elementor-14827 .elementor-element.elementor-element-edd0159 > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-edd0159 > .e-con-inner > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-edd0159 > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-edd0159 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-edd0159 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14827 .elementor-element.elementor-element-90b4bc3 img{border-radius:16px 16px 16px 16px;}.elementor-14827 .elementor-element.elementor-element-18031ef{--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:75px;--padding-bottom:75px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-fb8b129 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:500;line-height:70px;}.elementor-14827 .elementor-element.elementor-element-29a8cb4{--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:75px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-02f4c97{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-ee880f8{--display:flex;--justify-content:center;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;--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-14827 .elementor-element.elementor-element-ee880f8::before, .elementor-14827 .elementor-element.elementor-element-ee880f8 > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-ee880f8 > .e-con-inner > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-ee880f8 > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-ee880f8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-ee880f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14827 .elementor-element.elementor-element-e91f8e0{text-align:start;}.elementor-14827 .elementor-element.elementor-element-e91f8e0 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:500;line-height:70px;}.elementor-14827 .elementor-element.elementor-element-4196ce3{--display:flex;--border-radius:16px 16px 16px 16px;}.elementor-14827 .elementor-element.elementor-element-2b74da1{--display:flex;}.elementor-14827 .elementor-element.elementor-element-2554bc1{--display:flex;}.elementor-14827 .elementor-element.elementor-element-b706096{--n-accordion-title-font-size:1,75rem;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:16px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:16px 16px 16px 16px;--n-accordion-icon-size:15px;}.elementor-14827 .elementor-element.elementor-element-b706096 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#E8E8E8;border-style:none;}:where( .elementor-14827 .elementor-element.elementor-element-b706096 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;--border-radius:16px 16px 16px 16px;}.elementor-14827 .elementor-element.elementor-element-e52321c{--display:flex;--justify-content:flex-end;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-e52321c::before, .elementor-14827 .elementor-element.elementor-element-e52321c > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-e52321c > .e-con-inner > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-e52321c > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-e52321c > .e-con-inner > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-e52321c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-14827 .elementor-element.elementor-element-68df515 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-68df515 img{border-radius:20px 20px 20px 20px;}.elementor-14827 .elementor-element.elementor-element-d81c659{--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:100px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-c613901{--display:flex;--overlay-opacity:0.47;--border-radius:16px 16px 16px 16px;--padding-top:100px;--padding-bottom:100px;--padding-left:80px;--padding-right:80px;}.elementor-14827 .elementor-element.elementor-element-c613901:not(.elementor-motion-effects-element-type-background), .elementor-14827 .elementor-element.elementor-element-c613901 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://wilapp.com/wp-content/uploads/2024/11/Fondo_Wilapp_Tecnologico_02.png");background-size:cover;}.elementor-14827 .elementor-element.elementor-element-c613901::before, .elementor-14827 .elementor-element.elementor-element-c613901 > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-c613901 > .e-con-inner > .elementor-background-video-container::before, .elementor-14827 .elementor-element.elementor-element-c613901 > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-c613901 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14827 .elementor-element.elementor-element-c613901 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-14827 .elementor-element.elementor-element-2084f04{text-align:center;}.elementor-14827 .elementor-element.elementor-element-2084f04 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:50px;font-weight:500;line-height:70px;color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-8fcc470{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;font-family:"DM Sans", Sans-serif;font-size:22px;font-weight:300;line-height:28px;letter-spacing:0.5px;color:var( --e-global-color-e777cd9 );}.elementor-14827 .elementor-element.elementor-element-8fcc470 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-8fcc470.elementor-element{--align-self:center;}.elementor-14827 .elementor-element.elementor-element-39e93ff .elementor-button{background-color:#009DA2;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:600;line-height:28px;fill:#EDFCFF;color:#EDFCFF;border-radius:100px 100px 100px 100px;padding:16px 24px 16px 24px;}.elementor-14827 .elementor-element.elementor-element-39e93ff > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-14827 .elementor-element.elementor-element-70fbfbd{--padding-top:70px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-13a9634 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-14827 .elementor-element.elementor-element-3a397fd{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14827 .elementor-element.elementor-element-2296256{width:100%;max-width:100%;text-align:center;}.elementor-14827 .elementor-element.elementor-element-2296256 .elementor-heading-title{font-size:25px;line-height:1em;}.elementor-14827 .elementor-element.elementor-element-eb9a228{--e-n-carousel-swiper-slides-to-display:2;}.elementor-14827 .elementor-element.elementor-element-eb9a228 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-eb9a228 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {padding:0px 15px 0px 15px;}.elementor-14827 .elementor-element.elementor-element-1ea7681{--padding-top:75px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-55c6974 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-14827 .elementor-element.elementor-element-c0b45a5{--grid-auto-flow:row;}.elementor-14827 .elementor-element.elementor-element-7567a4b{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-f3fdec0{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14827 .elementor-element.elementor-element-10eec52{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-b93bc8b .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-14827 .elementor-element.elementor-element-7a3e69a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-14827 .elementor-element.elementor-element-916685c{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-cc8982c .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-14827 .elementor-element.elementor-element-87aa891{--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:0px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-9b82acc .elementor-heading-title{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-80d23dd .elementor-heading-title{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-8c6ba3d .elementor-heading-title{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-ae001b1 .elementor-heading-title{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-2db3dfe{--padding-top:70px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-04a2002{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14827 .elementor-element.elementor-element-6361316 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-14827 .elementor-element.elementor-element-750521e .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-750521e .elementor-icon-box-title a{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-dfb0569 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-dfb0569 .elementor-icon-box-title a{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-1d5b35f .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-1d5b35f .elementor-icon-box-title a{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-24e4011{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-e115e64 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-14827 .elementor-element.elementor-element-6f501d7{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-6193e62 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-14827 .elementor-element.elementor-element-a3643f5{--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:0px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-e2dbf2b .elementor-heading-title{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-c6edcc8 .elementor-heading-title{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-4f1dba8 .elementor-heading-title{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-ceb0bc2{--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-e4d5285 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-14827 .elementor-element.elementor-element-c819fec{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-e521c6f img{width:75%;}.elementor-14827 .elementor-element.elementor-element-64f7e53 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-64f7e53 .elementor-icon-box-title a{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-edc4560 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-edc4560 .elementor-icon-box-title a{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-a116a45 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-a116a45 .elementor-icon-box-title a{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-16f7eb0 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-14827 .elementor-element.elementor-element-7726fab{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14827 .elementor-element.elementor-element-e683455{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-1cca007 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-1cca007 .elementor-icon-box-title a{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-aa3b617 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-aa3b617 .elementor-icon-box-title a{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-51ec085 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-51ec085 .elementor-icon-box-title a{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-f40083d{--min-height:395px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14827 .elementor-element.elementor-element-4bbf032{--padding-top:70px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-aa47e34 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-14827 .elementor-element.elementor-element-52ae30c .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-52ae30c .elementor-icon-box-title a{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-4beb016 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-4beb016 .elementor-icon-box-title a{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-eba1061 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-eba1061 .elementor-icon-box-title a{line-height:1em;}.elementor-14827 .elementor-element.elementor-element-edd0159{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-18031ef{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-fb8b129 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-14827 .elementor-element.elementor-element-29a8cb4{--padding-top:75px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-02f4c97{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14827 .elementor-element.elementor-element-e91f8e0 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-14827 .elementor-element.elementor-element-d81c659{--padding-top:30px;--padding-bottom:75px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-2084f04 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-14827 .elementor-element.elementor-element-2084f04 .elementor-heading-title{font-size:35px;line-height:1em;}.elementor-14827 .elementor-element.elementor-element-8fcc470{font-size:18px;}}@media(max-width:767px){.elementor-14827 .elementor-element.elementor-element-70fbfbd{--padding-top:90px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-13a9634 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-ec6fad1{font-size:18px;}.elementor-14827 .elementor-element.elementor-element-2296256 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-04bd153 > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-14827 .elementor-element.elementor-element-de69b01 > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-14827 .elementor-element.elementor-element-a518a2e > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-14827 .elementor-element.elementor-element-2b5fea0 > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-14827 .elementor-element.elementor-element-01c113b > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-14827 .elementor-element.elementor-element-9d9d2e0 > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-14827 .elementor-element.elementor-element-eb9a228{--e-n-carousel-swiper-slides-to-display:1;}.elementor-14827 .elementor-element.elementor-element-eb9a228 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {padding:0px 10px 0px 10px;}.elementor-14827 .elementor-element.elementor-element-1ea7681{--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-55c6974 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-c0b45a5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-14827 .elementor-element.elementor-element-ea786d6{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-54cf805 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-54cf805 .elementor-icon-box-title a{font-size:20px;}.elementor-14827 .elementor-element.elementor-element-9424b4a{--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-1b450cf .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-1b450cf .elementor-icon-box-title a{font-size:20px;}.elementor-14827 .elementor-element.elementor-element-7567a4b{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-f3fdec0{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-b93bc8b .elementor-heading-title{font-size:25px;}.elementor-14827 .elementor-element.elementor-element-7a3e69a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-14827 .elementor-element.elementor-element-93dbcea .elementor-button{font-size:16px;}.elementor-14827 .elementor-element.elementor-element-916685c{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-cc8982c .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-87aa891{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-783eebf{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-9b82acc .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-8aeddfe{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-80d23dd .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-d47f40e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-8c6ba3d .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-67eb916{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-ae001b1 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-04a2002{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-14827 .elementor-element.elementor-element-6361316 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-750521e .elementor-icon-box-wrapper{text-align:start;}.elementor-14827 .elementor-element.elementor-element-750521e .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-750521e .elementor-icon-box-title a{font-size:20px;}.elementor-14827 .elementor-element.elementor-element-750521e .elementor-icon-box-description{font-size:18px;}.elementor-14827 .elementor-element.elementor-element-dfb0569 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-dfb0569 .elementor-icon-box-title a{font-size:20px;}.elementor-14827 .elementor-element.elementor-element-dfb0569 .elementor-icon-box-description{font-size:18px;}.elementor-14827 .elementor-element.elementor-element-fb3a152 > .elementor-widget-container{margin:-10px 0px 0px 010px;}.elementor-14827 .elementor-element.elementor-element-1d5b35f .elementor-icon-box-wrapper{text-align:start;}.elementor-14827 .elementor-element.elementor-element-1d5b35f .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-1d5b35f .elementor-icon-box-title a{font-size:20px;}.elementor-14827 .elementor-element.elementor-element-1d5b35f .elementor-icon-box-description{font-size:18px;}.elementor-14827 .elementor-element.elementor-element-49372d2{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-e115e64 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-6f501d7{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-6193e62 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-a3643f5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-1a57bbb{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-e2dbf2b .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-7fa32e8{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-c6edcc8 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-b8bd91b{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-4f1dba8 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-ceb0bc2{--padding-top:50px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-e4d5285 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-c819fec{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-14827 .elementor-element.elementor-element-29b4d6d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14827 .elementor-element.elementor-element-64f7e53 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-64f7e53 .elementor-icon-box-title a{font-size:20px;}.elementor-14827 .elementor-element.elementor-element-edc4560 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-edc4560 .elementor-icon-box-title a{font-size:20px;}.elementor-14827 .elementor-element.elementor-element-a116a45 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-a116a45 .elementor-icon-box-title a{font-size:20px;}.elementor-14827 .elementor-element.elementor-element-32bcb15{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-16f7eb0 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-7726fab{--padding-top:40px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-1cca007 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-1cca007 .elementor-icon-box-title a{font-size:20px;}.elementor-14827 .elementor-element.elementor-element-aa3b617 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-aa3b617 .elementor-icon-box-title a{font-size:20px;}.elementor-14827 .elementor-element.elementor-element-51ec085 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-51ec085 .elementor-icon-box-title a{font-size:20px;}.elementor-14827 .elementor-element.elementor-element-f40083d{--min-height:164px;}.elementor-14827 .elementor-element.elementor-element-8b2f043{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-14827 .elementor-element.elementor-element-aa47e34 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-52ae30c .elementor-icon-box-wrapper{text-align:start;}.elementor-14827 .elementor-element.elementor-element-52ae30c .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-52ae30c .elementor-icon-box-title a{font-size:20px;}.elementor-14827 .elementor-element.elementor-element-4beb016 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-4beb016 .elementor-icon-box-title a{font-size:20px;}.elementor-14827 .elementor-element.elementor-element-4beb016 .elementor-icon-box-description{font-size:18px;}.elementor-14827 .elementor-element.elementor-element-eba1061 .elementor-icon-box-title, .elementor-14827 .elementor-element.elementor-element-eba1061 .elementor-icon-box-title a{font-size:20px;}.elementor-14827 .elementor-element.elementor-element-eba1061 .elementor-icon-box-description{font-size:18px;}.elementor-14827 .elementor-element.elementor-element-fb8b129 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-02f4c97{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-14827 .elementor-element.elementor-element-e91f8e0 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-c613901{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-14827 .elementor-element.elementor-element-2084f04 .elementor-heading-title{font-size:30px;}.elementor-14827 .elementor-element.elementor-element-8fcc470{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-14827 .elementor-element.elementor-element-70fbfbd{--content-width:1200px;}.elementor-14827 .elementor-element.elementor-element-3a397fd{--content-width:1200px;}.elementor-14827 .elementor-element.elementor-element-1ea7681{--content-width:1200px;}.elementor-14827 .elementor-element.elementor-element-7567a4b{--content-width:1200px;}.elementor-14827 .elementor-element.elementor-element-10eec52{--width:100%;}.elementor-14827 .elementor-element.elementor-element-916685c{--content-width:1200px;}.elementor-14827 .elementor-element.elementor-element-2db3dfe{--content-width:1200px;}.elementor-14827 .elementor-element.elementor-element-49372d2{--content-width:950px;}.elementor-14827 .elementor-element.elementor-element-6f501d7{--content-width:1200px;}.elementor-14827 .elementor-element.elementor-element-ceb0bc2{--content-width:1200px;}.elementor-14827 .elementor-element.elementor-element-32bcb15{--content-width:1200px;}.elementor-14827 .elementor-element.elementor-element-e683455{--width:57%;}.elementor-14827 .elementor-element.elementor-element-4bbf032{--content-width:1200px;}.elementor-14827 .elementor-element.elementor-element-18031ef{--content-width:1200px;}.elementor-14827 .elementor-element.elementor-element-29a8cb4{--content-width:1200px;}.elementor-14827 .elementor-element.elementor-element-d81c659{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-14827 .elementor-element.elementor-element-10eec52{--width:100%;}.elementor-14827 .elementor-element.elementor-element-d14a2a9{--width:100%;}.elementor-14827 .elementor-element.elementor-element-e683455{--width:100%;}}/* Start custom CSS for icon-box, class: .elementor-element-04bd153 *//*
'.elementor-14827 .elementor-element.elementor-element-04bd153' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-04bd153 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-04bd153 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-04bd153 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-04bd153 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-04bd153' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-de69b01 *//*
'.elementor-14827 .elementor-element.elementor-element-de69b01' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-de69b01 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-de69b01 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-de69b01 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-de69b01 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-de69b01' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a518a2e *//*
'.elementor-14827 .elementor-element.elementor-element-a518a2e' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-a518a2e > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-a518a2e {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-a518a2e a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-a518a2e a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-a518a2e' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2b5fea0 *//*
'.elementor-14827 .elementor-element.elementor-element-2b5fea0' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-2b5fea0' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-01c113b *//*
'.elementor-14827 .elementor-element.elementor-element-01c113b' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-01c113b > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-01c113b {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-01c113b a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-01c113b a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-01c113b' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9d9d2e0 *//*
'.elementor-14827 .elementor-element.elementor-element-9d9d2e0' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-9d9d2e0' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-04bd153 *//*
'.elementor-14827 .elementor-element.elementor-element-04bd153' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-04bd153 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-04bd153 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-04bd153 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-04bd153 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-04bd153' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-de69b01 *//*
'.elementor-14827 .elementor-element.elementor-element-de69b01' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-de69b01 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-de69b01 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-de69b01 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-de69b01 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-de69b01' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a518a2e *//*
'.elementor-14827 .elementor-element.elementor-element-a518a2e' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-a518a2e > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-a518a2e {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-a518a2e a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-a518a2e a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-a518a2e' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2b5fea0 *//*
'.elementor-14827 .elementor-element.elementor-element-2b5fea0' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-2b5fea0' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-01c113b *//*
'.elementor-14827 .elementor-element.elementor-element-01c113b' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-01c113b > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-01c113b {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-01c113b a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-01c113b a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-01c113b' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9d9d2e0 *//*
'.elementor-14827 .elementor-element.elementor-element-9d9d2e0' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-9d9d2e0' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-04bd153 *//*
'.elementor-14827 .elementor-element.elementor-element-04bd153' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-04bd153 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-04bd153 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-04bd153 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-04bd153 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-04bd153' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-de69b01 *//*
'.elementor-14827 .elementor-element.elementor-element-de69b01' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-de69b01 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-de69b01 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-de69b01 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-de69b01 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-de69b01' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a518a2e *//*
'.elementor-14827 .elementor-element.elementor-element-a518a2e' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-a518a2e > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-a518a2e {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-a518a2e a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-a518a2e a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-a518a2e' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2b5fea0 *//*
'.elementor-14827 .elementor-element.elementor-element-2b5fea0' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-2b5fea0' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-01c113b *//*
'.elementor-14827 .elementor-element.elementor-element-01c113b' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-01c113b > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-01c113b {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-01c113b a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-01c113b a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-01c113b' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9d9d2e0 *//*
'.elementor-14827 .elementor-element.elementor-element-9d9d2e0' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-9d9d2e0' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-04bd153 *//*
'.elementor-14827 .elementor-element.elementor-element-04bd153' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-04bd153 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-04bd153 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-04bd153 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-04bd153 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-04bd153' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-de69b01 *//*
'.elementor-14827 .elementor-element.elementor-element-de69b01' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-de69b01 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-de69b01 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-de69b01 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-de69b01 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-de69b01' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a518a2e *//*
'.elementor-14827 .elementor-element.elementor-element-a518a2e' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-a518a2e > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-a518a2e {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-a518a2e a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-a518a2e a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-a518a2e' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2b5fea0 *//*
'.elementor-14827 .elementor-element.elementor-element-2b5fea0' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-2b5fea0' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-01c113b *//*
'.elementor-14827 .elementor-element.elementor-element-01c113b' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-01c113b > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-01c113b {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-01c113b a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-01c113b a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-01c113b' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9d9d2e0 *//*
'.elementor-14827 .elementor-element.elementor-element-9d9d2e0' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-9d9d2e0' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-04bd153 *//*
'.elementor-14827 .elementor-element.elementor-element-04bd153' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-04bd153 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-04bd153 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-04bd153 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-04bd153 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-04bd153' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-de69b01 *//*
'.elementor-14827 .elementor-element.elementor-element-de69b01' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-de69b01 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-de69b01 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-de69b01 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-de69b01 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-de69b01' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a518a2e *//*
'.elementor-14827 .elementor-element.elementor-element-a518a2e' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-a518a2e > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-a518a2e {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-a518a2e a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-a518a2e a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-a518a2e' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2b5fea0 *//*
'.elementor-14827 .elementor-element.elementor-element-2b5fea0' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-2b5fea0' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-01c113b *//*
'.elementor-14827 .elementor-element.elementor-element-01c113b' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-01c113b > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-01c113b {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-01c113b a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-01c113b a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-01c113b' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9d9d2e0 *//*
'.elementor-14827 .elementor-element.elementor-element-9d9d2e0' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-9d9d2e0' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-04bd153 *//*
'.elementor-14827 .elementor-element.elementor-element-04bd153' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-04bd153 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-04bd153 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-04bd153 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-04bd153 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-04bd153' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-de69b01 *//*
'.elementor-14827 .elementor-element.elementor-element-de69b01' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-de69b01 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-de69b01 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-de69b01 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-de69b01 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-de69b01' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a518a2e *//*
'.elementor-14827 .elementor-element.elementor-element-a518a2e' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-a518a2e > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-a518a2e {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-a518a2e a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-a518a2e a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-a518a2e' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2b5fea0 *//*
'.elementor-14827 .elementor-element.elementor-element-2b5fea0' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-2b5fea0' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-01c113b *//*
'.elementor-14827 .elementor-element.elementor-element-01c113b' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-01c113b > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-01c113b {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-01c113b a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-01c113b a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-01c113b' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9d9d2e0 *//*
'.elementor-14827 .elementor-element.elementor-element-9d9d2e0' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-9d9d2e0' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-04bd153 *//*
'.elementor-14827 .elementor-element.elementor-element-04bd153' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-04bd153 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-04bd153 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-04bd153:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-04bd153 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-04bd153 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-04bd153 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-04bd153 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-04bd153' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-de69b01 *//*
'.elementor-14827 .elementor-element.elementor-element-de69b01' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-de69b01 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-de69b01 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-de69b01:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-de69b01 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-de69b01 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-de69b01 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-de69b01 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-de69b01' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-a518a2e *//*
'.elementor-14827 .elementor-element.elementor-element-a518a2e' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-a518a2e .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-a518a2e > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-a518a2e:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-a518a2e a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-a518a2e {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-a518a2e a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-a518a2e a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-a518a2e' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-2b5fea0 *//*
'.elementor-14827 .elementor-element.elementor-element-2b5fea0' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-2b5fea0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-2b5fea0 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-2b5fea0' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-01c113b *//*
'.elementor-14827 .elementor-element.elementor-element-01c113b' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-01c113b .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-01c113b > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-01c113b:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-01c113b a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-01c113b {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-01c113b a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-01c113b a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-01c113b' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9d9d2e0 *//*
'.elementor-14827 .elementor-element.elementor-element-9d9d2e0' apunta al widget Caja de Icono actual.
Esto fuerza a que el enlace () que envuelve el contenido
se comporte como un bloque y su contenido se centre.
*/
/* 1. Centra todo el contenido (ícono y texto) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-wrapper {
/* Asegura que el contenido se alinee al centro */
text-align: center;
}
/* 2. Asegura que el icono también se centre si está flotando */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 .elementor-icon-box-icon {
/* Anula flotadores y asegura la alineación si está en una línea separada */
float: none !important;
margin: 0 auto;
display: inline-block; /* O block, dependiendo de la estructura */
}
/* 3. Corrección específica para el enlace wrapper */
/* Si el enlace envuelve todo, esta regla es la más importante */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 > a {
/* Hace que el enlace ocupe todo el ancho de la columna */
width: 100%;
/* Alinea el contenido interno (el wrapper) al centro */
text-align: center;
/* Necesario si se usa Flexbox */
display: block;
}
/*
Selector apunta al widget Caja de Icono.
Forzamos el color del icono y el texto a negro (#000000) en hover.
*/
/* 1. ESTILO DEL ICONO (al pasar el ratón) */
/* Selector para el icono */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
/* Si el icono es un SVG o tiene un fondo/borde que quieras cambiar, añade: */
border-color: #000000 !important;
fill: #000000 !important;
}
/* 2. ESTILO DEL TÍTULO / TEXTO (al pasar el ratón) */
/* Selector para el Título (elementor-icon-box-title) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title {
color: #000000 !important;
}
/* 1. TÍTULO: Apunta a cualquier elemento dentro del título cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. ICONO: Apunta al icono cuando se hace hover en el enlace */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Sobrescribe el color del TEXTO/TÍTULO al pasar el ratón */
/* Apunta al contenedor del título y luego a cualquier encabezado que esté dentro,
forzando el color con la mayor especificidad posible. */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-title * {
color: #000000 !important;
}
/* 2. Mantén el cambio de color del ICONO (si funciona) */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0:hover .elementor-icon-box-icon .elementor-icon,
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a:hover .elementor-icon-box-icon .elementor-icon {
color: #000000 !important;
fill: #000000 !important;
}
/* 1. Hacemos que el contenedor del widget sea la referencia de posición */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 {
position: relative;
overflow: hidden; /* Asegura que el pseudo-elemento no se desborde */
}
/* 2. Estiramos el enlace para cubrir el 100% de la caja usando un pseudo-elemento */
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a {
/* Para prevenir que el texto/icono se vea afectado por el z-index,
nos aseguramos de que el enlace en sí sea el objetivo. */
display: block;
}
.elementor-14827 .elementor-element.elementor-element-9d9d2e0 a::after {
/* Crea una capa invisible que cubre toda la caja */
content: "";
/* La posiciona absolutamente con respecto al '.elementor-14827 .elementor-element.elementor-element-9d9d2e0' (padre relativo) */
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* Asegura que la capa esté por encima del resto de contenido para capturar el clic */
z-index: 10;
/* Truco extra para asegurar que funcione en Elementor */
pointer-events: auto;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-eb9a228 *//* Centrar verticalmente las flechas de navegación */
.elementor-14827 .elementor-element.elementor-element-eb9a228 .elementor-swiper-button {
/* Las sitúa al 50% del borde superior */
top: 50% !important;
/* Corrección necesaria para que el centro de la flecha coincida con el 50% */
transform: translateY(-50%) !important;
/* Eliminamos márgenes que puedan estar estorbando */
margin-top: 0 !important;
}/* End custom CSS */