.elementor-15082 .elementor-element.elementor-element-9ee42c9{--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;}.elementor-15082 .elementor-element.elementor-element-609bdee{--display:flex;}.elementor-15082 .elementor-element.elementor-element-a54b571 .elementor-cta__content-item{transition-duration:1000ms;}.elementor-15082 .elementor-element.elementor-element-a54b571.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-15082 .elementor-element.elementor-element-a54b571.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-15082 .elementor-element.elementor-element-a54b571.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-15082 .elementor-element.elementor-element-a54b571 .elementor-cta .elementor-cta__bg, .elementor-15082 .elementor-element.elementor-element-a54b571 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-15082 .elementor-element.elementor-element-a54b571 .elementor-cta__content{text-align:center;}.elementor-15082 .elementor-element.elementor-element-a54b571 .elementor-cta__title:not(:last-child){margin-bottom:30px;}.elementor-15082 .elementor-element.elementor-element-a54b571 .elementor-cta__button{color:#FFFFFF70;border-color:#FFFFFF70;}.elementor-15082 .elementor-element.elementor-element-a54b571 .elementor-cta__button:hover{color:var( --e-global-color-blocksy_palette_8 );border-color:var( --e-global-color-blocksy_palette_8 );}.elementor-15082 .elementor-element.elementor-element-a7d5fcb{--display:flex;}.elementor-15082 .elementor-element.elementor-element-c8697f6 .elementor-cta__content-item{transition-duration:1000ms;}.elementor-15082 .elementor-element.elementor-element-c8697f6.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-15082 .elementor-element.elementor-element-c8697f6.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-15082 .elementor-element.elementor-element-c8697f6.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-15082 .elementor-element.elementor-element-c8697f6 .elementor-cta .elementor-cta__bg, .elementor-15082 .elementor-element.elementor-element-c8697f6 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-15082 .elementor-element.elementor-element-c8697f6 .elementor-cta__content{text-align:center;}.elementor-15082 .elementor-element.elementor-element-c8697f6 .elementor-cta__title:not(:last-child){margin-bottom:30px;}.elementor-15082 .elementor-element.elementor-element-c8697f6 .elementor-cta__button{color:#FFFFFF70;border-color:#FFFFFF70;}.elementor-15082 .elementor-element.elementor-element-c8697f6 .elementor-cta__button:hover{color:var( --e-global-color-blocksy_palette_8 );border-color:var( --e-global-color-blocksy_palette_8 );}.elementor-15082 .elementor-element.elementor-element-2692b78{--display:flex;}.elementor-15082 .elementor-element.elementor-element-4c52648 .elementor-cta__content-item{transition-duration:1000ms;}.elementor-15082 .elementor-element.elementor-element-4c52648.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 1000ms / 3 );}.elementor-15082 .elementor-element.elementor-element-4c52648.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 1000ms / 3 ) * 2 );}.elementor-15082 .elementor-element.elementor-element-4c52648.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 1000ms / 3 ) * 3 );}.elementor-15082 .elementor-element.elementor-element-4c52648 .elementor-cta .elementor-cta__bg, .elementor-15082 .elementor-element.elementor-element-4c52648 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-15082 .elementor-element.elementor-element-4c52648 .elementor-cta__content{text-align:center;}.elementor-15082 .elementor-element.elementor-element-4c52648 .elementor-cta__title:not(:last-child){margin-bottom:30px;}.elementor-15082 .elementor-element.elementor-element-4c52648 .elementor-cta__button{color:#FFFFFF70;border-color:#FFFFFF70;}.elementor-15082 .elementor-element.elementor-element-4c52648 .elementor-cta__button:hover{color:var( --e-global-color-blocksy_palette_8 );border-color:var( --e-global-color-blocksy_palette_8 );}@media(max-width:1024px){.elementor-15082 .elementor-element.elementor-element-9ee42c9{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS for container, class: .elementor-element-9ee42c9 *//* 1. Contenedor Principal */
.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    background-color: #fff;
    min-height: 250px; /* Ajusta según necesites */
}

/* 2. Forzar que el wrapper de fondo no bloquee el efecto */
.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta__bg-wrapper {
    z-index: 0;
}

/* 3. Las franjas de colores (Sobre la imagen) */
.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta:before,
.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background: linear-gradient(45deg, #C70039, #8f2743, #511f73);
    opacity: 0.5;
    z-index: 1;
    transition: all 0.45s ease;
}

.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta:before {
    transform: skew(30deg) translateX(-80%);
}

.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta:after {
    transform: skew(-30deg) translateX(-70%);
}

/* 4. El contenedor de texto */
.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta__content {
    position: relative;
    z-index: 3 !important;
    padding: 30px !important;
    text-align: left;
}

/* 5. Franjas secundarias dentro del contenido */
.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta__content:before,
.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta__content:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(45deg, #8f2743, #EF8D43, #511f73);
    content: '';
    opacity: 0.5;
    z-index: -1;
    transition: all 0.45s ease;
}

.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta__content:before {
    transform: skew(30deg) translateX(-100%);
}

.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta__content:after {
    transform: skew(-30deg) translateX(-90%);
}

/* 6. Títulos y Párrafos (Ocultos inicialmente) */
.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta__title,
.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta__description {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.45s ease 0.2s;
    color: #fff !important;
}

/* 7. ESTADOS HOVER (Cuando pasas el mouse) */
.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta:hover:before {
    transform: skew(30deg) translateX(-20%);
}

.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta:hover:after {
    transform: skew(-30deg) translateX(-10%);
}

.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta:hover .elementor-cta__content:before {
    transform: skew(30deg) translateX(-40%);
}

.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta:hover .elementor-cta__content:after {
    transform: skew(-30deg) translateX(-30%);
}

.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta:hover .elementor-cta__title,
.elementor-15082 .elementor-element.elementor-element-9ee42c9 .elementor-cta:hover .elementor-cta__description {
    opacity: 1;
    transform: translateY(0);
}/* End custom CSS */