/**
 *
 * Ajustes do tema sobre o CSS da biblioteca Swiper (assets/vendor/swiper).
 * Global porque acompanha a biblioteca, que tambem e global.
 *
 * @package PrimeiraPagina
 *
 */

.swiper {
  max-width: 100%;
  min-width: 0;
  --swiper-navigation-sides-offset: var(--space-4);
}
.swiper[data-swiper-pagination] {
  padding-bottom: 50px;
}
.swiper-pagination {
  width: auto !important;
  bottom: 10px !important;
  top: auto !important;
}
.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  background-color: black !important;
  opacity: 0.3 !important;
}
.swiper-pagination-bullet-active {
  width: 32px !important;
  background-color: var(--color-accent) !important;
  opacity: 1 !important;
  border-radius: 20px !important;
}
.swiper-button-prev,
.swiper-button-next {
  width: 32px;
  height: 32px;
  background-color: white;
  opacity: 0.7;
  border-radius: 100%;
  color: var(--color-menu-dark);
  fill: var(--color-menu-dark);
  z-index: 20;
  transition: opacity 0.3s;
}
.swiper-button-prev .icon,
.swiper-button-next .icon {
  width: 20px;
  height: 20px;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 0.9;
  transition: opacity 0.3s;
}