.img-carousel.swiper {
  overflow: visible;
  max-width: 100%;
  margin: 0 auto;
}

/* IMPORTANTE: Swiper necesita altura coherente */
.img-carousel .swiper-wrapper {
  align-items: center;
}

/* SLIDES BASE */
.img-carousel .swiper-slide {
  width: 210px;
  height: 302px; /* 👈 clave para evitar deformación */
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

/* CONTENEDOR DE IMAGEN */
.img-carousel .slide-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

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

/* ACTIVO (410px equivalente visual) */
.img-carousel .swiper-slide-active {
  width: 410px;
  height: 484px; /* un poco más alto para el protagonista */
  z-index: 2;
}

/* CONTENEDOR DE FLECHAS */
.img-carousel .arrows {
	display: flex;
	justify-content: end;
	align-items: center;
	margin-top: 32px;
	gap: 24px;
	max-width: 1320px;
	margin: 32px auto 0 auto;
	padding: 0 20px;
}
.img-carousel .img-carousel-prev,
.img-carousel .img-carousel-next {
  width: 100px;
  height: 48px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #C3002E;
  border-radius: 70px;
  position: initial;
  margin: 0;
}

.img-carousel .img-carousel-prev::after,
.img-carousel .img-carousel-next::after {
	content: none;
}

.img-carousel .img-carousel-prev:hover,
.img-carousel .img-carousel-next:hover {
	background: #C3002E;
}
.img-carousel .img-carousel-prev path,
.img-carousel .img-carousel-next path {
	transition: all 0.3s;
}
.img-carousel .img-carousel-prev:hover path,
.img-carousel .img-carousel-next:hover path {
	stroke: white;
}

/* POSICIÓN DERECHA */
.img-carousel .img-carousel-next {
  right: 0;
}

.img-carousel .img-carousel-prev {
  right: 60px;
  left: auto;
}

/* ICONOS (Swiper base) */
.img-carousel .swiper-button-next:after,
.img-carousel .swiper-button-prev:after {
  font-size: 18px;
  color: #000;
}

@media (max-width: 500px) {
	.img-carousel {
		padding: 0 20px;
	}
	.img-carousel .swiper-slide, .img-carousel .swiper-slide-active {
		width: 100%;
		height: auto;
	}
	.img-carousel .arrows {
		padding: 0;
	}
	.img-carousel .arrows .img-carousel-prev, .img-carousel .arrows .img-carousel-next {
		width: calc(50% - 12px);
		height: 39px;
	}
}