.hero-gallery{
  margin: 1rem auto 1rem;

}

.mySwiper{
  /* padding horizontal para que se vean las de los lados */
  padding: 20px clamp(22px,6vw,140px) 50px;
}

@media (min-width: 768px) {
  .mySwiper{
    padding: 55px clamp(22px, 6vw, 140px) 55px;
  }
}


.mySwiper .swiper-slide{
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 18px;
  overflow:hidden;
  box-shadow: 0 16px 40px rgba(0,0,0,.25);
  transition: transform .4s ease, opacity .4s ease, filter .4s ease;
}

wiper-slide swiper-slide-active{
  width: 500px !important;
  opacity: 1;
  filter: none;
}

.mySwiper .swiper-slide img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* La central destaca; las laterales quedan “al fondo” */
.mySwiper .swiper-slide-active{
  transform: scale(1);
  opacity: 1;
  filter: none;
}
.mySwiper .swiper-slide:not(.swiper-slide-active){
  transform: scale(.88);
  opacity: .35;
  filter: saturate(.8) grayscale(.1) blur(.2px);
}

/* Botones/puntos */
.swiper-button-prev,
.swiper-button-next {
  color: #a70e46;
  width: clamp(36px, 6vw, 50px);
  height: clamp(36px, 6vw, 50px);
  border-radius: 15px;
  background: #00000042;
  backdrop-filter: blur(20px);
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: clamp(1.8rem, 4vw, 3.5rem);
}

@media (max-width: 400px) {
  .swiper-button-prev,
  .swiper-button-next {
    border-radius: 10px; /* más compacto */
  }
}

.swiper-pagination-bullet{
  background:#cfcfcf; opacity:1;
}
.swiper-pagination-bullet-active{
  background:#8a0000;
}

ol {
  margin-left: 2rem; /* separación del borde izquierdo */
  padding-left: 1rem;
  font-size: 1.6rem;
  line-height: 1.8;
}

ol li {
    font-weight: bold;
}


.shadow-top{
  box-shadow: 20px 20px 20px 20px rgb(35 35 35 / 47%);
}