.elementor-787 .elementor-element.elementor-element-c7e6821{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-787 .elementor-element.elementor-element-1f93786{text-align:center;}.elementor-787 .elementor-element.elementor-element-1f93786 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:48px;font-weight:800;text-transform:uppercase;line-height:1.2em;letter-spacing:-0.5px;color:var( --e-global-color-4b846ac );}.elementor-787 .elementor-element.elementor-element-3a6e932{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-787 .elementor-element.elementor-element-6e4d0fd{text-align:center;font-family:"Public Sans", Sans-serif;font-size:16px;font-weight:400;letter-spacing:0.2px;color:var( --e-global-color-4b846ac );}.elementor-787 .elementor-element.elementor-element-6e4d0fd p{margin-block-end:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-787 .elementor-element.elementor-element-11b64c5 .elementor-button{background-color:#24D368;font-family:"Barlow", Sans-serif;font-weight:500;letter-spacing:0.2px;}.elementor-787 .elementor-element.elementor-element-11b64c5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-787 .elementor-element.elementor-element-11b64c5 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-787 .elementor-element.elementor-element-2f25f82{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-787 .elementor-element.elementor-element-2740de3{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#0F2C597D;--border-color:#0F2C597D;--border-radius:10px 10px 10px 10px;}.elementor-787 .elementor-element.elementor-element-1eced7d .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-787 .elementor-element.elementor-element-4cdc44c{--display:flex;}.elementor-787 .elementor-element.elementor-element-d6c7b5d .elementor-heading-title{font-family:var( --e-global-typography-1036238-font-family ), Sans-serif;font-size:var( --e-global-typography-1036238-font-size );font-weight:var( --e-global-typography-1036238-font-weight );line-height:var( --e-global-typography-1036238-line-height );}.elementor-787 .elementor-element.elementor-element-feb2207{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-787 .elementor-element.elementor-element-d4de861{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-787 .elementor-element.elementor-element-9703983 .elementor-icon-wrapper{text-align:center;}.elementor-787 .elementor-element.elementor-element-9703983 .elementor-icon{font-size:90px;}.elementor-787 .elementor-element.elementor-element-9703983 .elementor-icon svg{height:90px;}.elementor-787 .elementor-element.elementor-element-cdd14f5{text-align:center;}.elementor-787 .elementor-element.elementor-element-cdd14f5 .elementor-heading-title{font-family:var( --e-global-typography-1036238-font-family ), Sans-serif;font-size:var( --e-global-typography-1036238-font-size );font-weight:var( --e-global-typography-1036238-font-weight );line-height:var( --e-global-typography-1036238-line-height );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-787 .elementor-element.elementor-element-13c0c1d .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-787 .elementor-element.elementor-element-13c0c1d .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-787 .elementor-element.elementor-element-13c0c1d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-787 .elementor-element.elementor-element-13c0c1d .elementor-icon-list-text{transition:color 0.3s;}.elementor-787 .elementor-element.elementor-element-7faa516 .elementor-button{font-family:"Barlow", Sans-serif;font-size:13px;font-weight:500;line-height:1em;}.elementor-787 .elementor-element.elementor-element-87cefec{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-787 .elementor-element.elementor-element-3f50fbb .elementor-icon-wrapper{text-align:center;}.elementor-787 .elementor-element.elementor-element-3f50fbb .elementor-icon{font-size:90px;}.elementor-787 .elementor-element.elementor-element-3f50fbb .elementor-icon svg{height:90px;}.elementor-787 .elementor-element.elementor-element-4d23a55{text-align:center;}.elementor-787 .elementor-element.elementor-element-4d23a55 .elementor-heading-title{font-family:var( --e-global-typography-1036238-font-family ), Sans-serif;font-size:var( --e-global-typography-1036238-font-size );font-weight:var( --e-global-typography-1036238-font-weight );line-height:var( --e-global-typography-1036238-line-height );}.elementor-787 .elementor-element.elementor-element-eb00dbd .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-787 .elementor-element.elementor-element-eb00dbd .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-787 .elementor-element.elementor-element-eb00dbd{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-787 .elementor-element.elementor-element-eb00dbd .elementor-icon-list-text{transition:color 0.3s;}.elementor-787 .elementor-element.elementor-element-ca0676d .elementor-button{font-family:"Barlow", Sans-serif;font-size:13px;font-weight:500;line-height:1em;}.elementor-787 .elementor-element.elementor-element-862dc64{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-787 .elementor-element.elementor-element-55311ac{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-787 .elementor-element.elementor-element-fc437db .elementor-icon-wrapper{text-align:center;}.elementor-787 .elementor-element.elementor-element-fc437db .elementor-icon{font-size:90px;}.elementor-787 .elementor-element.elementor-element-fc437db .elementor-icon svg{height:90px;}.elementor-787 .elementor-element.elementor-element-4864919{text-align:center;}.elementor-787 .elementor-element.elementor-element-4864919 .elementor-heading-title{font-family:var( --e-global-typography-1036238-font-family ), Sans-serif;font-size:var( --e-global-typography-1036238-font-size );font-weight:var( --e-global-typography-1036238-font-weight );line-height:var( --e-global-typography-1036238-line-height );}.elementor-787 .elementor-element.elementor-element-6d10fc5 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-787 .elementor-element.elementor-element-6d10fc5 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-787 .elementor-element.elementor-element-6d10fc5{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-787 .elementor-element.elementor-element-6d10fc5 .elementor-icon-list-text{transition:color 0.3s;}.elementor-787 .elementor-element.elementor-element-f51d359 .elementor-button{font-family:"Barlow", Sans-serif;font-size:13px;font-weight:500;line-height:1em;}.elementor-787 .elementor-element.elementor-element-6b00227{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-787 .elementor-element.elementor-element-ad8ba42 .elementor-icon-wrapper{text-align:center;}.elementor-787 .elementor-element.elementor-element-ad8ba42 .elementor-icon{font-size:90px;}.elementor-787 .elementor-element.elementor-element-ad8ba42 .elementor-icon svg{height:90px;}.elementor-787 .elementor-element.elementor-element-7c4c15f{text-align:center;}.elementor-787 .elementor-element.elementor-element-7c4c15f .elementor-heading-title{font-family:var( --e-global-typography-1036238-font-family ), Sans-serif;font-size:var( --e-global-typography-1036238-font-size );font-weight:var( --e-global-typography-1036238-font-weight );line-height:var( --e-global-typography-1036238-line-height );}.elementor-787 .elementor-element.elementor-element-b4c1dc7 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-787 .elementor-element.elementor-element-b4c1dc7 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-787 .elementor-element.elementor-element-b4c1dc7{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-787 .elementor-element.elementor-element-b4c1dc7 .elementor-icon-list-text{transition:color 0.3s;}.elementor-787 .elementor-element.elementor-element-360fdfb .elementor-button{font-family:"Barlow", Sans-serif;font-size:13px;font-weight:500;line-height:1em;}.elementor-787 .elementor-element.elementor-element-04b41b7{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-787 .elementor-element.elementor-element-aad29c2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-787 .elementor-element.elementor-element-aad29c2 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-primary );}.elementor-787 .elementor-element.elementor-element-b02aea4{--display:flex;}.elementor-787 .elementor-element.elementor-element-751e8b8 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-787 .elementor-element.elementor-element-0cb1516{--display:flex;}.elementor-787 .elementor-element.elementor-element-12afc4e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-787 .elementor-element.elementor-element-9277a60{--display:flex;}.elementor-787 .elementor-element.elementor-element-cfe7945 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-787 .elementor-element.elementor-element-2aa3a7f{--display:flex;}.elementor-787 .elementor-element.elementor-element-f9c613e .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-787 .elementor-element.elementor-element-c64436b{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--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:-5px;--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:-5px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:var( --e-global-color-secondary );--e-n-carousel-arrow-hover-color:var( --e-global-color-primary );}.elementor-787 .elementor-element.elementor-element-816ac01{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-787 .elementor-element.elementor-element-6787240{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:1px;}.elementor-787 .elementor-element.elementor-element-6787240 .elementor-divider-separator{width:100%;}.elementor-787 .elementor-element.elementor-element-6787240 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-787 .elementor-element.elementor-element-e033ca2{--display:flex;}.elementor-787 .elementor-element.elementor-element-3a09662{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-787 .elementor-element.elementor-element-3a09662 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );color:var( --e-global-color-primary );}.elementor-787 .elementor-element.elementor-element-3ec9a82{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-787 .elementor-element.elementor-element-3a6e932{--width:750px;}.elementor-787 .elementor-element.elementor-element-2f25f82{--content-width:1140px;}.elementor-787 .elementor-element.elementor-element-d4de861{--width:31%;}.elementor-787 .elementor-element.elementor-element-87cefec{--width:31%;}.elementor-787 .elementor-element.elementor-element-55311ac{--width:31%;}.elementor-787 .elementor-element.elementor-element-6b00227{--width:31%;}.elementor-787 .elementor-element.elementor-element-816ac01{--content-width:100%;}.elementor-787 .elementor-element.elementor-element-e033ca2{--width:1140px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-787 .elementor-element.elementor-element-d6c7b5d .elementor-heading-title{font-size:var( --e-global-typography-1036238-font-size );line-height:var( --e-global-typography-1036238-line-height );}.elementor-787 .elementor-element.elementor-element-cdd14f5 .elementor-heading-title{font-size:var( --e-global-typography-1036238-font-size );line-height:var( --e-global-typography-1036238-line-height );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-787 .elementor-element.elementor-element-4d23a55 .elementor-heading-title{font-size:var( --e-global-typography-1036238-font-size );line-height:var( --e-global-typography-1036238-line-height );}.elementor-787 .elementor-element.elementor-element-4864919 .elementor-heading-title{font-size:var( --e-global-typography-1036238-font-size );line-height:var( --e-global-typography-1036238-line-height );}.elementor-787 .elementor-element.elementor-element-7c4c15f .elementor-heading-title{font-size:var( --e-global-typography-1036238-font-size );line-height:var( --e-global-typography-1036238-line-height );}.elementor-787 .elementor-element.elementor-element-aad29c2 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-787 .elementor-element.elementor-element-c64436b{--e-n-carousel-swiper-slides-to-display:2;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-787 .elementor-element.elementor-element-3a09662 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-787 .elementor-element.elementor-element-1f93786 .elementor-heading-title{font-size:28px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-787 .elementor-element.elementor-element-6e4d0fd{font-size:14px;}.elementor-787 .elementor-element.elementor-element-d6c7b5d .elementor-heading-title{font-size:var( --e-global-typography-1036238-font-size );line-height:var( --e-global-typography-1036238-line-height );}.elementor-787 .elementor-element.elementor-element-feb2207{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-787 .elementor-element.elementor-element-d4de861{--width:100%;}.elementor-787 .elementor-element.elementor-element-cdd14f5 .elementor-heading-title{font-size:var( --e-global-typography-1036238-font-size );line-height:var( --e-global-typography-1036238-line-height );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-787 .elementor-element.elementor-element-87cefec{--width:100%;}.elementor-787 .elementor-element.elementor-element-4d23a55 .elementor-heading-title{font-size:var( --e-global-typography-1036238-font-size );line-height:var( --e-global-typography-1036238-line-height );}.elementor-787 .elementor-element.elementor-element-862dc64{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-787 .elementor-element.elementor-element-55311ac{--width:100%;}.elementor-787 .elementor-element.elementor-element-4864919 .elementor-heading-title{font-size:var( --e-global-typography-1036238-font-size );line-height:var( --e-global-typography-1036238-line-height );}.elementor-787 .elementor-element.elementor-element-6b00227{--width:100%;}.elementor-787 .elementor-element.elementor-element-7c4c15f .elementor-heading-title{font-size:var( --e-global-typography-1036238-font-size );line-height:var( --e-global-typography-1036238-line-height );}.elementor-787 .elementor-element.elementor-element-aad29c2 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-787 .elementor-element.elementor-element-c64436b{--e-n-carousel-swiper-slides-to-display:1;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-787 .elementor-element.elementor-element-3a09662 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}/* Start custom CSS for button, class: .elementor-element-7faa516 *//* ESTADO INICIAL DE LA TARJETA */ .elementor-787 .elementor-element.elementor-element-7faa516 { background: linear-gradient(135deg, rgba(15, 44, 89, 0.03) 0%, rgba(15, 44, 89, 0.08) 100%); border: 1px solid rgba(15, 44, 89, 0.12); border-radius: 12px; position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } /* Línea estética superior de color amarillo */ .elementor-787 .elementor-element.elementor-element-7faa516::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #FFB100; transition: all 0.3s ease; } /* EFECTO AL PASAR EL MOUSE (HOVER) */ .elementor-787 .elementor-element.elementor-element-7faa516:hover { transform: translateY(-8px); background: #0F2C59 !important; /* El fondo muta al azul marino de la cooperativa */ border-color: #0F2C59; box-shadow: 0 15px 35px rgba(15, 44, 89, 0.25); } /* Transición de los textos internos (H3 y Párrafos) a Blanco en Hover */ .elementor-787 .elementor-element.elementor-element-7faa516:hover h3, .elementor-787 .elementor-element.elementor-element-7faa516:hover p, .elementor-787 .elementor-element.elementor-element-7faa516:hover li, .elementor-787 .elementor-element.elementor-element-7faa516:hover span { color: #FFFFFF !important; } /* Animación y cambio de color del Icono de Elementor */ .elementor-787 .elementor-element.elementor-element-7faa516 .elementor-icon { transition: all 0.4s ease; } .elementor-787 .elementor-element.elementor-element-7faa516:hover .elementor-icon { transform: rotate(-10deg) scale(1.1); color: #FFB100 !important; /* El icono se enciende en amarillo maquinaria */ } /* El Botón de Elementor cambia a sólido reflectivo en Hover */ .elementor-787 .elementor-element.elementor-element-7faa516 .elementor-button { transition: all 0.3s ease; } .elementor-787 .elementor-element.elementor-element-7faa516:hover .elementor-button { background-color: #FFB100 !important; border-color: #FFB100 !important; color: #0F2C59 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d4de861 *//* 1. CONFIGURACIÓN PREMIUM DE LA TARJETA EN REPOSO (CON ANCHO OPTIMIZADO) */ .elementor-787 .elementor-element.elementor-element-d4de861 { width: 48% !important; /* Forza a que entren exactamente 2 tarjetas cómodas por fila */ background: #FFFFFF !important; border: 1px solid rgba(15, 44, 89, 0.08) !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(15, 44, 89, 0.02) !important; position: relative; overflow: hidden; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* Ajuste automático para que en celulares ocupen el 100% y no se compriman */ @media (max-width: 767px) { .elementor-787 .elementor-element.elementor-element-d4de861 { width: 100% !important; } } /* Línea estética superior minimalista */ .elementor-787 .elementor-element.elementor-element-d4de861::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #FFB100; transition: all 0.4s ease; } /* Textos e íconos de la lista en reposo */ .elementor-787 .elementor-element.elementor-element-d4de861 h3, .elementor-787 .elementor-element.elementor-element-d4de861 .elementor-heading-title { color: #0F2C59 !important; font-weight: 700 !important; letter-spacing: -0.3px !important; transition: color 0.4s ease !important; } .elementor-787 .elementor-element.elementor-element-d4de861 .elementor-icon-list-text { color: #5A6A85 !important; font-size: 14.5px !important; line-height: 1.6 !important; transition: color 0.4s ease !important; } /* Apuntamos a fuentes y SVGs de la lista en reposo */ .elementor-787 .elementor-element.elementor-element-d4de861 .elementor-icon-list-icon i, .elementor-787 .elementor-element.elementor-element-d4de861 .elementor-icon-list-icon svg { color: #0F2C59 !important; fill: #0F2C59 !important; transition: all 0.4s ease !important; } /* ESTADO DE REPOSO DEL ÍCONO DE LA GRÚA */ .elementor-787 .elementor-element.elementor-element-d4de861 .elementor-icon, .elementor-787 .elementor-element.elementor-element-d4de861 .elementor-icon i, .elementor-787 .elementor-element.elementor-element-d4de861 .elementor-icon svg, .elementor-787 .elementor-element.elementor-element-d4de861 img { color: #0F2C59 !important; fill: #0F2C59 !important; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* Rediseño delicado del Botón en reposo */ .elementor-787 .elementor-element.elementor-element-d4de861 .elementor-button { width: 100% !important; font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; white-space: nowrap !important; padding: 12px 24px !important; background-color: rgba(15, 44, 89, 0.02) !important; border: 1px solid rgba(15, 44, 89, 0.15) !important; color: #0F2C59 !important; border-radius: 8px !important; box-shadow: none !important; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* 2. COMPORTAMIENTO AL PASAR EL MOUSE POR EL RECUADRO (HOVER) */ /* Cambios en el recuadro general de la tarjeta */ .elementor-787 .elementor-element.elementor-element-d4de861:hover { transform: translateY(-6px) !important; background: #0F2C59 !important; /* Fondo muta al azul marino corporativo */ box-shadow: 0 20px 40px rgba(15, 44, 89, 0.2) !important; } /* Los textos pasan a blanco al hacer hover en el recuadro */ .elementor-787 .elementor-element.elementor-element-d4de861:hover h3, .elementor-787 .elementor-element.elementor-element-d4de861:hover .elementor-heading-title, .elementor-787 .elementor-element.elementor-element-d4de861:hover .elementor-icon-list-text { color: #FFFFFF !important; } /* Los iconos del listado (i y svg) pasan a blanco puro al hacer hover en el recuadro */ .elementor-787 .elementor-element.elementor-element-d4de861:hover .elementor-icon-list-icon i, .elementor-787 .elementor-element.elementor-element-d4de861:hover .elementor-icon-list-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; } /* CAMBIO DE COLOR DEL ÍCONO AL HACER HOVER EN EL RECUADRO DE LA TARJETA */ .elementor-787 .elementor-element.elementor-element-d4de861:hover .elementor-icon, .elementor-787 .elementor-element.elementor-element-d4de861:hover .elementor-icon i, .elementor-787 .elementor-element.elementor-element-d4de861:hover .elementor-icon svg, .elementor-787 .elementor-element.elementor-element-d4de861:hover img { transform: rotate(-6deg) scale(1.05) !important; color: #FFB100 !important; /* El ícono de la grúa se enciende en amarillo maquinaria */ fill: #FFB100 !important; } /* El botón se vuelve amarillo al hacer hover en el recuadro */ .elementor-787 .elementor-element.elementor-element-d4de861:hover .elementor-button { background-color: #FFB100 !important; border-color: #FFB100 !important; color: #0F2C59 !important; font-weight: 700 !important; transform: scale(1.02) !important; box-shadow: 0 4px 15px rgba(255, 177, 0, 0.35) !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ca0676d *//* ESTADO INICIAL DE LA TARJETA */ .elementor-787 .elementor-element.elementor-element-ca0676d { background: linear-gradient(135deg, rgba(15, 44, 89, 0.03) 0%, rgba(15, 44, 89, 0.08) 100%); border: 1px solid rgba(15, 44, 89, 0.12); border-radius: 12px; position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } /* Línea estética superior de color amarillo */ .elementor-787 .elementor-element.elementor-element-ca0676d::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #FFB100; transition: all 0.3s ease; } /* EFECTO AL PASAR EL MOUSE (HOVER) */ .elementor-787 .elementor-element.elementor-element-ca0676d:hover { transform: translateY(-8px); background: #0F2C59 !important; /* El fondo muta al azul marino de la cooperativa */ border-color: #0F2C59; box-shadow: 0 15px 35px rgba(15, 44, 89, 0.25); } /* Transición de los textos internos (H3 y Párrafos) a Blanco en Hover */ .elementor-787 .elementor-element.elementor-element-ca0676d:hover h3, .elementor-787 .elementor-element.elementor-element-ca0676d:hover p, .elementor-787 .elementor-element.elementor-element-ca0676d:hover li, .elementor-787 .elementor-element.elementor-element-ca0676d:hover span { color: #FFFFFF !important; } /* Animación y cambio de color del Icono de Elementor */ .elementor-787 .elementor-element.elementor-element-ca0676d .elementor-icon { transition: all 0.4s ease; } .elementor-787 .elementor-element.elementor-element-ca0676d:hover .elementor-icon { transform: rotate(-10deg) scale(1.1); color: #FFB100 !important; /* El icono se enciende en amarillo maquinaria */ } /* El Botón de Elementor cambia a sólido reflectivo en Hover */ .elementor-787 .elementor-element.elementor-element-ca0676d .elementor-button { transition: all 0.3s ease; } .elementor-787 .elementor-element.elementor-element-ca0676d:hover .elementor-button { background-color: #FFB100 !important; border-color: #FFB100 !important; color: #0F2C59 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-87cefec *//* 1. CONFIGURACIÓN PREMIUM DE LA TARJETA EN REPOSO (CON ANCHO OPTIMIZADO) */ .elementor-787 .elementor-element.elementor-element-87cefec { width: 48% !important; /* Forza a que entren exactamente 2 tarjetas cómodas por fila */ background: #FFFFFF !important; border: 1px solid rgba(15, 44, 89, 0.08) !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(15, 44, 89, 0.02) !important; position: relative; overflow: hidden; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* Ajuste automático para que en celulares ocupen el 100% y no se compriman */ @media (max-width: 767px) { .elementor-787 .elementor-element.elementor-element-87cefec { width: 100% !important; } } /* Línea estética superior minimalista */ .elementor-787 .elementor-element.elementor-element-87cefec::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #FFB100; transition: all 0.4s ease; } /* Textos e íconos de la lista en reposo */ .elementor-787 .elementor-element.elementor-element-87cefec h3, .elementor-787 .elementor-element.elementor-element-87cefec .elementor-heading-title { color: #0F2C59 !important; font-weight: 700 !important; letter-spacing: -0.3px !important; transition: color 0.4s ease !important; } .elementor-787 .elementor-element.elementor-element-87cefec .elementor-icon-list-text { color: #5A6A85 !important; font-size: 14.5px !important; line-height: 1.6 !important; transition: color 0.4s ease !important; } /* Apuntamos a fuentes y SVGs de la lista en reposo */ .elementor-787 .elementor-element.elementor-element-87cefec .elementor-icon-list-icon i, .elementor-787 .elementor-element.elementor-element-87cefec .elementor-icon-list-icon svg { color: #0F2C59 !important; fill: #0F2C59 !important; transition: all 0.4s ease !important; } /* ESTADO DE REPOSO DEL ÍCONO DE LA GRÚA */ .elementor-787 .elementor-element.elementor-element-87cefec .elementor-icon, .elementor-787 .elementor-element.elementor-element-87cefec .elementor-icon i, .elementor-787 .elementor-element.elementor-element-87cefec .elementor-icon svg, .elementor-787 .elementor-element.elementor-element-87cefec img { color: #0F2C59 !important; fill: #0F2C59 !important; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* Rediseño delicado del Botón en reposo */ .elementor-787 .elementor-element.elementor-element-87cefec .elementor-button { width: 100% !important; font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; white-space: nowrap !important; padding: 12px 24px !important; background-color: rgba(15, 44, 89, 0.02) !important; border: 1px solid rgba(15, 44, 89, 0.15) !important; color: #0F2C59 !important; border-radius: 8px !important; box-shadow: none !important; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* 2. COMPORTAMIENTO AL PASAR EL MOUSE POR EL RECUADRO (HOVER) */ /* Cambios en el recuadro general de la tarjeta */ .elementor-787 .elementor-element.elementor-element-87cefec:hover { transform: translateY(-6px) !important; background: #0F2C59 !important; /* Fondo muta al azul marino corporativo */ box-shadow: 0 20px 40px rgba(15, 44, 89, 0.2) !important; } /* Los textos pasan a blanco al hacer hover en el recuadro */ .elementor-787 .elementor-element.elementor-element-87cefec:hover h3, .elementor-787 .elementor-element.elementor-element-87cefec:hover .elementor-heading-title, .elementor-787 .elementor-element.elementor-element-87cefec:hover .elementor-icon-list-text { color: #FFFFFF !important; } /* Los iconos del listado (i y svg) pasan a blanco puro al hacer hover en el recuadro */ .elementor-787 .elementor-element.elementor-element-87cefec:hover .elementor-icon-list-icon i, .elementor-787 .elementor-element.elementor-element-87cefec:hover .elementor-icon-list-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; } /* CAMBIO DE COLOR DEL ÍCONO AL HACER HOVER EN EL RECUADRO DE LA TARJETA */ .elementor-787 .elementor-element.elementor-element-87cefec:hover .elementor-icon, .elementor-787 .elementor-element.elementor-element-87cefec:hover .elementor-icon i, .elementor-787 .elementor-element.elementor-element-87cefec:hover .elementor-icon svg, .elementor-787 .elementor-element.elementor-element-87cefec:hover img { transform: rotate(-6deg) scale(1.05) !important; color: #FFB100 !important; /* El ícono de la grúa se enciende en amarillo maquinaria */ fill: #FFB100 !important; } /* El botón se vuelve amarillo al hacer hover en el recuadro */ .elementor-787 .elementor-element.elementor-element-87cefec:hover .elementor-button { background-color: #FFB100 !important; border-color: #FFB100 !important; color: #0F2C59 !important; font-weight: 700 !important; transform: scale(1.02) !important; box-shadow: 0 4px 15px rgba(255, 177, 0, 0.35) !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f51d359 *//* ESTADO INICIAL DE LA TARJETA */ .elementor-787 .elementor-element.elementor-element-f51d359 { background: linear-gradient(135deg, rgba(15, 44, 89, 0.03) 0%, rgba(15, 44, 89, 0.08) 100%); border: 1px solid rgba(15, 44, 89, 0.12); border-radius: 12px; position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } /* Línea estética superior de color amarillo */ .elementor-787 .elementor-element.elementor-element-f51d359::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #FFB100; transition: all 0.3s ease; } /* EFECTO AL PASAR EL MOUSE (HOVER) */ .elementor-787 .elementor-element.elementor-element-f51d359:hover { transform: translateY(-8px); background: #0F2C59 !important; /* El fondo muta al azul marino de la cooperativa */ border-color: #0F2C59; box-shadow: 0 15px 35px rgba(15, 44, 89, 0.25); } /* Transición de los textos internos (H3 y Párrafos) a Blanco en Hover */ .elementor-787 .elementor-element.elementor-element-f51d359:hover h3, .elementor-787 .elementor-element.elementor-element-f51d359:hover p, .elementor-787 .elementor-element.elementor-element-f51d359:hover li, .elementor-787 .elementor-element.elementor-element-f51d359:hover span { color: #FFFFFF !important; } /* Animación y cambio de color del Icono de Elementor */ .elementor-787 .elementor-element.elementor-element-f51d359 .elementor-icon { transition: all 0.4s ease; } .elementor-787 .elementor-element.elementor-element-f51d359:hover .elementor-icon { transform: rotate(-10deg) scale(1.1); color: #FFB100 !important; /* El icono se enciende en amarillo maquinaria */ } /* El Botón de Elementor cambia a sólido reflectivo en Hover */ .elementor-787 .elementor-element.elementor-element-f51d359 .elementor-button { transition: all 0.3s ease; } .elementor-787 .elementor-element.elementor-element-f51d359:hover .elementor-button { background-color: #FFB100 !important; border-color: #FFB100 !important; color: #0F2C59 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-55311ac *//* 1. CONFIGURACIÓN PREMIUM DE LA TARJETA EN REPOSO (CON ANCHO OPTIMIZADO) */ .elementor-787 .elementor-element.elementor-element-55311ac { width: 48% !important; /* Forza a que entren exactamente 2 tarjetas cómodas por fila */ background: #FFFFFF !important; border: 1px solid rgba(15, 44, 89, 0.08) !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(15, 44, 89, 0.02) !important; position: relative; overflow: hidden; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* Ajuste automático para que en celulares ocupen el 100% y no se compriman */ @media (max-width: 767px) { .elementor-787 .elementor-element.elementor-element-55311ac { width: 100% !important; } } /* Línea estética superior minimalista */ .elementor-787 .elementor-element.elementor-element-55311ac::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #FFB100; transition: all 0.4s ease; } /* Textos e íconos de la lista en reposo */ .elementor-787 .elementor-element.elementor-element-55311ac h3, .elementor-787 .elementor-element.elementor-element-55311ac .elementor-heading-title { color: #0F2C59 !important; font-weight: 700 !important; letter-spacing: -0.3px !important; transition: color 0.4s ease !important; } .elementor-787 .elementor-element.elementor-element-55311ac .elementor-icon-list-text { color: #5A6A85 !important; font-size: 14.5px !important; line-height: 1.6 !important; transition: color 0.4s ease !important; } /* Apuntamos a fuentes y SVGs de la lista en reposo */ .elementor-787 .elementor-element.elementor-element-55311ac .elementor-icon-list-icon i, .elementor-787 .elementor-element.elementor-element-55311ac .elementor-icon-list-icon svg { color: #0F2C59 !important; fill: #0F2C59 !important; transition: all 0.4s ease !important; } /* ESTADO DE REPOSO DEL ÍCONO DE LA GRÚA */ .elementor-787 .elementor-element.elementor-element-55311ac .elementor-icon, .elementor-787 .elementor-element.elementor-element-55311ac .elementor-icon i, .elementor-787 .elementor-element.elementor-element-55311ac .elementor-icon svg, .elementor-787 .elementor-element.elementor-element-55311ac img { color: #0F2C59 !important; fill: #0F2C59 !important; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* Rediseño delicado del Botón en reposo */ .elementor-787 .elementor-element.elementor-element-55311ac .elementor-button { width: 100% !important; font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; white-space: nowrap !important; padding: 12px 24px !important; background-color: rgba(15, 44, 89, 0.02) !important; border: 1px solid rgba(15, 44, 89, 0.15) !important; color: #0F2C59 !important; border-radius: 8px !important; box-shadow: none !important; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* 2. COMPORTAMIENTO AL PASAR EL MOUSE POR EL RECUADRO (HOVER) */ /* Cambios en el recuadro general de la tarjeta */ .elementor-787 .elementor-element.elementor-element-55311ac:hover { transform: translateY(-6px) !important; background: #0F2C59 !important; /* Fondo muta al azul marino corporativo */ box-shadow: 0 20px 40px rgba(15, 44, 89, 0.2) !important; } /* Los textos pasan a blanco al hacer hover en el recuadro */ .elementor-787 .elementor-element.elementor-element-55311ac:hover h3, .elementor-787 .elementor-element.elementor-element-55311ac:hover .elementor-heading-title, .elementor-787 .elementor-element.elementor-element-55311ac:hover .elementor-icon-list-text { color: #FFFFFF !important; } /* Los iconos del listado (i y svg) pasan a blanco puro al hacer hover en el recuadro */ .elementor-787 .elementor-element.elementor-element-55311ac:hover .elementor-icon-list-icon i, .elementor-787 .elementor-element.elementor-element-55311ac:hover .elementor-icon-list-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; } /* CAMBIO DE COLOR DEL ÍCONO AL HACER HOVER EN EL RECUADRO DE LA TARJETA */ .elementor-787 .elementor-element.elementor-element-55311ac:hover .elementor-icon, .elementor-787 .elementor-element.elementor-element-55311ac:hover .elementor-icon i, .elementor-787 .elementor-element.elementor-element-55311ac:hover .elementor-icon svg, .elementor-787 .elementor-element.elementor-element-55311ac:hover img { transform: rotate(-6deg) scale(1.05) !important; color: #FFB100 !important; /* El ícono de la grúa se enciende en amarillo maquinaria */ fill: #FFB100 !important; } /* El botón se vuelve amarillo al hacer hover en el recuadro */ .elementor-787 .elementor-element.elementor-element-55311ac:hover .elementor-button { background-color: #FFB100 !important; border-color: #FFB100 !important; color: #0F2C59 !important; font-weight: 700 !important; transform: scale(1.02) !important; box-shadow: 0 4px 15px rgba(255, 177, 0, 0.35) !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-360fdfb *//* ESTADO INICIAL DE LA TARJETA */ .elementor-787 .elementor-element.elementor-element-360fdfb { background: linear-gradient(135deg, rgba(15, 44, 89, 0.03) 0%, rgba(15, 44, 89, 0.08) 100%); border: 1px solid rgba(15, 44, 89, 0.12); border-radius: 12px; position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } /* Línea estética superior de color amarillo */ .elementor-787 .elementor-element.elementor-element-360fdfb::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #FFB100; transition: all 0.3s ease; } /* EFECTO AL PASAR EL MOUSE (HOVER) */ .elementor-787 .elementor-element.elementor-element-360fdfb:hover { transform: translateY(-8px); background: #0F2C59 !important; /* El fondo muta al azul marino de la cooperativa */ border-color: #0F2C59; box-shadow: 0 15px 35px rgba(15, 44, 89, 0.25); } /* Transición de los textos internos (H3 y Párrafos) a Blanco en Hover */ .elementor-787 .elementor-element.elementor-element-360fdfb:hover h3, .elementor-787 .elementor-element.elementor-element-360fdfb:hover p, .elementor-787 .elementor-element.elementor-element-360fdfb:hover li, .elementor-787 .elementor-element.elementor-element-360fdfb:hover span { color: #FFFFFF !important; } /* Animación y cambio de color del Icono de Elementor */ .elementor-787 .elementor-element.elementor-element-360fdfb .elementor-icon { transition: all 0.4s ease; } .elementor-787 .elementor-element.elementor-element-360fdfb:hover .elementor-icon { transform: rotate(-10deg) scale(1.1); color: #FFB100 !important; /* El icono se enciende en amarillo maquinaria */ } /* El Botón de Elementor cambia a sólido reflectivo en Hover */ .elementor-787 .elementor-element.elementor-element-360fdfb .elementor-button { transition: all 0.3s ease; } .elementor-787 .elementor-element.elementor-element-360fdfb:hover .elementor-button { background-color: #FFB100 !important; border-color: #FFB100 !important; color: #0F2C59 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6b00227 *//* 1. CONFIGURACIÓN PREMIUM DE LA TARJETA EN REPOSO (CON ANCHO OPTIMIZADO) */ .elementor-787 .elementor-element.elementor-element-6b00227 { width: 48% !important; /* Forza a que entren exactamente 2 tarjetas cómodas por fila */ background: #FFFFFF !important; border: 1px solid rgba(15, 44, 89, 0.08) !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(15, 44, 89, 0.02) !important; position: relative; overflow: hidden; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* Ajuste automático para que en celulares ocupen el 100% y no se compriman */ @media (max-width: 767px) { .elementor-787 .elementor-element.elementor-element-6b00227 { width: 100% !important; } } /* Línea estética superior minimalista */ .elementor-787 .elementor-element.elementor-element-6b00227::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #FFB100; transition: all 0.4s ease; } /* Textos e íconos de la lista en reposo */ .elementor-787 .elementor-element.elementor-element-6b00227 h3, .elementor-787 .elementor-element.elementor-element-6b00227 .elementor-heading-title { color: #0F2C59 !important; font-weight: 700 !important; letter-spacing: -0.3px !important; transition: color 0.4s ease !important; } .elementor-787 .elementor-element.elementor-element-6b00227 .elementor-icon-list-text { color: #5A6A85 !important; font-size: 14.5px !important; line-height: 1.6 !important; transition: color 0.4s ease !important; } /* Apuntamos a fuentes y SVGs de la lista en reposo */ .elementor-787 .elementor-element.elementor-element-6b00227 .elementor-icon-list-icon i, .elementor-787 .elementor-element.elementor-element-6b00227 .elementor-icon-list-icon svg { color: #0F2C59 !important; fill: #0F2C59 !important; transition: all 0.4s ease !important; } /* ESTADO DE REPOSO DEL ÍCONO DE LA GRÚA */ .elementor-787 .elementor-element.elementor-element-6b00227 .elementor-icon, .elementor-787 .elementor-element.elementor-element-6b00227 .elementor-icon i, .elementor-787 .elementor-element.elementor-element-6b00227 .elementor-icon svg, .elementor-787 .elementor-element.elementor-element-6b00227 img { color: #0F2C59 !important; fill: #0F2C59 !important; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* Rediseño delicado del Botón en reposo */ .elementor-787 .elementor-element.elementor-element-6b00227 .elementor-button { width: 100% !important; font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 1px !important; text-transform: uppercase !important; white-space: nowrap !important; padding: 12px 24px !important; background-color: rgba(15, 44, 89, 0.02) !important; border: 1px solid rgba(15, 44, 89, 0.15) !important; color: #0F2C59 !important; border-radius: 8px !important; box-shadow: none !important; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* 2. COMPORTAMIENTO AL PASAR EL MOUSE POR EL RECUADRO (HOVER) */ /* Cambios en el recuadro general de la tarjeta */ .elementor-787 .elementor-element.elementor-element-6b00227:hover { transform: translateY(-6px) !important; background: #0F2C59 !important; /* Fondo muta al azul marino corporativo */ box-shadow: 0 20px 40px rgba(15, 44, 89, 0.2) !important; } /* Los textos pasan a blanco al hacer hover en el recuadro */ .elementor-787 .elementor-element.elementor-element-6b00227:hover h3, .elementor-787 .elementor-element.elementor-element-6b00227:hover .elementor-heading-title, .elementor-787 .elementor-element.elementor-element-6b00227:hover .elementor-icon-list-text { color: #FFFFFF !important; } /* Los iconos del listado (i y svg) pasan a blanco puro al hacer hover en el recuadro */ .elementor-787 .elementor-element.elementor-element-6b00227:hover .elementor-icon-list-icon i, .elementor-787 .elementor-element.elementor-element-6b00227:hover .elementor-icon-list-icon svg { color: #FFFFFF !important; fill: #FFFFFF !important; } /* CAMBIO DE COLOR DEL ÍCONO AL HACER HOVER EN EL RECUADRO DE LA TARJETA */ .elementor-787 .elementor-element.elementor-element-6b00227:hover .elementor-icon, .elementor-787 .elementor-element.elementor-element-6b00227:hover .elementor-icon i, .elementor-787 .elementor-element.elementor-element-6b00227:hover .elementor-icon svg, .elementor-787 .elementor-element.elementor-element-6b00227:hover img { transform: rotate(-6deg) scale(1.05) !important; color: #FFB100 !important; /* El ícono de la grúa se enciende en amarillo maquinaria */ fill: #FFB100 !important; } /* El botón se vuelve amarillo al hacer hover en el recuadro */ .elementor-787 .elementor-element.elementor-element-6b00227:hover .elementor-button { background-color: #FFB100 !important; border-color: #FFB100 !important; color: #0F2C59 !important; font-weight: 700 !important; transform: scale(1.02) !important; box-shadow: 0 4px 15px rgba(255, 177, 0, 0.35) !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-03f33e2 */