/* =========================
   SLIDER CONTAINER
========================= */
.cr-slider {
  width: 100%;
  overflow: hidden; /* 🔥 clave para que NO se vea el slide anterior/siguiente */
}

/* =========================
   SWIPER BASE
========================= */
.cr-slider .swiper {
  width: 100%;
  height: 450px; /* desktop */
  overflow: hidden; /* doble seguridad */
}

/* WRAPPER */
.cr-slider .swiper-wrapper {
  display: flex;
  gap: 0 !important;
}

/* SLIDES */
.cr-slider .swiper-slide {
  width: 100% !important;
  height: 100%;
  flex-shrink: 0;
  margin: 0 !important;
}

/* =========================
   IMAGENES
========================= */
.cr-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 🔥 mantiene proporción sin deformar */
  display: block;
}

/* =========================
   TABLET
========================= */
@media (max-width: 1024px) {
  .cr-slider .swiper {
    height: 350px;
  }
}

/* =========================
   MOBILE
========================= */
@media (max-width: 767px) {
  .cr-slider .swiper {
    height: 245px; /* mitad como venías usando */
  }
}

/* =========================
   MOBILE small
========================= */
@media (max-width: 512px) {
  .cr-slider .swiper {
    height: 165px; /* mitad como venías usando */
  }
}

/* =========================
   MOBILE small
========================= */
@media (max-width: 400px) {
  .cr-slider .swiper {
    height: 150px; /* mitad como venías usando */
  }
}