.carrusel-para-ti{
  min-width: var(--360-575-page-width, 360px);
  padding: var(--size-space-24, 24px) var(--360-575-page-margin, 16px);
  padding-top: 40px;
  flex-direction: column;
  align-items: center;
  gap: var(--size-space-24, 24px);
  overflow: hidden !important;
}
.carrusel-para-ti__h2{
  color: var(--Color-Content-General-1, #2C2C2C);
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.carrusel-para-ti__title{
  align-self: stretch;
  color: var(--Color-Content-General-1, #2C2C2C);
  margin-bottom: 0px;

}
.carrusel-para-ti__text{
  align-self: stretch;
  color: var(--Color-Content-General-2, rgba(71, 71, 71, 0.80));
  font-feature-settings: 'liga' off, 'clig' off;
}





html[lang="eu-ES"] .carrusel-para-ti__text--first{
    margin-bottom: 40px;
}
.carrusel-para-ti__card{
  display: flex;
  padding: 24px 16px 0 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 304px;
  padding-bottom: var(--size-space-24, 24px);
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  border-radius: var(--border-radius-l, 16px);
  background: var(--Color-Surface-General-3, #F9F9F9);
}

.carrusel-para-ti__slide{
  display: flex;
  justify-content: center;
}
.carrusel-para-ti__slide {
    width: 304px !important;
    flex-shrink: 0;
  }
.carrusel-para-ti__icon{
  display: flex;
  justify-content: center;
}
.carrusel-para-ti__icons{
  width: 24px;
  height: 24px;
}
 .carrusel-para-ti-navigation-icons__next{
    background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Right.svg");
    background-size: cover;
    width: 27px;
    height: 27px;
  }

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

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

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

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

  .carrusel-para-ti-navigation-icons-prev__container, .carrusel-para-ti-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, #2F6852);
    background-color: var(--Color-Surface-General-1, #FFF);
  }
  .carrusel-para-ti-navigation-icons__prev{
    background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Left.svg");
    background-size: cover;
    width: 27px;
    height: 27px;
  }

.carrusel-para-ti-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-Button-Border-Active, #2F6852);
    background-color: var(--Color-Surface-General-1, #FFF);
    padding: 8px;
    margin: 0px 16px;
    width: 96px !important;
    top: 0 !important;

}

.carrusel-para-ti-navigation-icons__container{
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0px 0 40px;
}

  .carrusel-para-ti.swiper-button-prev:after, .swiper-button-next:after {
    content: '' !important;
  }
  .carrusel-para-ti.div.swiper-next, div.swiper-prev  {
      width: 40px !important;
  }

  .carrusel-para-ti div.swiper-next::after {
    content: ""; /* Obligatorio para que aparezca el pseudo-elemento */
  }
.swiper-pagination-bullet-active{
  background: #007F33 !important;

}

.carrusel-para-ti__swiper{
  overflow: visible !important;
  width: 100%;
}

@media(min-width: 576px){
  .carrusel-para-ti {
    display: flex;
    width: 100%;
    min-width: var(--576-767-page-width, 576px);
    padding: var(--size-space-40, 40px) var(--576-767-page-margin, 42px);
    flex-direction: column;
    align-items: center;
    gap: var(--size-space-24, 24px);
  }
  .carrusel-para-ti__slide {
    width: 304px !important;
    flex-shrink: 0;
  }
}
@media(min-width: 768px){
  .carrusel-para-ti {
    display: flex;
    width: 100%;
    min-width: var(--768-991-page-width, 768px);
    padding: var(--size-space-40, 40px) var(--size-space-48, 48px);
    flex-direction: column;
    align-items: center;
    gap: var(--size-space-24, 24px);
  }
}
@media(min-width: 992px){
  .carrusel-para-ti {
    display: flex;
    width: 100%;
    min-width: 992px;
    padding: var(--size-space-40, 40px) var(--size-space-82, 82px);
    flex-direction: column;
    align-items: center;
    gap: var(--size-space-24, 24px);
  }
}

@media(min-width: 1200px){
  .carrusel-para-ti {
    display: flex;
    width: 100%;
    min-width: var(--1200-1399-page-width, 1200px);
    padding: var(--size-space-40, 40px) var(--size-space-102, 102px);
    flex-direction: column;
    align-items: center;
    gap: var(--size-space-24, 24px);
  }
  .carrusel-para-ti-navigation-icons__container{
    display: none;
  }
  .carrusel-para-ti__wrapper{
    justify-content: center;
    margin-bottom: 40px;
  }
  .carrusel-para-ti__card{
  min-width: 316px;
  max-width: 316px;
  padding-bottom: var(--size-space-24, 24px);
  }
  .carrusel-para-ti__slide {
    width: 316px !important;
    flex-shrink: 0;
  }
  .carrusel-para-ti__text--second,
  .carrusel-para-ti__text--third{
    margin-bottom: 0px;
  }


}
@media(min-width: 1920px){
  .carrusel-para-ti__card{
    min-width: 408px;
    max-width: 408px;
    width: 408px;
  }
  .carrusel-para-ti {
    display: flex;
    width: 100%;
    width: var(--14001920-page-width, 1920px);
    padding: var(--size-space-40, 40px) var(--14001920-page-margin, 324px);
    flex-direction: column;
    align-items: center;
    gap: var(--size-space-24, 24px);
  }
  .carrusel-para-ti__slide {
    width: 408px !important;
  }
  .carrusel-para-ti__text{
    margin-bottom: 0px;
  }
  .carrusel-para-ti__card{

    gap: var(--size-space-8, 8px);

  }
  html[lang="eu-ES"] .carrusel-para-ti__text--first{
    margin-bottom: 18px;
  }
  html[lang="ca-ES"] .carrusel-para-ti__text--first{
    margin-bottom: 0px;
  }
  html[lang="en-US"] .carrusel-para-ti__text--first{
    margin-bottom: 0px;
  }

}
