.elementor-22 .elementor-element.elementor-element-c899884{--display:flex;--background-transition:0.3s;}.elementor-22 .elementor-element.elementor-element-c899884:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-c899884 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-22 .elementor-element.elementor-element-c899884, .elementor-22 .elementor-element.elementor-element-c899884::before{--border-transition:0.3s;}.elementor-22 .elementor-element.elementor-element-75452f8{--swiper-slides-gap:10px;}/* Start custom CSS for loop-carousel, class: .elementor-element-75452f8 *//* Ajuste para o carrossel ocupar a largura total */
.elementor-post-carousel {
    max-width: 100%;
    overflow: hidden;
}

/* Exibir apenas um post por vez */
.elementor-post-carousel .slick-track {
    display: flex;
    justify-content: center;
}

.elementor-post-carousel .elementor-post {
    width: 100%; /* Largura máxima para um único post por vez */
}

/* Estilo da imagem do post com título sobreposto */
.elementor-post-carousel .elementor-post__thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    transition: transform 0.3s ease;
    position: relative;
}

/* Caixa de texto sobreposta para o título */
.elementor-post-carousel .elementor-post__title {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    background-color: rgba(0, 0, 0, 0.6); /* Fundo semi-transparente */
    color: #ffd700; /* Cor do texto em amarelo */
    font-size: 1.5em;
    font-weight: bold;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}

/* Efeito de zoom na imagem ao passar o mouse */
.elementor-post-carousel .elementor-post__thumbnail img:hover {
    transform: scale(1.05);
}

/* Estilo de navegação (setas e pontos) */
.elementor-post-carousel .slick-arrow {
    color: #ffd700;
    font-size: 30px;
    transition: color 0.3s ease;
}
.elementor-post-carousel .slick-arrow:hover {
    color: #ffffff;
}
.elementor-post-carousel .slick-dots li button:before {
    color: #ffd700;
}
slick-dots li.slick-active button:before {
    color: #ffffff;
}/* End custom CSS */