/* Personalización de los botones de navegación */
.swiper-button-prev,
.swiper-button-next {
  color: #fff !important; /* Color de los botones */
  background-color: #000 !important; /* Color de fondo de los botones */
  width: 30px !important; /* Ancho de los botones */
  height: 30px !important; /* Altura de los botones */
  border-radius: 50%;
  padding: 5px;
  /* box-shadow: 0px 0px 10px 2px #ececec; */
}
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 10px !important;
  font-weight: bold;
}
/* Estilos para los puntos de paginación */
.swiper-pagination {
  position: absolute;
  margin-top: 20px;
  bottom: 0px !important;
  left: 50%;
  transform: translateX(-50%);
}
.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #fff !important; /* Color de los puntos */
  opacity: 0.5; /* Opacidad de los puntos */
  margin: 0 5px; /* Espacio entre los puntos */
}
.swiper-pagination-bullet-active {
  opacity: 1; /* Opacidad del punto activo */
}
.swiper-slide {
  width: 100% !important;
}