.elementor-449 .elementor-element.elementor-element-30ac706{--display:flex;}.elementor-449 .elementor-element.elementor-element-9ce6011{--e-image-carousel-slides-to-show:4;}@media(max-width:1024px){.elementor-449 .elementor-element.elementor-element-9ce6011{--e-image-carousel-slides-to-show:3;}}/* Start custom CSS for image-carousel, class: .elementor-element-9ce6011 *//* Estilização geral do botão (círculo branco) */
.elementor-449 .elementor-element.elementor-element-9ce6011 .elementor-swiper-button {
    background-color: #ffffff !important; /* Fundo branco */
    width: 40px !important;               /* Largura do círculo */
    height: 40px !important;              /* Altura do círculo */
    border-radius: 50% !important;        /* Deixa redondo */
    display: flex !important;
    align-items: center;
    justify-content: center;
    
    /* Sombra suave para dar profundidade como na imagem */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
    
    /* Remove estilos padrão que podem atrapalhar */
    opacity: 1 !important;
}

/* Cor da setinha (SVG) */
.elementor-449 .elementor-element.elementor-element-9ce6011 .elementor-swiper-button svg {
    fill: #00a1b5 !important; /* O azul da sua marca */
    width: 20px !important;   /* Tamanho do ícone interno */
}

.elementor-449 .elementor-element.elementor-element-9ce6011 .elementor-swiper-button:hover {
    background-color: #00ABBF !important; /* Fundo vira azul */
}

.elementor-449 .elementor-element.elementor-element-9ce6011 .elementor-swiper-button:hover svg {
    fill: #ffffff !important; /* Seta vira branca */
}/* End custom CSS */