.elementor-24999 .elementor-element.elementor-element-526fdcf6{--display:flex;--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-24999 .elementor-element.elementor-element-526fdcf6:not(.elementor-motion-effects-element-type-background), .elementor-24999 .elementor-element.elementor-element-526fdcf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-3398db08{text-align:center;}.elementor-24999 .elementor-element.elementor-element-3398db08 > .elementor-widget-container{margin:0rem 0rem 0rem 0rem;padding:0rem 0rem 0rem 0rem;}.elementor-24999 .elementor-element.elementor-element-3286441c{--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-24999 .elementor-element.elementor-element-57aedae1{--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-24999 .elementor-element.elementor-element-57aedae1:not(.elementor-motion-effects-element-type-background), .elementor-24999 .elementor-element.elementor-element-57aedae1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-24999 .elementor-element.elementor-element-6b800b31 .elementor-icon-wrapper{text-align:start;}.elementor-24999 .elementor-element.elementor-element-6b800b31.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-6b800b31.elementor-view-framed .elementor-icon, .elementor-24999 .elementor-element.elementor-element-6b800b31.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-24999 .elementor-element.elementor-element-6b800b31.elementor-view-framed .elementor-icon, .elementor-24999 .elementor-element.elementor-element-6b800b31.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-24999 .elementor-element.elementor-element-6b800b31.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-6b800b31.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-6b800b31 .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-24999 .elementor-element.elementor-element-6b800b31 .elementor-icon svg{height:25px;}.elementor-24999 .elementor-element.elementor-element-6b800b31 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-24999 .elementor-element.elementor-element-2affc166 .elementor-heading-title{font-size:22px;}.elementor-24999 .elementor-element.elementor-element-2affc166 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-24999 .elementor-element.elementor-element-2affc166.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-24999 .elementor-element.elementor-element-a5d44c0 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-24999 .elementor-element.elementor-element-74c6e03d .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-24999 .elementor-element.elementor-element-74c6e03d .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-24999 .elementor-element.elementor-element-74c6e03d .elementor-button{font-size:15px;fill:#FFFFFF;color:#FFFFFF;background-color:#497645;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-24999 .elementor-element.elementor-element-74c6e03d .elementor-button:hover, .elementor-24999 .elementor-element.elementor-element-74c6e03d .elementor-button:focus{color:#FFFFFF;background-color:#CBCECC;border-color:#121212;}.elementor-24999 .elementor-element.elementor-element-74c6e03d .elementor-button:hover svg, .elementor-24999 .elementor-element.elementor-element-74c6e03d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-24999 .elementor-element.elementor-element-74c6e03d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24999 .elementor-element.elementor-element-74c6e03d.elementor-element{--order:99999 /* order end hack */;}.elementor-24999 .elementor-element.elementor-element-74c6e03d{z-index:10;}.elementor-24999 .elementor-element.elementor-element-7e419192{--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-24999 .elementor-element.elementor-element-5431e3bd{--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-24999 .elementor-element.elementor-element-5431e3bd:not(.elementor-motion-effects-element-type-background), .elementor-24999 .elementor-element.elementor-element-5431e3bd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-24999 .elementor-element.elementor-element-5519a27f .elementor-icon-wrapper{text-align:start;}.elementor-24999 .elementor-element.elementor-element-5519a27f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-5519a27f.elementor-view-framed .elementor-icon, .elementor-24999 .elementor-element.elementor-element-5519a27f.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-24999 .elementor-element.elementor-element-5519a27f.elementor-view-framed .elementor-icon, .elementor-24999 .elementor-element.elementor-element-5519a27f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-24999 .elementor-element.elementor-element-5519a27f.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-5519a27f.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-5519a27f .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-24999 .elementor-element.elementor-element-5519a27f .elementor-icon svg{height:25px;}.elementor-24999 .elementor-element.elementor-element-5519a27f > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-24999 .elementor-element.elementor-element-996ab7d .elementor-heading-title{font-size:22px;}.elementor-24999 .elementor-element.elementor-element-996ab7d > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-24999 .elementor-element.elementor-element-996ab7d.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-24999 .elementor-element.elementor-element-19f90a8f > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-24999 .elementor-element.elementor-element-6c0be86c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-24999 .elementor-element.elementor-element-6c0be86c .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-24999 .elementor-element.elementor-element-6c0be86c .elementor-button{font-size:15px;fill:#FFFFFF;color:#FFFFFF;background-color:#497645;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-24999 .elementor-element.elementor-element-6c0be86c .elementor-button:hover, .elementor-24999 .elementor-element.elementor-element-6c0be86c .elementor-button:focus{color:#FFFFFF;background-color:#CBCECC;border-color:#121212;}.elementor-24999 .elementor-element.elementor-element-6c0be86c .elementor-button:hover svg, .elementor-24999 .elementor-element.elementor-element-6c0be86c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-24999 .elementor-element.elementor-element-6c0be86c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24999 .elementor-element.elementor-element-6c0be86c.elementor-element{--order:99999 /* order end hack */;}.elementor-24999 .elementor-element.elementor-element-6d5fa9f{--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-24999 .elementor-element.elementor-element-6cd498bf{--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-24999 .elementor-element.elementor-element-6cd498bf:not(.elementor-motion-effects-element-type-background), .elementor-24999 .elementor-element.elementor-element-6cd498bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-24999 .elementor-element.elementor-element-651248c3 .elementor-icon-wrapper{text-align:start;}.elementor-24999 .elementor-element.elementor-element-651248c3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-651248c3.elementor-view-framed .elementor-icon, .elementor-24999 .elementor-element.elementor-element-651248c3.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-24999 .elementor-element.elementor-element-651248c3.elementor-view-framed .elementor-icon, .elementor-24999 .elementor-element.elementor-element-651248c3.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-24999 .elementor-element.elementor-element-651248c3.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-651248c3.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-651248c3 .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-24999 .elementor-element.elementor-element-651248c3 .elementor-icon svg{height:25px;}.elementor-24999 .elementor-element.elementor-element-651248c3 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-24999 .elementor-element.elementor-element-1cc3095a .elementor-heading-title{font-size:22px;}.elementor-24999 .elementor-element.elementor-element-1cc3095a > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-24999 .elementor-element.elementor-element-810ed34 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-24999 .elementor-element.elementor-element-71f57c90 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-24999 .elementor-element.elementor-element-71f57c90 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-24999 .elementor-element.elementor-element-71f57c90 .elementor-button{font-size:15px;fill:#FFFFFF;color:#FFFFFF;background-color:#497645;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-24999 .elementor-element.elementor-element-71f57c90 .elementor-button:hover, .elementor-24999 .elementor-element.elementor-element-71f57c90 .elementor-button:focus{color:#FFFFFF;background-color:#CBCECC;border-color:#121212;}.elementor-24999 .elementor-element.elementor-element-71f57c90 .elementor-button:hover svg, .elementor-24999 .elementor-element.elementor-element-71f57c90 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-24999 .elementor-element.elementor-element-71f57c90 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24999 .elementor-element.elementor-element-71f57c90.elementor-element{--order:99999 /* order end hack */;}.elementor-24999 .elementor-element.elementor-element-bd057ba{--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-24999 .elementor-element.elementor-element-cd8ffc6{--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-24999 .elementor-element.elementor-element-cd8ffc6:not(.elementor-motion-effects-element-type-background), .elementor-24999 .elementor-element.elementor-element-cd8ffc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-24999 .elementor-element.elementor-element-2bb3071a .elementor-icon-wrapper{text-align:start;}.elementor-24999 .elementor-element.elementor-element-2bb3071a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-2bb3071a.elementor-view-framed .elementor-icon, .elementor-24999 .elementor-element.elementor-element-2bb3071a.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-24999 .elementor-element.elementor-element-2bb3071a.elementor-view-framed .elementor-icon, .elementor-24999 .elementor-element.elementor-element-2bb3071a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-24999 .elementor-element.elementor-element-2bb3071a.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-2bb3071a.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-2bb3071a .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-24999 .elementor-element.elementor-element-2bb3071a .elementor-icon svg{height:25px;}.elementor-24999 .elementor-element.elementor-element-2bb3071a > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-24999 .elementor-element.elementor-element-1813c96b .elementor-heading-title{font-size:22px;}.elementor-24999 .elementor-element.elementor-element-1813c96b > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-24999 .elementor-element.elementor-element-627175ce > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-24999 .elementor-element.elementor-element-7686a7cb .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-24999 .elementor-element.elementor-element-7686a7cb .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-24999 .elementor-element.elementor-element-7686a7cb .elementor-button{font-size:15px;fill:#FFFFFF;color:#FFFFFF;background-color:#497645;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-24999 .elementor-element.elementor-element-7686a7cb .elementor-button:hover, .elementor-24999 .elementor-element.elementor-element-7686a7cb .elementor-button:focus{color:#FFFFFF;background-color:#CBCECC;border-color:#121212;}.elementor-24999 .elementor-element.elementor-element-7686a7cb .elementor-button:hover svg, .elementor-24999 .elementor-element.elementor-element-7686a7cb .elementor-button:focus svg{fill:#FFFFFF;}.elementor-24999 .elementor-element.elementor-element-7686a7cb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24999 .elementor-element.elementor-element-7686a7cb.elementor-element{--order:99999 /* order end hack */;}.elementor-24999 .elementor-element.elementor-element-66d49d51{--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-24999 .elementor-element.elementor-element-23cb0c81{--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-24999 .elementor-element.elementor-element-23cb0c81:not(.elementor-motion-effects-element-type-background), .elementor-24999 .elementor-element.elementor-element-23cb0c81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-24999 .elementor-element.elementor-element-6b51703f .elementor-icon-wrapper{text-align:start;}.elementor-24999 .elementor-element.elementor-element-6b51703f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-6b51703f.elementor-view-framed .elementor-icon, .elementor-24999 .elementor-element.elementor-element-6b51703f.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-24999 .elementor-element.elementor-element-6b51703f.elementor-view-framed .elementor-icon, .elementor-24999 .elementor-element.elementor-element-6b51703f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-24999 .elementor-element.elementor-element-6b51703f.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-6b51703f.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-6b51703f .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-24999 .elementor-element.elementor-element-6b51703f .elementor-icon svg{height:25px;}.elementor-24999 .elementor-element.elementor-element-6b51703f > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-24999 .elementor-element.elementor-element-5235a683 .elementor-heading-title{font-size:22px;}.elementor-24999 .elementor-element.elementor-element-5235a683 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-24999 .elementor-element.elementor-element-6aeac240 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-24999 .elementor-element.elementor-element-27793c70 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-24999 .elementor-element.elementor-element-27793c70 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-24999 .elementor-element.elementor-element-27793c70 .elementor-button{font-size:15px;fill:#FFFFFF;color:#FFFFFF;background-color:#497645;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-24999 .elementor-element.elementor-element-27793c70 .elementor-button:hover, .elementor-24999 .elementor-element.elementor-element-27793c70 .elementor-button:focus{color:#FFFFFF;background-color:#CBCECC;border-color:#121212;}.elementor-24999 .elementor-element.elementor-element-27793c70 .elementor-button:hover svg, .elementor-24999 .elementor-element.elementor-element-27793c70 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-24999 .elementor-element.elementor-element-27793c70 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24999 .elementor-element.elementor-element-27793c70.elementor-element{--order:99999 /* order end hack */;}.elementor-24999 .elementor-element.elementor-element-2f73dd9e{--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-24999 .elementor-element.elementor-element-30c25a5c{--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-24999 .elementor-element.elementor-element-30c25a5c:not(.elementor-motion-effects-element-type-background), .elementor-24999 .elementor-element.elementor-element-30c25a5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-24999 .elementor-element.elementor-element-6189a43c .elementor-icon-wrapper{text-align:start;}.elementor-24999 .elementor-element.elementor-element-6189a43c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-6189a43c.elementor-view-framed .elementor-icon, .elementor-24999 .elementor-element.elementor-element-6189a43c.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-24999 .elementor-element.elementor-element-6189a43c.elementor-view-framed .elementor-icon, .elementor-24999 .elementor-element.elementor-element-6189a43c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-24999 .elementor-element.elementor-element-6189a43c.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-6189a43c.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-6189a43c .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-24999 .elementor-element.elementor-element-6189a43c .elementor-icon svg{height:25px;}.elementor-24999 .elementor-element.elementor-element-6189a43c > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-24999 .elementor-element.elementor-element-20873116 .elementor-heading-title{font-size:22px;}.elementor-24999 .elementor-element.elementor-element-20873116 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-24999 .elementor-element.elementor-element-42858733 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-24999 .elementor-element.elementor-element-1d0baa72 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-24999 .elementor-element.elementor-element-1d0baa72 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-24999 .elementor-element.elementor-element-1d0baa72 .elementor-button{font-size:15px;fill:#FFFFFF;color:#FFFFFF;background-color:#497645;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-24999 .elementor-element.elementor-element-1d0baa72 .elementor-button:hover, .elementor-24999 .elementor-element.elementor-element-1d0baa72 .elementor-button:focus{color:#FFFFFF;background-color:#CBCECC;border-color:#121212;}.elementor-24999 .elementor-element.elementor-element-1d0baa72 .elementor-button:hover svg, .elementor-24999 .elementor-element.elementor-element-1d0baa72 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-24999 .elementor-element.elementor-element-1d0baa72 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24999 .elementor-element.elementor-element-1d0baa72.elementor-element{--order:99999 /* order end hack */;}.elementor-24999 .elementor-element.elementor-element-7de815ba{--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-24999 .elementor-element.elementor-element-670f4d7c{--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-24999 .elementor-element.elementor-element-670f4d7c:not(.elementor-motion-effects-element-type-background), .elementor-24999 .elementor-element.elementor-element-670f4d7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-24999 .elementor-element.elementor-element-7c5d1ead .elementor-icon-wrapper{text-align:start;}.elementor-24999 .elementor-element.elementor-element-7c5d1ead.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d49ac81 );color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-7c5d1ead.elementor-view-framed .elementor-icon, .elementor-24999 .elementor-element.elementor-element-7c5d1ead.elementor-view-default .elementor-icon{color:var( --e-global-color-d49ac81 );border-color:var( --e-global-color-d49ac81 );}.elementor-24999 .elementor-element.elementor-element-7c5d1ead.elementor-view-framed .elementor-icon, .elementor-24999 .elementor-element.elementor-element-7c5d1ead.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-d49ac81 );}.elementor-24999 .elementor-element.elementor-element-7c5d1ead.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-7c5d1ead.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-24999 .elementor-element.elementor-element-7c5d1ead .elementor-icon{font-size:25px;border-width:0px 0px 0px 0px;border-radius:10px 10px 10px 10px;}.elementor-24999 .elementor-element.elementor-element-7c5d1ead .elementor-icon svg{height:25px;}.elementor-24999 .elementor-element.elementor-element-7c5d1ead > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-24999 .elementor-element.elementor-element-71693ed9 .elementor-heading-title{font-size:22px;}.elementor-24999 .elementor-element.elementor-element-71693ed9 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-24999 .elementor-element.elementor-element-2f6bb54f > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-24999 .elementor-element.elementor-element-707f2cbf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-24999 .elementor-element.elementor-element-707f2cbf .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-24999 .elementor-element.elementor-element-707f2cbf .elementor-button{font-size:15px;fill:#FFFFFF;color:#FFFFFF;background-color:#497645;border-style:solid;border-width:0px 0px 0px 0px;}.elementor-24999 .elementor-element.elementor-element-707f2cbf .elementor-button:hover, .elementor-24999 .elementor-element.elementor-element-707f2cbf .elementor-button:focus{color:#FFFFFF;background-color:#CBCECC;border-color:#121212;}.elementor-24999 .elementor-element.elementor-element-707f2cbf .elementor-button:hover svg, .elementor-24999 .elementor-element.elementor-element-707f2cbf .elementor-button:focus svg{fill:#FFFFFF;}.elementor-24999 .elementor-element.elementor-element-707f2cbf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-24999 .elementor-element.elementor-element-707f2cbf.elementor-element{--order:99999 /* order end hack */;}.elementor-24999 .elementor-element.elementor-element-6eb03cb2{--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-swiper-slides-gap:25px;--e-n-carousel-arrow-normal-color:var( --e-global-color-d49ac81 );}@media(max-width:1024px){.elementor-24999 .elementor-element.elementor-element-526fdcf6{--padding-top:00rem;--padding-bottom:00rem;--padding-left:00rem;--padding-right:00rem;}.elementor-24999 .elementor-element.elementor-element-6eb03cb2{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-24999 .elementor-element.elementor-element-6eb03cb2{--e-n-carousel-swiper-slides-to-display:1;}}@media(max-width:1024px) and (min-width:768px){.elementor-24999 .elementor-element.elementor-element-57aedae1{--width:1600px;}.elementor-24999 .elementor-element.elementor-element-5431e3bd{--width:1600px;}.elementor-24999 .elementor-element.elementor-element-6cd498bf{--width:1600px;}.elementor-24999 .elementor-element.elementor-element-cd8ffc6{--width:1600px;}.elementor-24999 .elementor-element.elementor-element-23cb0c81{--width:1600px;}.elementor-24999 .elementor-element.elementor-element-30c25a5c{--width:1600px;}.elementor-24999 .elementor-element.elementor-element-670f4d7c{--width:1600px;}}/* Start custom CSS for container, class: .elementor-element-57aedae1 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-57aedae1 { 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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1 .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-24999 .elementor-element.elementor-element-57aedae1 .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-5431e3bd *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-5431e3bd { 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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd .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-24999 .elementor-element.elementor-element-5431e3bd .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-6cd498bf *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-6cd498bf { 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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf .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-24999 .elementor-element.elementor-element-6cd498bf .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-cd8ffc6 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-cd8ffc6 { 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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6 .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-24999 .elementor-element.elementor-element-cd8ffc6 .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-23cb0c81 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-23cb0c81 { 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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81 .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-24999 .elementor-element.elementor-element-23cb0c81 .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-30c25a5c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-30c25a5c { 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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c .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-24999 .elementor-element.elementor-element-30c25a5c .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-670f4d7c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-670f4d7c { 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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c .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-24999 .elementor-element.elementor-element-670f4d7c .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-57aedae1 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-57aedae1 { 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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1 .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-24999 .elementor-element.elementor-element-57aedae1 .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-5431e3bd *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-5431e3bd { 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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd .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-24999 .elementor-element.elementor-element-5431e3bd .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-6cd498bf *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-6cd498bf { 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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf .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-24999 .elementor-element.elementor-element-6cd498bf .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-cd8ffc6 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-cd8ffc6 { 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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6 .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-24999 .elementor-element.elementor-element-cd8ffc6 .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-23cb0c81 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-23cb0c81 { 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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81 .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-24999 .elementor-element.elementor-element-23cb0c81 .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-30c25a5c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-30c25a5c { 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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c .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-24999 .elementor-element.elementor-element-30c25a5c .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-670f4d7c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-670f4d7c { 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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c .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-24999 .elementor-element.elementor-element-670f4d7c .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-57aedae1 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-57aedae1 { 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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1 .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-24999 .elementor-element.elementor-element-57aedae1 .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-5431e3bd *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-5431e3bd { 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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd .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-24999 .elementor-element.elementor-element-5431e3bd .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-6cd498bf *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-6cd498bf { 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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf .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-24999 .elementor-element.elementor-element-6cd498bf .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-cd8ffc6 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-cd8ffc6 { 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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6 .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-24999 .elementor-element.elementor-element-cd8ffc6 .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-23cb0c81 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-23cb0c81 { 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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81 .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-24999 .elementor-element.elementor-element-23cb0c81 .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-30c25a5c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-30c25a5c { 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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c .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-24999 .elementor-element.elementor-element-30c25a5c .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-670f4d7c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-670f4d7c { 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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c .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-24999 .elementor-element.elementor-element-670f4d7c .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-57aedae1 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-57aedae1 { 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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1 .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-24999 .elementor-element.elementor-element-57aedae1 .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-5431e3bd *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-5431e3bd { 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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd .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-24999 .elementor-element.elementor-element-5431e3bd .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-6cd498bf *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-6cd498bf { 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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf .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-24999 .elementor-element.elementor-element-6cd498bf .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-cd8ffc6 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-cd8ffc6 { 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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6 .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-24999 .elementor-element.elementor-element-cd8ffc6 .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-23cb0c81 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-23cb0c81 { 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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81 .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-24999 .elementor-element.elementor-element-23cb0c81 .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-30c25a5c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-30c25a5c { 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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c .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-24999 .elementor-element.elementor-element-30c25a5c .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-670f4d7c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-670f4d7c { 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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c .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-24999 .elementor-element.elementor-element-670f4d7c .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-57aedae1 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-57aedae1 { 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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1 .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-24999 .elementor-element.elementor-element-57aedae1 .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-5431e3bd *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-5431e3bd { 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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd .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-24999 .elementor-element.elementor-element-5431e3bd .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-6cd498bf *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-6cd498bf { 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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf .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-24999 .elementor-element.elementor-element-6cd498bf .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-cd8ffc6 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-cd8ffc6 { 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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6 .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-24999 .elementor-element.elementor-element-cd8ffc6 .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-23cb0c81 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-23cb0c81 { 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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81 .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-24999 .elementor-element.elementor-element-23cb0c81 .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-30c25a5c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-30c25a5c { 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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c .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-24999 .elementor-element.elementor-element-30c25a5c .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-670f4d7c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-670f4d7c { 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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c .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-24999 .elementor-element.elementor-element-670f4d7c .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-57aedae1 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-57aedae1 { 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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1 .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-24999 .elementor-element.elementor-element-57aedae1 .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-5431e3bd *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-5431e3bd { 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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd .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-24999 .elementor-element.elementor-element-5431e3bd .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-6cd498bf *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-6cd498bf { 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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf .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-24999 .elementor-element.elementor-element-6cd498bf .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-cd8ffc6 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-cd8ffc6 { 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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6 .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-24999 .elementor-element.elementor-element-cd8ffc6 .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-23cb0c81 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-23cb0c81 { 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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81 .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-24999 .elementor-element.elementor-element-23cb0c81 .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-30c25a5c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-30c25a5c { 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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c .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-24999 .elementor-element.elementor-element-30c25a5c .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-670f4d7c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-670f4d7c { 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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c .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-24999 .elementor-element.elementor-element-670f4d7c .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-57aedae1 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-57aedae1 { 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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1 .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-24999 .elementor-element.elementor-element-57aedae1 .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-5431e3bd *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-5431e3bd { 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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd .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-24999 .elementor-element.elementor-element-5431e3bd .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-6cd498bf *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-6cd498bf { 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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf .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-24999 .elementor-element.elementor-element-6cd498bf .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-cd8ffc6 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-cd8ffc6 { 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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6 .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-24999 .elementor-element.elementor-element-cd8ffc6 .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-23cb0c81 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-23cb0c81 { 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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81 .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-24999 .elementor-element.elementor-element-23cb0c81 .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-30c25a5c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-30c25a5c { 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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c .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-24999 .elementor-element.elementor-element-30c25a5c .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-670f4d7c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-670f4d7c { 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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c .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-24999 .elementor-element.elementor-element-670f4d7c .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-57aedae1 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-57aedae1 { 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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-57aedae1:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-57aedae1: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-24999 .elementor-element.elementor-element-57aedae1 .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-24999 .elementor-element.elementor-element-57aedae1 .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-5431e3bd *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-5431e3bd { 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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-5431e3bd:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-5431e3bd: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-24999 .elementor-element.elementor-element-5431e3bd .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-24999 .elementor-element.elementor-element-5431e3bd .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-6cd498bf *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-6cd498bf { 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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-6cd498bf:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-6cd498bf: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-24999 .elementor-element.elementor-element-6cd498bf .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-24999 .elementor-element.elementor-element-6cd498bf .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-cd8ffc6 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-cd8ffc6 { 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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-cd8ffc6:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-cd8ffc6: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-24999 .elementor-element.elementor-element-cd8ffc6 .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-24999 .elementor-element.elementor-element-cd8ffc6 .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-23cb0c81 *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-23cb0c81 { 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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-23cb0c81:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-23cb0c81: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-24999 .elementor-element.elementor-element-23cb0c81 .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-24999 .elementor-element.elementor-element-23cb0c81 .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-30c25a5c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-30c25a5c { 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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-30c25a5c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-30c25a5c: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-24999 .elementor-element.elementor-element-30c25a5c .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-24999 .elementor-element.elementor-element-30c25a5c .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-670f4d7c *//* 1. Comportamiento base y preparación para el enlace */ .elementor-24999 .elementor-element.elementor-element-670f4d7c { 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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon i { color: #094D92 !important; transition: all 0.3s ease; } .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg path, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg circle, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg polygon, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg, .elementor-24999 .elementor-element.elementor-element-670f4d7c:hover .elementor-widget-icon .elementor-icon svg rect, .elementor-24999 .elementor-element.elementor-element-670f4d7c: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-24999 .elementor-element.elementor-element-670f4d7c .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-24999 .elementor-element.elementor-element-670f4d7c .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 */