.elementor-13175 .elementor-element.elementor-element-89654af{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-13175 .elementor-element.elementor-element-a60c1b1{width:100%;max-width:100%;}@media(max-width:1200px){.elementor-13175 .elementor-element.elementor-element-89654af{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}}@media(max-width:880px){.elementor-13175 .elementor-element.elementor-element-89654af{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}}/* Start custom CSS */.swiper{
    overflow: visible!important;
}


/* Permite que los cambios de tamaño se animen */
.swiper-slide {
    transition: width 0.5s ease, height 0.5s ease;
}

/* Altura de las imágenes + animación */
.swiper-slide img {
    height: 450px !important;
    object-fit: cover !important;
    transition: height 0.5s ease;
}

/* Slide activo expandido */
.swiper-slide.swiper-slide-active {
    width: 70% !important;
}

.swiper-slide.swiper-slide-active img {
    height: 600px !important;
}

/* Agrega espacio SOLO después del último slide */
.swiper-slide .swiper-slide-next {
    margin-right: 25% !important; /* ajusta el valor según tu ancho activo */
}/* End custom CSS */