.elementor-581 .elementor-element.elementor-element-6e20dab{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-581 .elementor-element.elementor-element-2fc5819{--e-image-carousel-slides-to-show:6;}.elementor-581 .elementor-element.elementor-element-2fc5819 .swiper-wrapper{display:flex;align-items:center;}.elementor-581 .elementor-element.elementor-element-2fc5819 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:none;border-radius:0px 0px 0px 0px;}/* Start custom CSS for image-carousel, class: .elementor-element-2fc5819 *//* CSS para Carrossel Infinito do Elementor */

/* Seletor principal do carrossel */
.elementor-image-carousel-wrapper {
    overflow: hidden;
    position: relative;
}

/* Container das imagens */
.elementor-image-carousel {
    display: flex;
    animation: carrossel-infinito 20s linear infinite;
    width: calc(200% + 40px); /* Dobra a largura para permitir loop suave */
}

/* Animação de movimento infinito */
@keyframes carrossel-infinito {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Pausa a animação ao passar o mouse (opcional) */
.elementor-image-carousel:hover {
    animation-play-state: paused;
}

/* Estilo para as imagens individuais */
.elementor-image-carousel .swiper-slide {
    flex-shrink: 0;
    margin-right: 20px;
}

/* Alternativa com CSS mais específico para o Elementor */
.elementor-widget-image-carousel .elementor-image-carousel {
    animation: slide-infinito 15s linear infinite;
}

@keyframes slide-infinito {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

/* Para carrossel com Swiper (mais comum no Elementor) */
.elementor-image-carousel .swiper-wrapper {
    transition-timing-function: linear !important;
    animation: swiper-infinito 25s linear infinite;
}

@keyframes swiper-infinito {
    0% {
        transform: translate3d(0px, 0, 0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

/* Desabilita controles automáticos do Swiper para evitar conflitos */
.elementor-image-carousel .swiper-wrapper {
    animation-play-state: running;
}

/* Versão mais robusta que funciona com diferentes configurações */
.elementor-image-carousel-wrapper .swiper-container {
    overflow: visible;
}

.elementor-image-carousel-wrapper .swiper-wrapper {
    animation: movimento-continuo 30s linear infinite;
    transition: none !important;
}

@keyframes movimento-continuo {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Ajustes para responsividade */
@media (max-width: 768px) {
    .elementor-image-carousel {
        animation-duration: 15s;
    }
    
    .elementor-image-carousel-wrapper .swiper-wrapper {
        animation-duration: 20s;
    }
}

@media (max-width: 480px) {
    .elementor-image-carousel {
        animation-duration: 12s;
    }
    
    .elementor-image-carousel-wrapper .swiper-wrapper {
        animation-duration: 15s;
    }
}

/* CSS adicional para garantir funcionamento */
.elementor-image-carousel .swiper-slide {
    transition: none !important;
}

/* Remove transições que podem interferir */
.elementor-image-carousel * {
    transition: none !important;
}

/* Força a animação mesmo com JavaScript ativo */
.elementor-image-carousel-wrapper[data-settings*="autoplay"] .swiper-wrapper {
    animation: rotacao-infinita 20s linear infinite !important;
}

@keyframes rotacao-infinita {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}/* End custom CSS */