.elementor-124 .elementor-element.elementor-element-5948657{--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-124 .elementor-element.elementor-element-49ea20d{--display:flex;--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-124 .elementor-element.elementor-element-9c6bcbe{--swiper-slides-to-display:5;--swiper-slides-gap:10px;margin:25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--swiper-pagination-spacing:25px;}.elementor-124 .elementor-element.elementor-element-9c6bcbe .swiper-slide > .elementor-element{height:100%;}.elementor-124 .elementor-element.elementor-element-a8da4ed{--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;}@media(max-width:1024px){.elementor-124 .elementor-element.elementor-element-49ea20d{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-124 .elementor-element.elementor-element-9c6bcbe{--swiper-slides-to-display:3;padding:0px 20px 0px 20px;}}@media(max-width:767px){.elementor-124 .elementor-element.elementor-element-9c6bcbe{--swiper-slides-to-display:2;}}/* Start custom CSS for loop-carousel, class: .elementor-element-9c6bcbe *//* ================================
   LOOP CAROUSEL – BULLETS CUSTOM
   - bullets 17px (não ativos)
   - ativo: mesma dimensão + scale (mantém proporção)
   - cores: ativo #0088FF | não ativo #D9D9D9 | hover #0088FF
================================ */

.elementor-widget-loop-carousel .swiper-pagination-bullet {
  display: inline-block !important;
  box-sizing: border-box !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  padding: 0 !important;
  margin: 0 6px !important;
  border-radius: 50% !important;     /* garante círculo */
  background-color: #D9D9D9 !important; /* não ativo */
  background-image: none !important;
  vertical-align: middle !important;
  aspect-ratio: 1 / 1 !important;    /* força proporção 1:1 */
  overflow: hidden !important;
  transform-origin: center center !important;
  transform: none !important;
  transition: transform 0.18s ease, background-color 0.18s ease !important;
}

/* Remove pseudo-elementos que possam alterar a forma */
.elementor-widget-loop-carousel .swiper-pagination-bullet::before,
.elementor-widget-loop-carousel .swiper-pagination-bullet::after {
  content: none !important;
  display: none !important;
}

/* Bullet ativo — usamos scale para aumentar sem mudar proporção */
.elementor-widget-loop-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0088FF !important;
  transform: scale(1.25) !important; /* aumenta 25% mantendo proporção */
}

/* Hover */
.elementor-widget-loop-carousel .swiper-pagination-bullet:hover {
  background-color: #0088FF !important;
  transform: scale(1.12) !important; /* leve aumento visual no hover */
}/* End custom CSS */