.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-188 .elementor-element.elementor-element-1ad963e{--display:flex;--min-height:100vh;--justify-content:flex-end;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-188 .elementor-element.elementor-element-1ad963e::before, .elementor-188 .elementor-element.elementor-element-1ad963e > .elementor-background-video-container::before, .elementor-188 .elementor-element.elementor-element-1ad963e > .e-con-inner > .elementor-background-video-container::before, .elementor-188 .elementor-element.elementor-element-1ad963e > .elementor-background-slideshow::before, .elementor-188 .elementor-element.elementor-element-1ad963e > .e-con-inner > .elementor-background-slideshow::before, .elementor-188 .elementor-element.elementor-element-1ad963e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#122530;--background-overlay:'';}.elementor-widget-text-editor.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-text-editor .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-text-editor.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-text-editor:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-text-editor.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-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-188 .elementor-element.elementor-element-c0844b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 100px) 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:72px;font-weight:800;line-height:90px;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-c0844b9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-a72fffe{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-188 .elementor-element.elementor-element-80b4bba.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-80b4bba{text-align:center;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:800;color:#4C9DE9;}.elementor-188 .elementor-element.elementor-element-e1b29fe.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-e1b29fe{text-align:center;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-widget-nested-carousel.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nested-carousel .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-nested-carousel .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-nested-carousel.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-nested-carousel:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-nested-carousel.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-nested-carousel .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-188 .elementor-element.elementor-element-17f832c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-9ddee4e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-69718e9{--display:flex;--justify-content:flex-end;--border-radius:35px 0px 0px 35px;}.elementor-188 .elementor-element.elementor-element-69718e9:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-69718e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E2E2E2;background-image:url("https://iddea.com.co/wp-content/uploads/2026/08/consultori_a_estrate_gica_integral_1_1x.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-188 .elementor-element.elementor-element-cac5456{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:15px 15px 15px 15px;}.elementor-188 .elementor-element.elementor-element-a85e8a4{padding:50px 50px 50px 50px;text-align:start;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-a85e8a4.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-e825f70{--display:flex;--justify-content:center;--border-radius:0px 35px 35px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:35px;--padding-right:35px;}.elementor-188 .elementor-element.elementor-element-e825f70:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-e825f70 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-188 .elementor-element.elementor-element-9108b01.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-9108b01{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#01202D;}.elementor-188 .elementor-element.elementor-element-2e3a7a4.elementor-element{--align-self:stretch;}.elementor-188 .elementor-element.elementor-element-2e3a7a4.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-2e3a7a4{text-align:start;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:700;color:#01202D;}.elementor-188 .elementor-element.elementor-element-2e3a7a4 a:hover, .elementor-188 .elementor-element.elementor-element-2e3a7a4 a:focus{color:#FF0000;}.elementor-188 .elementor-element.elementor-element-2e3a7a4 a{transition-duration:0.1s;}.elementor-widget-icon-list.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-list .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-icon-list .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-icon-list.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-icon-list:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-icon-list.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-icon-list .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.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-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-188 .elementor-element.elementor-element-b42453f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-b42453f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-b42453f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-b42453f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-b42453f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-188 .elementor-element.elementor-element-b42453f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-188 .elementor-element.elementor-element-b42453f .elementor-icon-list-icon i{color:#0A9DEE;transition:color 0.3s;}.elementor-188 .elementor-element.elementor-element-b42453f .elementor-icon-list-icon svg{fill:#0A9DEE;transition:fill 0.3s;}.elementor-188 .elementor-element.elementor-element-b42453f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-188 .elementor-element.elementor-element-b42453f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-188 .elementor-element.elementor-element-b42453f .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;}.elementor-188 .elementor-element.elementor-element-b42453f .elementor-icon-list-text{color:#01202D;transition:color 0.3s;}.elementor-188 .elementor-element.elementor-element-2b6fdf6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-977acf4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-a8f6110{--display:flex;--justify-content:flex-end;--border-radius:35px 0px 0px 35px;}.elementor-188 .elementor-element.elementor-element-a8f6110:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-a8f6110 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E2E2E2;background-image:url("https://iddea.com.co/wp-content/uploads/2026/08/gestio_n_del_entorno_y_licencia_social_2_1x.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-188 .elementor-element.elementor-element-b4dfa8f{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:15px 15px 15px 15px;}.elementor-188 .elementor-element.elementor-element-335b4bb{padding:50px 50px 50px 50px;text-align:start;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-335b4bb.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-212cfe2{--display:flex;--justify-content:center;--border-radius:0px 35px 035px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:35px;--padding-right:35px;}.elementor-188 .elementor-element.elementor-element-212cfe2:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-212cfe2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-188 .elementor-element.elementor-element-cd0ffc7.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-cd0ffc7{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#01202D;}.elementor-188 .elementor-element.elementor-element-7f6e637.elementor-element{--align-self:stretch;}.elementor-188 .elementor-element.elementor-element-7f6e637.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-7f6e637{text-align:start;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:700;color:#01202D;}.elementor-188 .elementor-element.elementor-element-7f6e637 a:hover, .elementor-188 .elementor-element.elementor-element-7f6e637 a:focus{color:#FF0000;}.elementor-188 .elementor-element.elementor-element-7f6e637 a{transition-duration:0.1s;}.elementor-188 .elementor-element.elementor-element-7693ecb.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-7693ecb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-7693ecb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-7693ecb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-7693ecb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-188 .elementor-element.elementor-element-7693ecb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-188 .elementor-element.elementor-element-7693ecb .elementor-icon-list-icon i{color:#0A9DEE;transition:color 0.3s;}.elementor-188 .elementor-element.elementor-element-7693ecb .elementor-icon-list-icon svg{fill:#0A9DEE;transition:fill 0.3s;}.elementor-188 .elementor-element.elementor-element-7693ecb{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-188 .elementor-element.elementor-element-7693ecb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-188 .elementor-element.elementor-element-7693ecb .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;}.elementor-188 .elementor-element.elementor-element-7693ecb .elementor-icon-list-text{color:#01202D;transition:color 0.3s;}.elementor-188 .elementor-element.elementor-element-52f70c8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-b9b6bbb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-adbcb05{--display:flex;--justify-content:flex-end;--border-radius:35px 0px 0px 35px;}.elementor-188 .elementor-element.elementor-element-adbcb05:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-adbcb05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E2E2E2;background-image:url("https://iddea.com.co/wp-content/uploads/2026/08/asuntos_pu_blicos_y_regulatorios_2_1x.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-188 .elementor-element.elementor-element-ee03693{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:15px 15px 15px 15px;}.elementor-188 .elementor-element.elementor-element-1829411{padding:50px 50px 50px 50px;text-align:start;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-1829411.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-1179ca3{--display:flex;--justify-content:center;--border-radius:0px 35px 035px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:35px;--padding-right:35px;}.elementor-188 .elementor-element.elementor-element-1179ca3:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-1179ca3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-188 .elementor-element.elementor-element-91af7e3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-91af7e3{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#01202D;}.elementor-188 .elementor-element.elementor-element-a0767d5.elementor-element{--align-self:stretch;}.elementor-188 .elementor-element.elementor-element-a0767d5.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-a0767d5{text-align:start;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:700;color:#01202D;}.elementor-188 .elementor-element.elementor-element-a0767d5 a:hover, .elementor-188 .elementor-element.elementor-element-a0767d5 a:focus{color:#FF0000;}.elementor-188 .elementor-element.elementor-element-a0767d5 a{transition-duration:0.1s;}.elementor-188 .elementor-element.elementor-element-f381b77.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-f381b77 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-f381b77 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-f381b77 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-f381b77 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-188 .elementor-element.elementor-element-f381b77 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-188 .elementor-element.elementor-element-f381b77 .elementor-icon-list-icon i{color:#0A9DEE;transition:color 0.3s;}.elementor-188 .elementor-element.elementor-element-f381b77 .elementor-icon-list-icon svg{fill:#0A9DEE;transition:fill 0.3s;}.elementor-188 .elementor-element.elementor-element-f381b77{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-188 .elementor-element.elementor-element-f381b77 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-188 .elementor-element.elementor-element-f381b77 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;}.elementor-188 .elementor-element.elementor-element-f381b77 .elementor-icon-list-text{color:#01202D;transition:color 0.3s;}.elementor-188 .elementor-element.elementor-element-c1acbc0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-b6ee703{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-f1958ba{--display:flex;--justify-content:flex-end;--border-radius:35px 0px 0px 35px;}.elementor-188 .elementor-element.elementor-element-f1958ba:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-f1958ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E2E2E2;background-image:url("https://iddea.com.co/wp-content/uploads/2026/08/gestio_n_de_crisis_empresariales_1_1x.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-188 .elementor-element.elementor-element-7d85b6f{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:15px 15px 15px 15px;}.elementor-188 .elementor-element.elementor-element-57fed4f{padding:50px 50px 50px 50px;text-align:start;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-57fed4f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-351521c{--display:flex;--justify-content:center;--border-radius:0px 35px 035px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:35px;--padding-right:35px;}.elementor-188 .elementor-element.elementor-element-351521c:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-351521c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-188 .elementor-element.elementor-element-57c725b.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-57c725b{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#01202D;}.elementor-188 .elementor-element.elementor-element-0ea0a16.elementor-element{--align-self:stretch;}.elementor-188 .elementor-element.elementor-element-0ea0a16.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-0ea0a16{text-align:start;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:700;color:#01202D;}.elementor-188 .elementor-element.elementor-element-0ea0a16 a:hover, .elementor-188 .elementor-element.elementor-element-0ea0a16 a:focus{color:#FF0000;}.elementor-188 .elementor-element.elementor-element-0ea0a16 a{transition-duration:0.1s;}.elementor-188 .elementor-element.elementor-element-ff2beea.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-ff2beea .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-ff2beea .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-ff2beea .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-ff2beea .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-188 .elementor-element.elementor-element-ff2beea .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-188 .elementor-element.elementor-element-ff2beea .elementor-icon-list-icon i{color:#0A9DEE;transition:color 0.3s;}.elementor-188 .elementor-element.elementor-element-ff2beea .elementor-icon-list-icon svg{fill:#0A9DEE;transition:fill 0.3s;}.elementor-188 .elementor-element.elementor-element-ff2beea{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-188 .elementor-element.elementor-element-ff2beea .elementor-icon-list-item > .elementor-icon-list-text, .elementor-188 .elementor-element.elementor-element-ff2beea .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;}.elementor-188 .elementor-element.elementor-element-ff2beea .elementor-icon-list-text{color:#01202D;transition:color 0.3s;}.elementor-188 .elementor-element.elementor-element-89d7afa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-3f66378{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-65ada29{--display:flex;--justify-content:flex-end;--border-radius:35px 0px 0px 35px;}.elementor-188 .elementor-element.elementor-element-65ada29:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-65ada29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E2E2E2;background-image:url("https://iddea.com.co/wp-content/uploads/2026/08/comunicaciones_estrate_gicas_y_posicionamiento_1_1x.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-188 .elementor-element.elementor-element-3d8366e{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:15px 15px 15px 15px;}.elementor-188 .elementor-element.elementor-element-d20f15c{padding:50px 50px 50px 50px;text-align:start;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-d20f15c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-b6a62e0{--display:flex;--justify-content:center;--border-radius:0px 35px 035px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:35px;--padding-right:35px;}.elementor-188 .elementor-element.elementor-element-b6a62e0:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-b6a62e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-188 .elementor-element.elementor-element-11f978e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-11f978e{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#01202D;}.elementor-188 .elementor-element.elementor-element-552d39e.elementor-element{--align-self:stretch;}.elementor-188 .elementor-element.elementor-element-552d39e.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-552d39e{text-align:start;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:700;color:#01202D;}.elementor-188 .elementor-element.elementor-element-552d39e a:hover, .elementor-188 .elementor-element.elementor-element-552d39e a:focus{color:#FF0000;}.elementor-188 .elementor-element.elementor-element-552d39e a{transition-duration:0.1s;}.elementor-188 .elementor-element.elementor-element-660f569.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-660f569 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-660f569 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-660f569 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-660f569 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-188 .elementor-element.elementor-element-660f569 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-188 .elementor-element.elementor-element-660f569 .elementor-icon-list-icon i{color:#0A9DEE;transition:color 0.3s;}.elementor-188 .elementor-element.elementor-element-660f569 .elementor-icon-list-icon svg{fill:#0A9DEE;transition:fill 0.3s;}.elementor-188 .elementor-element.elementor-element-660f569{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-188 .elementor-element.elementor-element-660f569 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-188 .elementor-element.elementor-element-660f569 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;}.elementor-188 .elementor-element.elementor-element-660f569 .elementor-icon-list-text{color:#01202D;transition:color 0.3s;}.elementor-188 .elementor-element.elementor-element-761d4ce{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-215455e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-3203b0f{--display:flex;--justify-content:flex-end;--border-radius:35px 0px 0px 35px;}.elementor-188 .elementor-element.elementor-element-3203b0f:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-3203b0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E2E2E2;background-image:url("https://iddea.com.co/wp-content/uploads/2026/08/entrenamientos_y_desarrollo_de_capacidades_1_1x.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-188 .elementor-element.elementor-element-1122d41{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:15px 15px 15px 15px;}.elementor-188 .elementor-element.elementor-element-03e0f28{padding:50px 50px 50px 50px;text-align:start;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-03e0f28.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-59dc3e2{--display:flex;--justify-content:center;--border-radius:0px 35px 035px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:35px;--padding-right:35px;}.elementor-188 .elementor-element.elementor-element-59dc3e2:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-59dc3e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-188 .elementor-element.elementor-element-a1f4b0a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-a1f4b0a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#01202D;}.elementor-188 .elementor-element.elementor-element-39b7379.elementor-element{--align-self:stretch;}.elementor-188 .elementor-element.elementor-element-39b7379.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-39b7379{text-align:start;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:700;color:#01202D;}.elementor-188 .elementor-element.elementor-element-39b7379 a:hover, .elementor-188 .elementor-element.elementor-element-39b7379 a:focus{color:#FF0000;}.elementor-188 .elementor-element.elementor-element-39b7379 a{transition-duration:0.1s;}.elementor-188 .elementor-element.elementor-element-c9f32a1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-c9f32a1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-c9f32a1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-c9f32a1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-c9f32a1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-188 .elementor-element.elementor-element-c9f32a1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-188 .elementor-element.elementor-element-c9f32a1 .elementor-icon-list-icon i{color:#0A9DEE;transition:color 0.3s;}.elementor-188 .elementor-element.elementor-element-c9f32a1 .elementor-icon-list-icon svg{fill:#0A9DEE;transition:fill 0.3s;}.elementor-188 .elementor-element.elementor-element-c9f32a1{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-188 .elementor-element.elementor-element-c9f32a1 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-188 .elementor-element.elementor-element-c9f32a1 .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;}.elementor-188 .elementor-element.elementor-element-c9f32a1 .elementor-icon-list-text{color:#01202D;transition:color 0.3s;}.elementor-188 .elementor-element.elementor-element-60c6e3b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-4c3c211{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-f8e822a{--display:flex;--justify-content:flex-end;--border-radius:35px 0px 0px 35px;}.elementor-188 .elementor-element.elementor-element-f8e822a:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-f8e822a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E2E2E2;background-image:url("https://iddea.com.co/wp-content/uploads/2026/08/creatividad_y_disen_o_gra_fico_1_1x.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-188 .elementor-element.elementor-element-42f266c{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:15px 15px 15px 15px;}.elementor-188 .elementor-element.elementor-element-1e70bb2{padding:50px 50px 50px 50px;text-align:start;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-1e70bb2.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-97158fb{--display:flex;--justify-content:center;--border-radius:0px 35px 035px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:35px;--padding-right:35px;}.elementor-188 .elementor-element.elementor-element-97158fb:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-97158fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-188 .elementor-element.elementor-element-cb112b9.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-cb112b9{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#01202D;}.elementor-188 .elementor-element.elementor-element-4e927c1.elementor-element{--align-self:stretch;}.elementor-188 .elementor-element.elementor-element-4e927c1.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-4e927c1{text-align:start;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:700;color:#01202D;}.elementor-188 .elementor-element.elementor-element-4e927c1 a:hover, .elementor-188 .elementor-element.elementor-element-4e927c1 a:focus{color:#FF0000;}.elementor-188 .elementor-element.elementor-element-4e927c1 a{transition-duration:0.1s;}.elementor-188 .elementor-element.elementor-element-6299e3f.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-6299e3f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-6299e3f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-6299e3f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-188 .elementor-element.elementor-element-6299e3f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-188 .elementor-element.elementor-element-6299e3f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-188 .elementor-element.elementor-element-6299e3f .elementor-icon-list-icon i{color:#0A9DEE;transition:color 0.3s;}.elementor-188 .elementor-element.elementor-element-6299e3f .elementor-icon-list-icon svg{fill:#0A9DEE;transition:fill 0.3s;}.elementor-188 .elementor-element.elementor-element-6299e3f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-188 .elementor-element.elementor-element-6299e3f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-188 .elementor-element.elementor-element-6299e3f .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;}.elementor-188 .elementor-element.elementor-element-6299e3f .elementor-icon-list-text{color:#01202D;transition:color 0.3s;}.elementor-188 .elementor-element.elementor-element-56ee77a{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;--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:-1em;--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:-1em;--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-size:110px;--e-n-carousel-arrow-normal-color:#0A9DEE;}.elementor-188 .elementor-element.elementor-element-56ee77a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-b47bf3e{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-b47bf3e:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-b47bf3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#122530;}.elementor-188 .elementor-element.elementor-element-aa0e060.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-aa0e060{text-align:center;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-c61ccff.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-c61ccff{text-align:center;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:800;color:#4C9DE9;}.elementor-widget-nested-accordion.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nested-accordion .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-nested-accordion .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-nested-accordion.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-nested-accordion:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-nested-accordion.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-nested-accordion .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-188 .elementor-element.elementor-element-66c4e34{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-188 .elementor-element.elementor-element-0334ff6{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;border-style:solid;--border-style:solid;border-width:2px 0px 2px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#FF3758;--border-color:#FF3758;--padding-top:25px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-3af5e89.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-3af5e89{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-f04ff99.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-f04ff99{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-e345a09{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-e345a09.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-618a06d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-188 .elementor-element.elementor-element-8b5b3d6{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;border-style:solid;--border-style:solid;border-width:2px 0px 2px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#FFC00B;--border-color:#FFC00B;--padding-top:25px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-b9b0a10.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-b9b0a10{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-1e65899.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-1e65899{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-df06724{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-df06724.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-f622c9d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-188 .elementor-element.elementor-element-3bc157e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;border-style:solid;--border-style:solid;border-width:2px 0px 2px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#00CC91;--border-color:#00CC91;--padding-top:25px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-2b8a070.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-2b8a070{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-61ea793.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-61ea793{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-6180af7{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-6180af7.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-7cd8888{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-188 .elementor-element.elementor-element-a2da6d9{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;border-style:solid;--border-style:solid;border-width:2px 0px 2px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#67E8FC;--border-color:#67E8FC;--padding-top:25px;--padding-bottom:25px;--padding-left:0px;--padding-right:0px;}.elementor-188 .elementor-element.elementor-element-4acbd6a.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-4acbd6a{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-f51deaf.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-f51deaf{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-54680db{width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-54680db.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-dc8dcb3{--n-accordion-title-font-size:32px;border-radius:35px 35px 35px 35px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:40px;--n-accordion-border-radius:35px 35px 35px 35px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:45px;}.elementor-188 .elementor-element.elementor-element-dc8dcb3 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#04263F;border-style:none;}:where( .elementor-188 .elementor-element.elementor-element-dc8dcb3 > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#04263F;border-style:none;--border-radius:0px 0px 35px 35px;}.elementor-188 .elementor-element.elementor-element-dc8dcb3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-dc8dcb3 {--n-accordion-padding:65px 50px 65px 50px;}:where( .elementor-188 .elementor-element.elementor-element-dc8dcb3 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:800;}.elementor-188 .elementor-element.elementor-element-15021d7{--display:flex;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-188 .elementor-element.elementor-element-029b96c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-029b96c{text-align:center;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:800;color:#4C9DE9;}.elementor-188 .elementor-element.elementor-element-2ee5bf3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-2ee5bf3{text-align:center;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#000000;}.elementor-188 .elementor-element.elementor-element-2854cdd{--display:flex;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nested-tabs .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-nested-tabs .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-nested-tabs.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-nested-tabs:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-nested-tabs.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-nested-tabs .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-188 .elementor-element.elementor-element-97b64fe{--display:flex;--min-height:500px;--justify-content:center;--border-radius:50px 50px 50px 50px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-188 .elementor-element.elementor-element-97b64fe:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-97b64fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#01202D;}.elementor-188 .elementor-element.elementor-element-e086bae.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-e086bae{text-align:start;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:800;color:#00CC91;}.elementor-188 .elementor-element.elementor-element-98ae4a3.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-98ae4a3{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-ead0ebe{--display:flex;--min-height:500px;--justify-content:center;--border-radius:50px 50px 50px 50px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-188 .elementor-element.elementor-element-ead0ebe:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-ead0ebe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#01202D;}.elementor-188 .elementor-element.elementor-element-c97db71.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-c97db71{text-align:start;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:800;color:#FF3758;}.elementor-188 .elementor-element.elementor-element-ef62061.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-ef62061{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-c98a6e9{--display:flex;--min-height:500px;--justify-content:center;--border-radius:50px 50px 50px 50px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-188 .elementor-element.elementor-element-c98a6e9:not(.elementor-motion-effects-element-type-background), .elementor-188 .elementor-element.elementor-element-c98a6e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#01202D;}.elementor-188 .elementor-element.elementor-element-422f410.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-422f410{text-align:start;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:800;color:#FFC00B;}.elementor-188 .elementor-element.elementor-element-6c90769.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-6c90769{text-align:start;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-188 .elementor-element.elementor-element-8e7dde6{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:30%;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-gap:20px;--n-tabs-gap:50px;--n-tabs-title-border-radius:20px 20px 20px 20px;--n-tabs-title-font-size:22px;--n-tabs-title-color:#0A9DEE;--n-tabs-icon-size:40px;--n-tabs-icon-gap:15px;}.elementor-188 .elementor-element.elementor-element-8e7dde6.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#01202D;}.elementor-188 .elementor-element.elementor-element-8e7dde6.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-188 .elementor-element.elementor-element-8e7dde6.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#01202D;}.elementor-188 .elementor-element.elementor-element-8e7dde6.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-188 .elementor-element.elementor-element-8e7dde6.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Montserrat", Sans-serif;font-weight:700;}@media(min-width:768px){.elementor-188 .elementor-element.elementor-element-0334ff6{--width:95%;}.elementor-188 .elementor-element.elementor-element-8b5b3d6{--width:95%;}.elementor-188 .elementor-element.elementor-element-3bc157e{--width:95%;}.elementor-188 .elementor-element.elementor-element-a2da6d9{--width:95%;}}@media(max-width:1024px){.elementor-188 .elementor-element.elementor-element-56ee77a{--e-n-carousel-swiper-slides-to-display:2;}.elementor-188 .elementor-element.elementor-element-0334ff6{--grid-auto-flow:row;}.elementor-188 .elementor-element.elementor-element-8b5b3d6{--grid-auto-flow:row;}.elementor-188 .elementor-element.elementor-element-3bc157e{--grid-auto-flow:row;}.elementor-188 .elementor-element.elementor-element-a2da6d9{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-188 .elementor-element.elementor-element-56ee77a{--e-n-carousel-swiper-slides-to-display:1;}.elementor-188 .elementor-element.elementor-element-0334ff6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-188 .elementor-element.elementor-element-8b5b3d6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-188 .elementor-element.elementor-element-3bc157e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-188 .elementor-element.elementor-element-a2da6d9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-cac5456 */.elementor-188 .elementor-element.elementor-element-cac5456 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-69718e9 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4dfa8f */.elementor-188 .elementor-element.elementor-element-b4dfa8f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a8f6110 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee03693 */.elementor-188 .elementor-element.elementor-element-ee03693 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-adbcb05 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7d85b6f */.elementor-188 .elementor-element.elementor-element-7d85b6f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1958ba *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3d8366e */.elementor-188 .elementor-element.elementor-element-3d8366e { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65ada29 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1122d41 */.elementor-188 .elementor-element.elementor-element-1122d41 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3203b0f *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42f266c */.elementor-188 .elementor-element.elementor-element-42f266c { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f8e822a *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cac5456 */.elementor-188 .elementor-element.elementor-element-cac5456 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-69718e9 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4dfa8f */.elementor-188 .elementor-element.elementor-element-b4dfa8f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a8f6110 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee03693 */.elementor-188 .elementor-element.elementor-element-ee03693 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-adbcb05 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7d85b6f */.elementor-188 .elementor-element.elementor-element-7d85b6f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1958ba *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3d8366e */.elementor-188 .elementor-element.elementor-element-3d8366e { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65ada29 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1122d41 */.elementor-188 .elementor-element.elementor-element-1122d41 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3203b0f *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42f266c */.elementor-188 .elementor-element.elementor-element-42f266c { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f8e822a *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cac5456 */.elementor-188 .elementor-element.elementor-element-cac5456 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-69718e9 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4dfa8f */.elementor-188 .elementor-element.elementor-element-b4dfa8f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a8f6110 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee03693 */.elementor-188 .elementor-element.elementor-element-ee03693 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-adbcb05 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7d85b6f */.elementor-188 .elementor-element.elementor-element-7d85b6f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1958ba *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3d8366e */.elementor-188 .elementor-element.elementor-element-3d8366e { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65ada29 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1122d41 */.elementor-188 .elementor-element.elementor-element-1122d41 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3203b0f *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42f266c */.elementor-188 .elementor-element.elementor-element-42f266c { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f8e822a *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cac5456 */.elementor-188 .elementor-element.elementor-element-cac5456 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-69718e9 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4dfa8f */.elementor-188 .elementor-element.elementor-element-b4dfa8f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a8f6110 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee03693 */.elementor-188 .elementor-element.elementor-element-ee03693 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-adbcb05 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7d85b6f */.elementor-188 .elementor-element.elementor-element-7d85b6f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1958ba *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3d8366e */.elementor-188 .elementor-element.elementor-element-3d8366e { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65ada29 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1122d41 */.elementor-188 .elementor-element.elementor-element-1122d41 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3203b0f *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42f266c */.elementor-188 .elementor-element.elementor-element-42f266c { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f8e822a *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cac5456 */.elementor-188 .elementor-element.elementor-element-cac5456 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-69718e9 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4dfa8f */.elementor-188 .elementor-element.elementor-element-b4dfa8f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a8f6110 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee03693 */.elementor-188 .elementor-element.elementor-element-ee03693 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-adbcb05 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7d85b6f */.elementor-188 .elementor-element.elementor-element-7d85b6f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1958ba *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3d8366e */.elementor-188 .elementor-element.elementor-element-3d8366e { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65ada29 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1122d41 */.elementor-188 .elementor-element.elementor-element-1122d41 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3203b0f *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42f266c */.elementor-188 .elementor-element.elementor-element-42f266c { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f8e822a *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cac5456 */.elementor-188 .elementor-element.elementor-element-cac5456 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-69718e9 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4dfa8f */.elementor-188 .elementor-element.elementor-element-b4dfa8f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a8f6110 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee03693 */.elementor-188 .elementor-element.elementor-element-ee03693 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-adbcb05 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7d85b6f */.elementor-188 .elementor-element.elementor-element-7d85b6f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1958ba *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3d8366e */.elementor-188 .elementor-element.elementor-element-3d8366e { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65ada29 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1122d41 */.elementor-188 .elementor-element.elementor-element-1122d41 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3203b0f *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42f266c */.elementor-188 .elementor-element.elementor-element-42f266c { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f8e822a *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cac5456 */.elementor-188 .elementor-element.elementor-element-cac5456 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-69718e9 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4dfa8f */.elementor-188 .elementor-element.elementor-element-b4dfa8f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a8f6110 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee03693 */.elementor-188 .elementor-element.elementor-element-ee03693 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-adbcb05 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7d85b6f */.elementor-188 .elementor-element.elementor-element-7d85b6f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1958ba *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3d8366e */.elementor-188 .elementor-element.elementor-element-3d8366e { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65ada29 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1122d41 */.elementor-188 .elementor-element.elementor-element-1122d41 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3203b0f *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42f266c */.elementor-188 .elementor-element.elementor-element-42f266c { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f8e822a *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-cac5456 */.elementor-188 .elementor-element.elementor-element-cac5456 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-69718e9 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-69718e9 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-69718e9:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-con, .elementor-188 .elementor-element.elementor-element-69718e9:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b4dfa8f */.elementor-188 .elementor-element.elementor-element-b4dfa8f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a8f6110 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-a8f6110 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-con, .elementor-188 .elementor-element.elementor-element-a8f6110:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ee03693 */.elementor-188 .elementor-element.elementor-element-ee03693 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-adbcb05 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-adbcb05 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-con, .elementor-188 .elementor-element.elementor-element-adbcb05:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7d85b6f */.elementor-188 .elementor-element.elementor-element-7d85b6f { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f1958ba *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f1958ba { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f1958ba:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3d8366e */.elementor-188 .elementor-element.elementor-element-3d8366e { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-65ada29 *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-65ada29 { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29 .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29 > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-65ada29:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-con, .elementor-188 .elementor-element.elementor-element-65ada29:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1122d41 */.elementor-188 .elementor-element.elementor-element-1122d41 { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3203b0f *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-3203b0f { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-con, .elementor-188 .elementor-element.elementor-element-3203b0f:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-42f266c */.elementor-188 .elementor-element.elementor-element-42f266c { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f8e822a *//* 1. Estado inicial: Imagen en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenido interno */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container { opacity: 0; transform: translateY(15px); transition: opacity 0.4s ease, transform 0.4s ease; } /* 3. Estado Hover: La imagen recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Mostrar el contenido con un suave desplazamiento */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container { opacity: 1; transform: translateY(0); } /* 1. Estado inicial: Tarjeta completa en blanco y negro */ .elementor-188 .elementor-element.elementor-element-f8e822a { filter: grayscale(100%); transition: filter 0.4s ease; } /* 2. Estado inicial: Ocultar el contenedor con efecto glass y los iconos */ .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a > .e-container { opacity: 0; transform: translateY(20px); transition: opacity 0.4s ease, transform 0.4s ease-out; } /* 3. Estado Hover: La foto de fondo recupera su color */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover { filter: grayscale(0%); } /* 4. Estado Hover: Revelar el contenedor glass y los iconos suavemente */ .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover .elementor-widget-container, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-con, .elementor-188 .elementor-element.elementor-element-f8e822a:hover > .e-container { opacity: 1; transform: translateY(0); }/* End custom CSS */ /* Start custom CSS for nested-accordion, class: .elementor-element-dc8dcb3 */.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title{ border-radius: 35px 35px 0px 0px !important; transition: border-radius 0.3s ease-in-out !important; } /* Configuración general del círculo */ .elementor-188 .elementor-element.elementor-element-dc8dcb3 .e-n-accordion-item-title-icon { width: 55px; height: 55px; min-width: 55px; min-height: 55px; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; flex-shrink: 0; } /* Color 1 */ .elementor-188 .elementor-element.elementor-element-dc8dcb3 .e-n-accordion-item:nth-child(1) .e-n-accordion-item-title-icon { background-color: #FF3758; } /* Color 2 */ .elementor-188 .elementor-element.elementor-element-dc8dcb3 .e-n-accordion-item:nth-child(2) .e-n-accordion-item-title-icon { background-color: #FFC00B; } /* Color 3 */ .elementor-188 .elementor-element.elementor-element-dc8dcb3 .e-n-accordion-item:nth-child(3) .e-n-accordion-item-title-icon { background-color: #00CC91; } /* Color 4 */ .elementor-188 .elementor-element.elementor-element-dc8dcb3 .e-n-accordion-item:nth-child(4) .e-n-accordion-item-title-icon { background-color: #67E8FC; }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-8e7dde6 *//* ======================================== CONFIGURACIÓN GENERAL DE LAS PESTAÑAS ======================================== */ .elementor-188 .elementor-element.elementor-element-8e7dde6 .e-n-tabs-heading .e-n-tab-title { border: 3px solid transparent; transition: color 0.3s ease, border-color 0.3s ease; } /* ======================================== PESTAÑA 1 ======================================== */ .elementor-188 .elementor-element.elementor-element-8e7dde6 .e-n-tabs-heading .e-n-tab-title:nth-child(1)[aria-selected="true"] { color: #00CC91 !important; border-color: #00CC91 !important; } /* ======================================== PESTAÑA 2 ======================================== */ .elementor-188 .elementor-element.elementor-element-8e7dde6 .e-n-tabs-heading .e-n-tab-title:nth-child(2)[aria-selected="true"] { color: #FF3758 !important; border-color: #FF3758 !important; } /* ======================================== PESTAÑA 3 ======================================== */ .elementor-188 .elementor-element.elementor-element-8e7dde6 .e-n-tabs-heading .e-n-tab-title:nth-child(3)[aria-selected="true"] { color: #FFC00B !important; border-color: #FFC00B !important; }/* End custom CSS */