.hero-banner-slider {
  width: 100%;
  max-width: 100%;
}

.hero-banner-slider .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-banner-slider .swiper-slide a {
  display: block;
  width: 100%;
}

.hero-banner-slider picture {
  display: block;
  width: 100%;
  height: 100%;
}

.hero-banner-slider img {
  width: 100%;
  height: auto;
  object-fit: cover; /* Ajusta la imagen sin deformarla */
  display: block;
}


.hero-banner-slider .swiper-slide {
  width: 100% !important;
  max-width: 100%;
}

.swiper-pagination-bullet-active {
  background-color: #c82114!important;
}