.swiper-slide {
  border: 1px solid var(--violetaLight);
  border-radius: 12px;
}

.swiper-slide-hero {
  border: 0px !important;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
}


.swiper-button-next,
.swiper-button-prev {
  color: var(--blanco);
  background-color: var(--azul);
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: var(--pingpong);
  font-weight: 900;
}

.swiper-pagination-bullet-active {
  opacity: 1 !important;
  background: var(--azul) !important;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--violetaLight);
  opacity: 1;
}