.hero-slider {
  position: relative;
  margin-top: calc(var(--header-height, 80px) + var(--space-3));
}
.hero-slider-shell {
  position: relative;
}
.hero-slider .swiper {
  width: 100%;
  height: auto;
  border-radius: var(--layout-shell-radius, 14px);
  overflow: hidden;
}
.hero-slider .swiper-wrapper {
  height: auto;
}
.hero-slider .swiper-slide {
  position: relative;
  width: 100%;
  height: auto;
}
.hero-slider .swiper-slide picture,
.hero-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next,
.hero-slider .swiper-pagination {
  z-index: 5;
}

.swiper-pagination-bullet {
  background: #cbd5e1;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background: var(--color-acento);
  transform: scale(1.06);
}

/* Solo mostrar mano cuando realmente es link */
.hero-slider .swiper-slide {
  cursor: default;
}

.hero-slider .slide-link {
  position: absolute;
  inset: 0;
  display: block;
  cursor: pointer;
  z-index: 3;
}

/* Opcional: separación justa con el siguiente bloque */
.index-inicio .hero-slider + section {
  margin-top: 0;
  padding-top: 24px;
}
@media (max-width: 991.98px) {
  .index-inicio .hero-slider + section {
    padding-top: 16px;
  }
}

@media (max-width: 575px) {
  .hero-slider .swiper {
    border-radius: var(--layout-shell-radius-sm, 12px);
  }
}

/* Hardening por si queda alguna regla global suelta */
.swiper {
  height: auto !important;
}
