.elementor-520 .elementor-element.elementor-element-872e1e4{--display:flex;--min-height:948px;--justify-content:center;}/* Start custom CSS for html, class: .elementor-element-bf0eb9c */.swiper {
      width: 100%;
      height: 500px;
    }

    .swiper-wrapper {
      align-items: center;
    }

    .swiper-slide {
      background: #fff;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
      transition: transform 0.5s ease, opacity 0.5s ease;
      opacity: 0.4;
      transform: scale(0.7);
      z-index: 1;
      width: 80%;
      max-width: 900px;
    }

    .swiper-slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      border-radius: 20px;
    }

    .swiper-slide.swiper-slide-active {
      transform: scale(1);
      opacity: 1;
      z-index: 10;
    }

    .swiper-slide-prev,
    .swiper-slide-next {
      transform: scale(0.6) translateY(20px);
      z-index: 2;
    }

    .swiper-button-next,
    .swiper-button-prev {
      color: #000;
    }

    .swiper-pagination-bullet {
      background: #000;
    }
    
    .swiper-slide {
  transition: transform 0.5s ease, opacity 0.5s ease;
  opacity: 0.3;
  z-index: 1;
  transform: scale(0.6) translateX(0);
}

.swiper-slide.level-0 {
  transform: scale(1) translateX(0);
  opacity: 1;
  z-index: 5;
}

.swiper-slide.level-1 {
  transform: scale(0.8) translateX(0);
  opacity: 0.6;
  z-index: 4;
}

.swiper-slide.level-2 {
  transform: scale(0.6) translateX(0);
  opacity: 0.3;
  z-index: 3;
}/* End custom CSS */
/* Start custom CSS *//* Container geral para criar o efeito de foco */
.swiper-slide {
  transition: transform 0.4s ease, opacity 0.4s ease;
  opacity: 0.5;
  transform: scale(0.85);
}

/* Slide central com destaque */
.swiper-slide.swiper-slide-active {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
  border-radius: 10px;
}

/* Para slides adjacentes, aumente visibilidade */
.swiper-slide-next,
.swiper-slide-prev {
  opacity: 0.8;
  transform: scale(0.95);
  z-index: 1;
}

/* Suaviza os cantos e distância */
.swiper-wrapper {
  padding-left: 20px;
  padding-right: 20px;
}

.swiper-slide {
  width: auto !important;
  max-width: 260px;
}/* End custom CSS */