.elementor-25067 .elementor-element.elementor-element-8148e8f{--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;--margin-top:4rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:6rem;--padding-bottom:6rem;--padding-left:0rem;--padding-right:0rem;}.elementor-25067 .elementor-element.elementor-element-8148e8f:not(.elementor-motion-effects-element-type-background), .elementor-25067 .elementor-element.elementor-element-8148e8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-4cf749ed > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0rem 0rem 0rem 0rem;}.elementor-25067 .elementor-element.elementor-element-4cf749ed{text-align:center;}.elementor-25067 .elementor-element.elementor-element-94ca0ae{--display:flex;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25067 .elementor-element.elementor-element-2325901{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;--z-index:0;}.elementor-25067 .elementor-element.elementor-element-2325901:not(.elementor-motion-effects-element-type-background), .elementor-25067 .elementor-element.elementor-element-2325901 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-25067 .elementor-element.elementor-element-cab4937 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-cab4937 .elementor-icon-wrapper{text-align:start;}.elementor-25067 .elementor-element.elementor-element-cab4937.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-cab4937.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-cab4937.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-cab4937.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-cab4937.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-cab4937.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-cab4937.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-cab4937 .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-25067 .elementor-element.elementor-element-cab4937 .elementor-icon svg{height:25px;}.elementor-25067 .elementor-element.elementor-element-ae1589e > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-ae1589e.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-25067 .elementor-element.elementor-element-ae1589e .elementor-heading-title{font-size:22px;}.elementor-25067 .elementor-element.elementor-element-06fd01b > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-25067 .elementor-element.elementor-element-5ceec1d .elementor-button{background-color:#497645;font-size:15px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-5ceec1d .elementor-button:hover, .elementor-25067 .elementor-element.elementor-element-5ceec1d .elementor-button:focus{background-color:#CBCECC;color:#FFFFFF;border-color:#121212;}.elementor-25067 .elementor-element.elementor-element-5ceec1d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-5ceec1d.elementor-element{--order:99999 /* order end hack */;}.elementor-25067 .elementor-element.elementor-element-5ceec1d{z-index:10;}.elementor-25067 .elementor-element.elementor-element-5ceec1d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-25067 .elementor-element.elementor-element-5ceec1d .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-25067 .elementor-element.elementor-element-5ceec1d .elementor-button:hover svg, .elementor-25067 .elementor-element.elementor-element-5ceec1d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-25067 .elementor-element.elementor-element-e7ccf16{--display:flex;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25067 .elementor-element.elementor-element-9aa19c2{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-25067 .elementor-element.elementor-element-9aa19c2:not(.elementor-motion-effects-element-type-background), .elementor-25067 .elementor-element.elementor-element-9aa19c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-25067 .elementor-element.elementor-element-d956548 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-d956548 .elementor-icon-wrapper{text-align:start;}.elementor-25067 .elementor-element.elementor-element-d956548.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-d956548.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-d956548.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-d956548.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-d956548.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-d956548.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-d956548.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-d956548 .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-25067 .elementor-element.elementor-element-d956548 .elementor-icon svg{height:25px;}.elementor-25067 .elementor-element.elementor-element-aef1f32 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-aef1f32.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-25067 .elementor-element.elementor-element-aef1f32 .elementor-heading-title{font-size:22px;}.elementor-25067 .elementor-element.elementor-element-8e3e659 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-25067 .elementor-element.elementor-element-ad321f9 .elementor-button{background-color:#497645;font-size:15px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-ad321f9 .elementor-button:hover, .elementor-25067 .elementor-element.elementor-element-ad321f9 .elementor-button:focus{background-color:#CBCECC;color:#FFFFFF;border-color:#121212;}.elementor-25067 .elementor-element.elementor-element-ad321f9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-ad321f9.elementor-element{--order:99999 /* order end hack */;}.elementor-25067 .elementor-element.elementor-element-ad321f9 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-25067 .elementor-element.elementor-element-ad321f9 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-25067 .elementor-element.elementor-element-ad321f9 .elementor-button:hover svg, .elementor-25067 .elementor-element.elementor-element-ad321f9 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-25067 .elementor-element.elementor-element-13e475c{--display:flex;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25067 .elementor-element.elementor-element-f1d4591{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-25067 .elementor-element.elementor-element-f1d4591:not(.elementor-motion-effects-element-type-background), .elementor-25067 .elementor-element.elementor-element-f1d4591 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-25067 .elementor-element.elementor-element-4c98d8e > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-4c98d8e .elementor-icon-wrapper{text-align:start;}.elementor-25067 .elementor-element.elementor-element-4c98d8e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-4c98d8e.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-4c98d8e.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-4c98d8e.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-4c98d8e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-4c98d8e.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-4c98d8e.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-4c98d8e .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-25067 .elementor-element.elementor-element-4c98d8e .elementor-icon svg{height:25px;}.elementor-25067 .elementor-element.elementor-element-8b0a5e5 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-8b0a5e5 .elementor-heading-title{font-size:22px;}.elementor-25067 .elementor-element.elementor-element-a61a13c > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-25067 .elementor-element.elementor-element-64e8dff .elementor-button{background-color:#497645;font-size:15px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-64e8dff .elementor-button:hover, .elementor-25067 .elementor-element.elementor-element-64e8dff .elementor-button:focus{background-color:#CBCECC;color:#FFFFFF;border-color:#121212;}.elementor-25067 .elementor-element.elementor-element-64e8dff > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-64e8dff.elementor-element{--order:99999 /* order end hack */;}.elementor-25067 .elementor-element.elementor-element-64e8dff .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-25067 .elementor-element.elementor-element-64e8dff .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-25067 .elementor-element.elementor-element-64e8dff .elementor-button:hover svg, .elementor-25067 .elementor-element.elementor-element-64e8dff .elementor-button:focus svg{fill:#FFFFFF;}.elementor-25067 .elementor-element.elementor-element-f2340ca{--display:flex;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25067 .elementor-element.elementor-element-b34fa9c{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-25067 .elementor-element.elementor-element-b34fa9c:not(.elementor-motion-effects-element-type-background), .elementor-25067 .elementor-element.elementor-element-b34fa9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-25067 .elementor-element.elementor-element-6a739f7 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-6a739f7 .elementor-icon-wrapper{text-align:start;}.elementor-25067 .elementor-element.elementor-element-6a739f7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-6a739f7.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-6a739f7.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-6a739f7.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-6a739f7.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-6a739f7.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-6a739f7.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-6a739f7 .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-25067 .elementor-element.elementor-element-6a739f7 .elementor-icon svg{height:25px;}.elementor-25067 .elementor-element.elementor-element-0b8f012 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-0b8f012 .elementor-heading-title{font-size:22px;}.elementor-25067 .elementor-element.elementor-element-f2daf49 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-25067 .elementor-element.elementor-element-80f7f0c .elementor-button{background-color:#497645;font-size:15px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-80f7f0c .elementor-button:hover, .elementor-25067 .elementor-element.elementor-element-80f7f0c .elementor-button:focus{background-color:#CBCECC;color:#FFFFFF;border-color:#121212;}.elementor-25067 .elementor-element.elementor-element-80f7f0c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-80f7f0c.elementor-element{--order:99999 /* order end hack */;}.elementor-25067 .elementor-element.elementor-element-80f7f0c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-25067 .elementor-element.elementor-element-80f7f0c .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-25067 .elementor-element.elementor-element-80f7f0c .elementor-button:hover svg, .elementor-25067 .elementor-element.elementor-element-80f7f0c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-25067 .elementor-element.elementor-element-de27e75{--display:flex;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25067 .elementor-element.elementor-element-a887e37{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-25067 .elementor-element.elementor-element-a887e37:not(.elementor-motion-effects-element-type-background), .elementor-25067 .elementor-element.elementor-element-a887e37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-25067 .elementor-element.elementor-element-8f378b7 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-8f378b7 .elementor-icon-wrapper{text-align:start;}.elementor-25067 .elementor-element.elementor-element-8f378b7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-8f378b7.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-8f378b7.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-8f378b7.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-8f378b7.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-8f378b7.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-8f378b7.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-8f378b7 .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-25067 .elementor-element.elementor-element-8f378b7 .elementor-icon svg{height:25px;}.elementor-25067 .elementor-element.elementor-element-e1df13f > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-e1df13f .elementor-heading-title{font-size:22px;}.elementor-25067 .elementor-element.elementor-element-2228f96 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-25067 .elementor-element.elementor-element-999e1fc .elementor-button{background-color:#497645;font-size:15px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-999e1fc .elementor-button:hover, .elementor-25067 .elementor-element.elementor-element-999e1fc .elementor-button:focus{background-color:#CBCECC;color:#FFFFFF;border-color:#121212;}.elementor-25067 .elementor-element.elementor-element-999e1fc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-999e1fc.elementor-element{--order:99999 /* order end hack */;}.elementor-25067 .elementor-element.elementor-element-999e1fc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-25067 .elementor-element.elementor-element-999e1fc .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-25067 .elementor-element.elementor-element-999e1fc .elementor-button:hover svg, .elementor-25067 .elementor-element.elementor-element-999e1fc .elementor-button:focus svg{fill:#FFFFFF;}.elementor-25067 .elementor-element.elementor-element-6600f8d{--display:flex;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25067 .elementor-element.elementor-element-44d9fd2{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-25067 .elementor-element.elementor-element-44d9fd2:not(.elementor-motion-effects-element-type-background), .elementor-25067 .elementor-element.elementor-element-44d9fd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-25067 .elementor-element.elementor-element-495e692 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-495e692 .elementor-icon-wrapper{text-align:start;}.elementor-25067 .elementor-element.elementor-element-495e692.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-495e692.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-495e692.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-495e692.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-495e692.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-495e692.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-495e692.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-495e692 .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-25067 .elementor-element.elementor-element-495e692 .elementor-icon svg{height:25px;}.elementor-25067 .elementor-element.elementor-element-6041eb9 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-6041eb9 .elementor-heading-title{font-size:22px;}.elementor-25067 .elementor-element.elementor-element-ae54da5 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-25067 .elementor-element.elementor-element-21beec4 .elementor-button{background-color:#497645;font-size:15px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-21beec4 .elementor-button:hover, .elementor-25067 .elementor-element.elementor-element-21beec4 .elementor-button:focus{background-color:#CBCECC;color:#FFFFFF;border-color:#121212;}.elementor-25067 .elementor-element.elementor-element-21beec4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-21beec4.elementor-element{--order:99999 /* order end hack */;}.elementor-25067 .elementor-element.elementor-element-21beec4 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-25067 .elementor-element.elementor-element-21beec4 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-25067 .elementor-element.elementor-element-21beec4 .elementor-button:hover svg, .elementor-25067 .elementor-element.elementor-element-21beec4 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-25067 .elementor-element.elementor-element-f65657f{--display:flex;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25067 .elementor-element.elementor-element-792be0c{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-25067 .elementor-element.elementor-element-792be0c:not(.elementor-motion-effects-element-type-background), .elementor-25067 .elementor-element.elementor-element-792be0c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-25067 .elementor-element.elementor-element-8e2265e > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-8e2265e .elementor-icon-wrapper{text-align:start;}.elementor-25067 .elementor-element.elementor-element-8e2265e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-8e2265e.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-8e2265e.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-8e2265e.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-8e2265e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-8e2265e.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-8e2265e.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-8e2265e .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-25067 .elementor-element.elementor-element-8e2265e .elementor-icon svg{height:25px;}.elementor-25067 .elementor-element.elementor-element-d02bbc9 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-d02bbc9 .elementor-heading-title{font-size:22px;}.elementor-25067 .elementor-element.elementor-element-c779093 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-25067 .elementor-element.elementor-element-20ff96e .elementor-button{background-color:#497645;font-size:15px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-20ff96e .elementor-button:hover, .elementor-25067 .elementor-element.elementor-element-20ff96e .elementor-button:focus{background-color:#CBCECC;color:#FFFFFF;border-color:#121212;}.elementor-25067 .elementor-element.elementor-element-20ff96e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-20ff96e.elementor-element{--order:99999 /* order end hack */;}.elementor-25067 .elementor-element.elementor-element-20ff96e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-25067 .elementor-element.elementor-element-20ff96e .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-25067 .elementor-element.elementor-element-20ff96e .elementor-button:hover svg, .elementor-25067 .elementor-element.elementor-element-20ff96e .elementor-button:focus svg{fill:#FFFFFF;}.elementor-25067 .elementor-element.elementor-element-0390795{--display:flex;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25067 .elementor-element.elementor-element-b96e862{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-25067 .elementor-element.elementor-element-b96e862:not(.elementor-motion-effects-element-type-background), .elementor-25067 .elementor-element.elementor-element-b96e862 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-25067 .elementor-element.elementor-element-5259f9c > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-5259f9c .elementor-icon-wrapper{text-align:start;}.elementor-25067 .elementor-element.elementor-element-5259f9c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-5259f9c.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-5259f9c.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-5259f9c.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-5259f9c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-5259f9c.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-5259f9c.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-5259f9c .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-25067 .elementor-element.elementor-element-5259f9c .elementor-icon svg{height:25px;}.elementor-25067 .elementor-element.elementor-element-8b83dae > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-8b83dae .elementor-heading-title{font-size:22px;}.elementor-25067 .elementor-element.elementor-element-03cdce4 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-25067 .elementor-element.elementor-element-eef98d0 .elementor-button{background-color:#497645;font-size:15px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-eef98d0 .elementor-button:hover, .elementor-25067 .elementor-element.elementor-element-eef98d0 .elementor-button:focus{background-color:#CBCECC;color:#FFFFFF;border-color:#121212;}.elementor-25067 .elementor-element.elementor-element-eef98d0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-eef98d0.elementor-element{--order:99999 /* order end hack */;}.elementor-25067 .elementor-element.elementor-element-eef98d0 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-25067 .elementor-element.elementor-element-eef98d0 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-25067 .elementor-element.elementor-element-eef98d0 .elementor-button:hover svg, .elementor-25067 .elementor-element.elementor-element-eef98d0 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-25067 .elementor-element.elementor-element-20228dd{--display:flex;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25067 .elementor-element.elementor-element-9d208b2{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--border-radius:15px 15px 15px 15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-25067 .elementor-element.elementor-element-9d208b2:not(.elementor-motion-effects-element-type-background), .elementor-25067 .elementor-element.elementor-element-9d208b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-25067 .elementor-element.elementor-element-98180c3 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-98180c3 .elementor-icon-wrapper{text-align:start;}.elementor-25067 .elementor-element.elementor-element-98180c3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-98180c3.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-98180c3.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-98180c3.elementor-view-framed .elementor-icon, .elementor-25067 .elementor-element.elementor-element-98180c3.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-25067 .elementor-element.elementor-element-98180c3.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-98180c3.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-25067 .elementor-element.elementor-element-98180c3 .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-25067 .elementor-element.elementor-element-98180c3 .elementor-icon svg{height:25px;}.elementor-25067 .elementor-element.elementor-element-d1bd60b > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-25067 .elementor-element.elementor-element-d1bd60b .elementor-heading-title{font-size:22px;}.elementor-25067 .elementor-element.elementor-element-4adc285 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-25067 .elementor-element.elementor-element-baf114a .elementor-button{background-color:#497645;font-size:15px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-baf114a .elementor-button:hover, .elementor-25067 .elementor-element.elementor-element-baf114a .elementor-button:focus{background-color:#CBCECC;color:#FFFFFF;border-color:#121212;}.elementor-25067 .elementor-element.elementor-element-baf114a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-25067 .elementor-element.elementor-element-baf114a.elementor-element{--order:99999 /* order end hack */;}.elementor-25067 .elementor-element.elementor-element-baf114a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-25067 .elementor-element.elementor-element-baf114a .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-25067 .elementor-element.elementor-element-baf114a .elementor-button:hover svg, .elementor-25067 .elementor-element.elementor-element-baf114a .elementor-button:focus svg{fill:#FFFFFF;}.elementor-25067 .elementor-element.elementor-element-3e633da{--e-n-carousel-swiper-slides-gap:25px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}@media(max-width:1024px){.elementor-25067 .elementor-element.elementor-element-8148e8f{--padding-top:00rem;--padding-bottom:00rem;--padding-left:00rem;--padding-right:00rem;}.elementor-25067 .elementor-element.elementor-element-3e633da{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-25067 .elementor-element.elementor-element-3e633da{--e-n-carousel-swiper-slides-to-display:1;}}@media(max-width:1024px) and (min-width:768px){.elementor-25067 .elementor-element.elementor-element-2325901{--width:1600px;}.elementor-25067 .elementor-element.elementor-element-9aa19c2{--width:1600px;}.elementor-25067 .elementor-element.elementor-element-f1d4591{--width:1600px;}.elementor-25067 .elementor-element.elementor-element-b34fa9c{--width:1600px;}.elementor-25067 .elementor-element.elementor-element-a887e37{--width:1600px;}.elementor-25067 .elementor-element.elementor-element-44d9fd2{--width:1600px;}.elementor-25067 .elementor-element.elementor-element-792be0c{--width:1600px;}.elementor-25067 .elementor-element.elementor-element-b96e862{--width:1600px;}.elementor-25067 .elementor-element.elementor-element-9d208b2{--width:1600px;}}/* Start custom CSS for container, class: .elementor-element-2325901 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-2325901 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-2325901:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9aa19c2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1d4591 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-f1d4591 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b34fa9c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b34fa9c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a887e37 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-a887e37 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44d9fd2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-792be0c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-792be0c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b96e862 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b96e862 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d208b2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9d208b2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2325901 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-2325901 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-2325901:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9aa19c2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1d4591 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-f1d4591 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b34fa9c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b34fa9c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a887e37 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-a887e37 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44d9fd2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-792be0c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-792be0c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b96e862 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b96e862 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d208b2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9d208b2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2325901 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-2325901 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-2325901:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9aa19c2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1d4591 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-f1d4591 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b34fa9c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b34fa9c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a887e37 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-a887e37 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44d9fd2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-792be0c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-792be0c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b96e862 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b96e862 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d208b2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9d208b2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2325901 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-2325901 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-2325901:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9aa19c2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1d4591 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-f1d4591 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b34fa9c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b34fa9c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a887e37 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-a887e37 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44d9fd2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-792be0c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-792be0c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b96e862 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b96e862 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d208b2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9d208b2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2325901 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-2325901 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-2325901:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9aa19c2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1d4591 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-f1d4591 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b34fa9c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b34fa9c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a887e37 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-a887e37 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44d9fd2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-792be0c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-792be0c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b96e862 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b96e862 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d208b2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9d208b2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2325901 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-2325901 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-2325901:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9aa19c2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1d4591 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-f1d4591 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b34fa9c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b34fa9c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a887e37 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-a887e37 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44d9fd2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-792be0c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-792be0c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b96e862 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b96e862 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d208b2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9d208b2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2325901 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-2325901 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-2325901:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9aa19c2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1d4591 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-f1d4591 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b34fa9c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b34fa9c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a887e37 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-a887e37 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44d9fd2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-792be0c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-792be0c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b96e862 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b96e862 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d208b2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9d208b2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2325901 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-2325901 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-2325901:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9aa19c2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1d4591 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-f1d4591 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b34fa9c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b34fa9c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a887e37 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-a887e37 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44d9fd2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-792be0c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-792be0c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b96e862 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b96e862 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d208b2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9d208b2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2325901 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-2325901 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-2325901:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9aa19c2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1d4591 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-f1d4591 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b34fa9c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b34fa9c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a887e37 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-a887e37 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44d9fd2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-792be0c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-792be0c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b96e862 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b96e862 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d208b2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9d208b2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2325901 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-2325901 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-2325901:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-2325901:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-2325901 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9aa19c2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9aa19c2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9aa19c2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1d4591 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-f1d4591 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-f1d4591:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-f1d4591 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b34fa9c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b34fa9c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b34fa9c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b34fa9c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a887e37 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-a887e37 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-a887e37:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-a887e37 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44d9fd2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-44d9fd2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-44d9fd2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-792be0c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-792be0c { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-792be0c:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-792be0c .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b96e862 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-b96e862 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-b96e862:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-b96e862 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9d208b2 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-25067 .elementor-element.elementor-element-9d208b2 { display: flex !important; flex-direction: column !important; transition: all 0.3s ease !important; position: relative; /* Necesario para contener el enlace */ } /* 2. Efecto de elevación de toda la tarjeta */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover { transform: translateY(-5px); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } /* 3. El fondo de la caja del icono cambia a azul clarito al hacer hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon { background-color: #b2d6fa !important; transition: all 0.3s ease; } /* 4. El dibujo del icono cambia a AZUL OSCURO (Líneas y rellenos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg path, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg line { fill: #094D92 !important; stroke: #094D92 !important; transition: all 0.3s ease; } /* VITAL: Regla de seguridad para evitar el cuadrado macizo. Mantiene transparentes los lienzos y huecos invisibles del icono */ .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-25067 .elementor-element.elementor-element-9d208b2:hover .elementor-widget-icon .elementor-icon svg [fill="none"] { fill: transparent !important; } /* 5. Alinear el botón siempre abajo (Solución de los textos largos) */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-widget-button { margin-top: auto !important; position: static !important; /* Saca el enlace de la caja del botón */ } /* 6. Expande el enlace a toda la tarjeta sin romper el hover */ .elementor-25067 .elementor-element.elementor-element-9d208b2 .elementor-button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; /* Nivel bajo para no bloquear la tarjeta principal */ }/* End custom CSS */