.carrusel-para-ti{
  padding-left: 16px;
}
.carrusel-para-ti__h2{
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    margin-bottom: 0;
    padding: 16px 0 24px;
}
.carrusel-para-ti__title{
    color: var(--Color-Content-General-1, #2C2C2C);
    text-align: center;
    margin-bottom: 4px;
}
.carrusel-para-ti__text{
    color: rgba(71, 71, 71, 0.80);
    text-align: center;
    margin-bottom: 0;
}

.carrusel-para-ti__text--first{
  margin-bottom: 18px;
}

html[lang="eu-ES"] .carrusel-para-ti__text--first{
    margin-bottom: 40px;
}
.carrusel-para-ti__card{
    background: var(--Color-Surface-General-3, #F9F9F9);
    border-radius: var(--border-radius-l, 16px);
    min-width: 304px;
    max-width: 304px;
    padding: 24px 16px;
}

.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: 24px 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 */  
  }

@media(min-width: 576px){
  .carrusel-para-ti {
     padding-left: 42px;
  }
  .carrusel-para-ti__slide {
    width: 304px !important;
    flex-shrink: 0;
  }
}
@media(min-width: 768px){
  .carrusel-para-ti {
     padding-left: 48px;
  }
}
@media(min-width: 992px){
  .carrusel-para-ti {
     padding-left: 82px;
  }
}

@media(min-width: 1200px){
  .carrusel-para-ti {
     padding-left: 0;
  }
  .carrusel-para-ti-navigation-icons__container{
    display: none;
  }
  .carrusel-para-ti__wrapper{
    gap: 24px;
    justify-content: center;
    margin-bottom: 40px;
  }
}
@media(min-width: 1920px){
  .carrusel-para-ti__card{
    width: 408px;
  }
  .carrusel-para-ti__slide {
    width: 408px !important;
  }
  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;
  }
}