:root {
  --swiper-pagination-color: var(--clr-medium-orange);
  --swiper-pagination-bullet-size: 0.5rem;
  --swiper-pagination-bullet-inactive-color: var(--clr-medium-orange);
  --swiper-pagination-bottom: 3rem;
}

.large-white-button {
  min-width: 11rem;
}

.Cards.swiper {
  margin-right: -1rem;
  margin-left: -1rem;
}

.Cards .swiper-slide {
	padding: 1.25rem;
	height: unset;
	cursor: grab;
}

.swiper-slide {
  box-sizing: border-box;
}

.swiper-slide::before {
  content: "";
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
  width: 100%;
  height: 9.6rem;
  background-image: url(../images/Membrete.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right bottom;
}

.mySwiper .swiper-pagination {
  margin-left: 3.5rem;
  text-align: left;
}

.mySwiper .swiper-pagination-bullet {
  transition: all 0.4s ease;
}

.mySwiper .swiper-pagination-bullet-active {
  width: 1.5rem;
  border-radius: 0.25rem;
}

@media (width > 48em) {
  .Cards.swiper {
    margin-right: -1.5rem;
  }
}