.carrusel-plan-volver {
  width: 100%;
  padding: 40px 0;
}

.carrusel-plan-volver__title{
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
}
.carrusel-plan-volver__swiper {
  width: 100%;
  overflow: hidden;
}

.carrusel-plan-volver__slide{
  width: 304px;
  flex-shrink: 0;
}

.carrusel-plan-volver__card {
  width: 100%;
  border-radius: var(--border-radius-l, 16px);
  border: var(--border-width-l, 2px) solid var(--Color-Border-General-1, #C8D9D0);
}

.carrusel-plan-volver__picture {
  display: block;
  width: 100%;
  line-height: 0;
}

.carrusel-plan-volver__img-container{
  position: relative;
  height: 200px;
}

.carrusel-plan-volver__banner{
  color: var(--Color-Content-General-Inverse, #FFF);
  background: var(--Color-Semantic-Info-1, #007ACB);
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 6px 0;
  margin-bottom: 0;
}

.carrusel-plan-volver__img{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-l, 16px) var(--border-radius-l, 16px) 0 0;
}

.carrusel-plan-volver__body-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 16px;
}

.carrusel-plan-volver__body-title{
  margin-bottom: 0;
  padding: 16px 0;
  text-align: center;
}

.carrusel-plan-volver__body-description{
  text-align: center;
}
.carrusel-plan-volver__body-description-one{
  margin-bottom: 54px;  
}
.carrusel-plan-volver__body-description-two{
  margin-bottom: 32px;
}
.carrusel-plan-volver__body-description-three{
  margin-bottom: 32px;
}

html[lang="EU-es"] .carrusel-plan-volver__body-description-three{
  margin-bottom: 52px;
}

html[lang="EN-us"] .carrusel-plan-volver__body-description-three{
  margin-bottom: 52px;
}
.carrusel-plan-volver__button{
  width: 272px;
  align-self: center;
  margin-bottom: 16px;
}

.carrusel-plan-volver__saber{
  color: var(--Color-Content-Interactive-Active, #2F6852);
  margin-bottom: 24px;
}
.carrusel-plan-volver__navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 24px 0 0px;
}

.carrusel-plan-volver__nav-prev-container,
.carrusel-plan-volver__nav-next-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 32px;
  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);
  cursor: pointer;
}

.carrusel-plan-volver__nav-prev-container:has(.carrusel-plan-volver__nav-prev.swiper-button-disabled),
.carrusel-plan-volver__nav-next-container:has(.carrusel-plan-volver__nav-next.swiper-button-disabled) {
  border: var(--border-width-s, 1px) solid var(--Color-Button-Border-Disabled, #BFBFBF);
}

.carrusel-plan-volver__nav-prev {
  background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Left.svg");
  background-size: cover;
  width: 20px;
  height: 20px;
}

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

.carrusel-plan-volver__nav-next {
  background-image: url("/ibdmedia/Iconos y Pictogramas/Icon/Chevron/Right.svg");
  background-size: cover;
  width: 20px;
  height: 20px;
}

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

.carrusel-plan-volver__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: 0 16px;
  width: 88px !important;
  height: 32px;
  top: 0 !important;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: #007F33;
  margin: 0 6px;
}
.swiper-pagination-bullet{
  border: 1px solid var(--Color-Control-Border-Active, #2F6852) !important;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background-color: var(--Color-Surface-Interactive-Active, #007F33) !important;
}

/* Eliminar texto nativo de flechas Swiper */
.swiper-button-prev::after,
.swiper-button-next::after {
  content: '' !important;
}

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

div.swiper-next::after {
  content: "";
}

@media(min-width: 576px){
  .carrusel-plan-volver__title{
    padding-bottom: 32px;
  }
  .carrusel-plan-volver__navigation {
    margin: 32px 0 0px;
  }
  .carrusel-plan-volver__paginate {
    width: 88px !important;
    height: 32px;
  }
}

@media(min-width: 768px){
 .carrusel-plan-volver__paginate {
    width: 60px !important;
  }
}

@media(min-width: 1200px){
  .carrusel-plan-volver__navigation{
    display: none;
  }
  .carrusel-plan-volver__slide{
    width: 316px;
  }
  .carrusel-plan-volver__wrapper{
    justify-content: center;
    gap: 24px;
  }
  .carrusel-plan-volver__body-description-three{
    margin-bottom: 54px;
  }
  .carrusel-plan-volver__button{
    width: 284px;
  }
  html[lang="CA-es"] .carrusel-plan-volver__body-description-three{
    margin-bottom: 32px;
  }
}

@media(min-width: 1920px){
  .carrusel-plan-volver__slide{
    width: 408px;
  }

  .carrusel-plan-volver__body-description-one{
    margin-bottom: 32px;
  }
  .carrusel-plan-volver__body-description-two{
    margin-bottom: 32px;
  }
  .carrusel-plan-volver__body-description-three{
    margin-bottom: 32px;
  }
  
  html[lang="EU-es"] .carrusel-plan-volver__body-description-three{
    margin-bottom: 32px;
  }

  html[lang="EN-us"] .carrusel-plan-volver__body-description-two{
    margin-bottom: 10px;
  }
  html[lang="EN-us"] .carrusel-plan-volver__body-description-three{
    margin-bottom: 32px;
  } 

  html[lang="CA-es"] .carrusel-plan-volver__body-description-two{
    margin-bottom: 10px;
  }
  .carrusel-plan-volver__button{
    max-width: 412px;
    width: 376px;
  }
}