.main-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--size-space-32, 32px);
  background: var(--Color-Surface-General-1, #fff);
  overflow-x: hidden;
}
.container-carrousel {
  min-width: 328px;
  max-width: 328px;
  z-index: 0 !important;
}
.titulo-carrusel {
  color: var(--Color-Content-General-1, #2c2c2c);
  text-align: center;
  font-feature-settings:
    "liga" off,
    "clig" off;
  align-self: stretch;
  padding-right: 12px;
  padding-left: 12px;
}

.title-subtitle-container {
  display: flex;
  padding: var(--size-space-0, 0);
  flex-direction: column;
  align-items: center;
  gap: var(--size-space-16, 16px);
  align-self: stretch;
}

.title-container {
  color: var(--Color-Content-General-1, #2c2c2c);
  text-align: center;
  font-feature-settings:
    "liga" off,
    "clig" off;
  align-self: stretch;
}

.cards-container {
  display: flex;
  padding: var(--size-space-0, 0);
  align-items: flex-start;
  z-index: 0 !important;
}

.card-secondary {
  display: flex;
  width: 304px !important;
  min-height: 256px;
  padding: var(--size-space-0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--size-space-0, 0);
  border-radius: var(--border-radius-l, 16px);
  border: var(--border-width-l, 2px) solid
    var(--Color-Border-General-1, #c8d9d0);
  background: var(--Color-Surface-General-1, #fff);
}
.card-secondary-top {
  display: flex;
  height: 200px;
  padding: var(--size-space-0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--size-space-0, 0);
  align-self: stretch;
  border-radius: var(--border-radius-l, 16px) var(--border-radius-l, 16px)
    var(--border-radius-none, 0) var(--border-radius-none, 0);
}

.card-secondary-middle-bottom {
  display: flex;
  padding: var(--size-space-0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--size-space-0, 0);
  align-self: stretch;
}

.content-middle {
  display: flex;
  min-width: 272px;
  padding: var(--size-space-16, 16px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--size-space-16, 16px);
  align-self: stretch;
}

.title-subtitle-price-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--size-space-12, 12px);
  align-self: stretch;
}
.button-text-container-oculto {
  display: flex;
  max-width: 412px;
  padding: var(--size-space-0, 0);
  justify-content: center;
  align-items: center;
  gap: var(--size-space-4, 4px);
  align-self: stretch;
  visibility: hidden;
}

.title {
  color: var(--Color-Content-General-1, #2c2c2c);
  text-align: center;
  font-feature-settings:
    "liga" off,
    "clig" off;
  /* Title/S */
}
.subtitle {
  color: var(--Color-Content-General-1, #2c2c2c);
  text-align: center;
  font-feature-settings:
    "liga" off,
    "clig" off;
  margin-bottom: 8px;

  /* Body/Regular/M */
}
.price {
  color: var(--Color-Content-General-1, #2c2c2c);
  font-feature-settings:
    "liga" off,
    "clig" off;

  /* Body/SmBold/M */
}

.main-container .lista {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  margin-bottom: 0px;
}

.main-container .item-lista {
  margin-bottom: 2px;
  position: relative;
  padding-left: 35px;
}

.main-container .item-lista:before {
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.2573 8.94413L10.2263 17.0176L5.84668 12.6485L7.08262 11.4096L10.2215 14.5409L17.0166 7.70996L18.2573 8.94413Z" fill="%232F6852"/></svg>');
  left: 0;
  top: -3px;
}

.texto-lista {
  color: var(--Color-Content-General-1, #2c2c2c);
  font-feature-settings:
    "liga" off,
    "clig" off;
}

.content-bottom {
  display: flex;
  /* max-width: 272px; */
  padding: var(--size-space-0, 0px) var(--size-space-16, 16px)
    var(--size-space-24, 24px) var(--size-space-16, 16px);
  flex-direction: column;
  align-items: center;
  gap: var(--size-space-16, 16px);
  align-self: stretch;
}

.button-container {
  display: flex;
  min-width: 260px;
  max-width: 412px;
  padding: var(--border-radius-none, 0);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--size-space-0, 0);
  align-self: stretch;
}
.btn-cmb-lidl {
  display: flex;
  height: 56px;
  max-width: 412px;
  padding: var(--border-radius-none, 0) var(--size-space-40, 40px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--border-radius-none, 0);
  align-self: stretch;
  border-radius: var(--border-radius-xxl, 100px);
  background: var(--Color-Button-Background-Active-1, #2f6852);
}
.label-button {
  color: var(--Color-Button-Content-Active-1, #fffaf6);
  text-align: center;

  /* Button/Main M */
  font-family: "IberPangea Text";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
}
.button-text-container {
  display: flex;
  max-width: 412px;
  padding: var(--size-space-0, 0);
  justify-content: center;
  align-items: center;
  gap: var(--size-space-4, 4px);
  align-self: stretch;
}

.navigation-icons__next {
  background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Right.svg");
  background-size: cover;
  width: 27px;
  height: 27px;
}

.navigation-icons__prev.swiper-button-disabled {
  background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Left-Disabled.svg");
}

.navigation-icons__next.swiper-button-disabled {
  background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Right-Disabled.svg");
}

.navigation-icons-prev__container:has(
  .navigation-icons__prev.swiper-button-disabled
) {
  border: var(--border-width-s, 1px) solid
    var(--Color-Button-Border-Disabled, #bfbfbf);
}

.navigation-icons-next__container:has(
  .navigation-icons__next.swiper-button-disabled
) {
  border: var(--border-width-s, 1px) solid
    var(--Color-Button-Border-Disabled, #bfbfbf);
}

.navigation-icons-prev__container,
.navigation-icons-next__container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: var(--border-radius-xxl, 100px);
  border: var(--border-width-s, 1px) solid
    var(--Color-Button-Border-Active, #174d38) ;
  background-color: var(--Color-Surface-General-1, #fff);
}
.navigation-icons__prev {
  background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Left.svg");
  background-size: cover;
  width: 27px;
  height: 27px;
}

.navigation-icons__paginate {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: var(--border-radius-xxl, 100px);
  border: var(--border-width-s, 1px) solid var(--Color-Border-General-1, #2f6852);
  background: var(--Color-Surface-General-1, #FFF);
  padding: 8px;
  margin: 0px 16px;
  width: 96px !important;
  top: 0 !important;
}

.navigation-icons__container {
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0px 0 20px;
}
.navigation-icons__paginate .swiper-pagination-bullet {
  border: 1px solid #2F6852 !important; /* Borde verde igual para todos */
  opacity: 1;


}

/* Puntito activo - mismo borde, pero con relleno verde */
.navigation-icons__paginate .swiper-pagination-bullet-active {
  background-color: #007F33 !important; /* Relleno verde para el activo */

}

.swiper-button-prev:after,
.swiper-button-next:after {
  content: "" !important;
}
div.swiper-next,
div.swiper-prev {
  width: 40px !important;
}

div.swiper-next::after {
  content: ""; /* Obligatorio para que aparezca el pseudo-elemento */
}
.swiper {
  overflow: visible !important;
}

@media (min-width: 576px) {
  .main-container {
    padding: calc((100% - 576px) / 2);
  }
  .container-carrousel {
    min-width: 492px;
    max-width: 492px;
  }
  .cards-container {
    gap: var(--size-space-24, 24px);
  }
}

@media (min-width: 768px) {
  .main-container {
    padding: calc((100% - 768px) / 2);
  }
  .container-carrousel {
    min-width: 672px;
    max-width: 672px;
  }
  .cards-container {
    gap: var(--size-space-24, 24px);
  }
}