.elementor-5536 .elementor-element.elementor-element-f254dda{--display:flex;--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;}.elementor-5536 .elementor-element.elementor-element-273263c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:2% 0% 2% 0%;}.elementor-5536 .elementor-element.elementor-element-273263c.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-5536 .elementor-element.elementor-element-273263c .ht-custom-carousel .slick-slide{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5536 .elementor-element.elementor-element-273263c .htmega-carousel-activation .slick-arrow{color:#ffffff;font-size:14px;height:30px;width:30px;}.elementor-5536 .elementor-element.elementor-element-273263c .htmega-carousel-activation .slick-arrow svg path{fill:#ffffff;}.elementor-5536 .elementor-element.elementor-element-273263c .htmega-carousel-activation .slick-arrow svg{width:14px;}.elementor-5536 .elementor-element.elementor-element-273263c .htmega-carousel-activation .slick-arrow:hover{color:#ffffff;}.elementor-5536 .elementor-element.elementor-element-273263c .htmega-carousel-activation .slick-arrow:hover svg path{fill:#ffffff;}.elementor-5536 .elementor-element.elementor-element-273263c .ht-custom-carousel .htmega-carousel-link img{transition:all 0.3s ease !important;}/* Start custom CSS for htmega-carousel-addons, class: .elementor-element-273263c *//* Contenedor principal del carrusel */
.htmega-carousel-style-2.htmega-carousel-animation-style-2 {
    overflow: visible;
    padding: 100px 0; /* Espacio para que las imágenes no se corten */
}

.slick-track {
    padding-top: 5%;
    padding-bottom: 5%;
    display: flex;
    align-items: flex-end; /* Alinea las imágenes en la parte inferior */
}

/* Estilos para cada slide */
.htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transition: transform 0.5s ease, opacity 0.5s ease; /* Transición suave */
}

/* Imágenes del lado izquierdo (giradas y más abajo) */
.htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide:not(.slick-center) {
    /*transform: rotateY(20deg) translateY(30px);*/
    /* Rotación horizontal y desplazamiento hacia abajo */
    opacity: 0.7; /* Reduce la opacidad de las imágenes laterales */
}

/* Imagen central (sin rotación y más arriba) */
.htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide.slick-center {
    transform: rotateY(0deg) translateY(0); /* Sin rotación ni desplazamiento */
    opacity: 1; /* Máxima opacidad para la imagen central */
    z-index: 2; /* Asegura que la imagen central esté por encima */
}

/* Imágenes del lado derecho (giradas y más arriba) */
.htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide.slick-active+.slick-active {
    transform: rotateY(-20deg) translateY(-30px); /* Rotación horizontal y desplazamiento hacia arriba */
    opacity: 0.7; /* Reduce la opacidad de las imágenes laterales */
}

/* Estilos para las imágenes dentro del carrusel */
.htmega-carousel-style-2 .slick-slide .single-custom-carousel img {
    border: 4px solid green; /* Borde verde para las imágenes */
    border-radius: 10px; /* Bordes redondeados */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra suave */
}

/* Ajustes de espaciado y alineación */
.htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide .single-custom-carousel {
    padding: 0 36px; /* Espaciado horizontal */
    transition: none; /* Elimina la transición predeterminada */
}

/* Estilos responsivos para tablets */
@media (max-width: 1024px) {
    .htmega-carousel-style-2.htmega-carousel-animation-style-2 {
        padding: 80px 0; /* Menos espacio en tablets */
    }

    .htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide:not(.slick-center) {
        transform: rotateY(15deg) translateY(20px); /* Menos rotación y desplazamiento en tablets */
    }

    .htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide.slick-active+.slick-active {
        transform: rotateY(-15deg) translateY(-20px); /* Menos rotación y desplazamiento en tablets */
    }

    .htmega-carousel-style-2 .slick-slide .single-custom-carousel img {
        border-width: 3px; /* Borde más delgado en tablets */
    }
}

/* Estilos responsivos para móviles */
@media (max-width: 767px) {
    .htmega-carousel-style-2.htmega-carousel-animation-style-2 {
        padding: 60px 0; /* Menos espacio en móviles */
    }

    .htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide:not(.slick-center) {
        transform: rotateY(10deg) translateY(10px); /* Menos rotación y desplazamiento en móviles */
    }

    .htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide.slick-active+.slick-active {
        transform: rotateY(-10deg) translateY(-10px); /* Menos rotación y desplazamiento en móviles */
    }

    .htmega-carousel-style-2 .slick-slide .single-custom-carousel img {
        border-width: 2px; /* Borde más delgado en móviles */
    }

    .htmega-carousel-style-2.htmega-carousel-animation-style-2 .slick-slide .single-custom-carousel {
        padding-left: 21%;
        padding-top: 11%;
        padding-bottom: 10%;
    }
}/* End custom CSS */