.cmp-sliderCards__inner {
  max-width: var(--especiales-max-width-desktop);
  padding: var(--space-8) 0px;
  margin-inline: auto;
  width: 100%;
}

.cmp-sliderCards {
  background: var(--Celeste-50);
  background-image: var(--background-image-inner);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: min(20%, 12.25rem) auto;
}

/* Variante "White" (Type of Slider): fondo blanco, no afecta type1/type2/type3 */
.cmp-sliderCards__type4 .cmp-sliderCards {
  background-color: var(--color-white);
}
.cmp-sliderCards__type4 .cmp-sliderCards__card {
    background: var(--Celeste-100);
}


.cmp-sliderCards__title .cmp-title__text {
  margin: 0 0 var(--space-8) 0;
  color: var(--Primario-900);
  font-family: var(--Heading-Mvil-H2-fontFamily);
  font-size: var(--Heading-Mvil-H2-fontSize);
  font-style: normal;
  font-weight: var(--Weights-SemiBold);
  line-height: var(--Heading-Mvil-H2-lineHeight);
  letter-spacing: var(--Heading-Mvil-H2-letterSpacing);
}

.cmp-sliderCards__type2 .cmp-sliderCards__title .cmp-title__text {
  padding-bottom: 32px;
  color: var(--Primario-900, #002239);
  font-family: var(--Heading-Escritorio-H3-fontFamily, Montserrat);
  font-size: var(--Heading-Escritorio-H3-fontSize, 32px);
  font-style: normal;
  font-weight: var(--Weights-SemiBold, 600);
  line-height: var(--Heading-Escritorio-H3-lineHeight, 38px);
  letter-spacing: var(--Heading-Escritorio-H3-letterSpacing, -0.2px);
}

.cmp-sliderCards__title div {
  display: contents;
}

.cmp-sliderCards__lead p {
  color: var(--Neutros-800);
  font-family: var(--Subheading-Mvil-M-fontFamily);
  font-size: var(--Subheading-Mvil-M-fontSize);
  font-style: normal;
  font-weight: var(--Weights-Regular);
  line-height: var(--Subheading-Mvil-M-lineHeight);
  letter-spacing: var(--Subheading-Mvil-M-letterSpacing);
}

.cmp-sliderCards__type2 .cmp-sliderCards__lead p {
  color: var(--Neutros-800);
  font-family: var(--Subheading-Mvil-M-fontFamily);
  font-size: var(--Subheading-Mvil-M-fontSize);
  font-style: normal;
  font-weight: var(--Weights-Regular);
  line-height: var(--Subheading-Mvil-M-lineHeight);
  letter-spacing: var(--Subheading-Mvil-M-letterSpacing);
}

.cmp-sliderCards__lead div {
  display: contents;
}

.cmp-sliderCards__icon {
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}

.cmp-sliderCards--smallicon .cmp-sliderCards__icon {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.795rem;
  padding: 1rem;
}

.cmp-sliderCards__icon {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: var(--radius-20);
  background: var(--icon-bg-color);
  padding: var(--space-6);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.cmp-sliderCards__icon::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--icon-color);
  -webkit-mask: var(--icon-url) no-repeat center;
  -webkit-mask-size: contain;
  mask: var(--icon-url) no-repeat center;
  mask-size: contain;
}

.cmp-sliderCards__icon-image {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
  width: 6rem;
}

.cmp-sliderCards__type2 .cmp-sliderCards__icon,
.cmp-sliderCards__type2 .cmp-sliderCards__icon-image {
  display: none;
}

.cmp-sliderCards__card-article {
  display: flex;
  flex-direction: column;
  flex: 0 0 var(--declaraciones-culturales-card-width);
  padding: var(--space-4);
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-8-25);
  border-radius: var(--radius-md);
  scroll-snap-align: center;
}

.cmp-sliderCards__card {
  flex-direction: column;
  width: var(--declaraciones-culturales-card-width);
  flex: 0 0 var(--declaraciones-culturales-card-width);
  justify-content: center;
  align-items: flex-start;
  gap: var(--space-8-25);
  border-radius: var(--radius-md);
  scroll-snap-align: center;
}

.cmp-sliderCards__type1 .cmp-sliderCards__card {
  background: var(--color-white);
}

.cmp-sliderCards__type2 .cmp-sliderCards__card {
  background: var(--Celeste-100);
}

.cmp-sliderCards__card:focus-visible {
  outline: 0.125rem solid var(--color-brand-turquoise-500);
  outline-offset: 0.125rem;
}

/*.cmp-sliderCards__card-text,*/
.cmp-sliderCards__card-text p {
  margin: 0;
  max-height: var(--declaraciones-culturales-card-text-height);
  overflow: hidden;
}

.cmp-sliderCardsItem--smallicon .cmp-sliderCardsItem__icon {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.795rem;
  padding: 1rem;
}

.cmp-sliderCardsItem__icon {
  width: 4.5rem;
  height: 4.5rem;
  border-radius: var(--radius-20);
  background: var(--icon-bg-color);
  padding: var(--space-6);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
}

.cmp-sliderCardsItem__icon::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--icon-color);
  -webkit-mask: var(--icon-url) no-repeat center;
  -webkit-mask-size: contain;
  mask: var(--icon-url) no-repeat center;
  mask-size: contain;
}

.cmp-sliderCardsItem__icon-image {
  display: flex;
  padding: var(--space-4);
  align-items: flex-start;
  gap: var(--space-2);
  width: 6rem;
}

/*.cmp-sliderCards__carousel > .cmp-sliderCards__cards,*/
.cmp-sliderCards__carousel {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}

.cmp-sliderCards__cards > .cmp-container {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: var(--space-4);
  width: calc(100% + var(--space-8));
  margin-right: calc(var(--space-8) * -1);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  /*scroll-padding-inline: var(--space-4);*/
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  cursor: grab;
  padding-block: var(--space-4);
  scroll-padding-inline: calc(var(--space-4) + 0.125rem);
  padding-inline: 0.125rem;
}

.cmp-sliderCards__cards::-webkit-scrollbar > .cmp-container {
  display: none;
}

.cmp-sliderCards__cards.is-dragging > .cmp-container,
.cmp-container.is-dragging {
  cursor: grabbing!important;
  scroll-snap-type: none!important;
}

.cmp-sliderCards__carousel-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-6);
  margin-bottom: var(--space-6);
}

.cmp-sliderCards__nav-button {
  --btn-size: 2.5rem;
  width: var(--btn-size);
  height: var(--btn-size);
  border: none;
  border-radius: var(--radius-md);
  background-color: var(--color-white);
  box-shadow: var(--shadow-elev-1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 120ms ease, box-shadow 120ms ease;
}

.cmp-sliderCards__nav-button img {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}

.cmp-sliderCards__nav-button:hover {
  transform: translateY(-0.125rem);
}

.cmp-sliderCards__nav-button:focus-visible,
.cmp-sliderCards__dot:focus-visible {
  outline: 0.125rem solid var(--color-brand-turquoise-500);
  outline-offset: 0.125rem;
}

.cmp-sliderCards__dots {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.cmp-sliderCards__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--radius-full);
  border: 0.0625rem solid var(--color-aprende-dot-border);
  background-color: transparent;
  cursor: pointer;
  transition: background-color 150ms ease, width 150ms ease;
}

.cmp-sliderCards__dot[aria-current="true"] {
  width: 1.25rem;
  background-color: var(--color-white);
}

@media (min-width: 64rem) {
  .cmp-sliderCards__type2 .cmp-sliderCards {
    padding-block: var(--space-11-5);
  }

  .cmp-sliderCards__title .cmp-title__text {
    color: var(--Primario-900);
    font-family: var(--Heading-Escritorio-H2-fontFamily);
    font-size: var(--Heading-Escritorio-H2-fontSize);
    font-style: normal;
    font-weight: var(--Weights-SemiBold);
    line-height: var(--Heading-Escritorio-H2-lineHeight);
    letter-spacing: var(--Heading-Escritorio-H2-letterSpacing);
  }

  .cmp-sliderCards__type2 .cmp-sliderCards__title .cmp-title__text {
    color: var(--Primario-900, #002239);
    font-family: var(--Heading-Escritorio-H3-fontFamily, Montserrat);
    font-size: var(--Heading-Escritorio-H3-fontSize, 32px);
    font-style: normal;
    font-weight: var(--Weights-SemiBold, 600);
    line-height: var(--Heading-Escritorio-H3-lineHeight, 38px); /* 118.75% */
    letter-spacing: var(--Heading-Escritorio-H3-letterSpacing, -0.2px);
    padding-bottom: 32px;
  }

  .cmp-sliderCards__lead p {
    max-width: var(--declaraciones-culturales-lead-width);
    color: var(--Neutros-800);
    font-family: var(--Heading-Mvil-H2-fontFamily);
    font-size: var(--Heading-Mvil-H2-fontSize);
    font-style: normal;
    font-weight: var(--Weights-Regular);
    line-height: var(--Heading-Mvil-H2-lineHeight);
    letter-spacing: var(--Heading-Mvil-H2-letterSpacing);
  }

  .cmp-sliderCards__type2 .cmp-sliderCards__lead p {
    max-width: var(--declaraciones-culturales-lead-width);
    color: var(--Neutros-800);
    font-family: var(--Heading-Mvil-H2-fontFamily);
    font-size: var(--Heading-Mvil-H2-fontSize);
    font-style: normal;
    font-weight: var(--Weights-Regular);
    line-height: var(--Heading-Mvil-H2-lineHeight);
    letter-spacing: var(--Heading-Mvil-H2-letterSpacing);
  }

  /*.cmp-sliderCards__carousel > .cmp-sliderCards__cards */
  .cmp-sliderCards {
    margin-top: var(--space-6);
  }

  .cmp-sliderCards__type1 .cmp-sliderCards__cards > .cmp-container {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--space-4);
    width: 100%;
    margin-right: 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    cursor: grab;
    padding-block: 0.25rem;
    padding-inline: 0.125rem;
    scroll-padding-inline: calc(var(--space-4) + 0.125rem);
  }

  .cmp-sliderCards__type2 .cmp-sliderCards__cards > .cmp-container {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--space-4);
    width: 100%;
    margin-right: 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    cursor: grab;
    padding-block: 0.25rem;
    padding-inline: 0.125rem;
    scroll-padding-inline: calc(var(--space-4) + 0.125rem);
  }

  .cmp-sliderCards__type4 .cmp-sliderCards__cards > .cmp-container {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--space-4);
    width: 100%;
    margin-right: 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    cursor: grab;
    padding-block: 0.25rem;
    padding-inline: 0.125rem;
    scroll-padding-inline: calc(var(--space-4) + 0.125rem);
  }

  .cq-Editable-dom.cmp-sliderCards__type1 .cmp-sliderCards__cards > .cmp-container,
  .cq-Editable-dom.cmp-sliderCards__type2 .cmp-sliderCards__cards > .cmp-container {
    display: inline-grid;
    grid-auto-flow: initial;
    grid-auto-columns: initial;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
    width: 100%;
    margin-right: 0;
    overflow-x: visible;
    scroll-snap-type: none;
    cursor: default;
    padding-block: 0;
    padding-inline: 0;
    scroll-padding-inline: 0;
  }

  .cq-Editable-dom.cmp-sliderCards__type1 .cmp-sliderCards__cards > .cmp-container,
  .cq-Editable-dom.cmp-sliderCards__type2 .cmp-sliderCards__cards > .cmp-container {
    display: inline-grid;
    grid-auto-flow: initial;
    grid-auto-columns: initial;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
    width: 100%;
    margin-right: 0;
    overflow-x: visible;
    scroll-snap-type: none;
    cursor: default;
    padding-block: 0;
    padding-inline: 0;
    scroll-padding-inline: 0;
  }

  .cmp-sliderCards__type1 .cmp-sliderCards__card,
  .cmp-sliderCards__type1 .cmp-sliderCards__card--light,
  .cmp-sliderCards__type2 .cmp-sliderCards__card,
  .cmp-sliderCards__type2 .cmp-sliderCards__card--dark,
  .cmp-sliderCards__type4 .cmp-sliderCards__card,
  .cmp-sliderCards__type4 .cmp-sliderCards__card--dark {
    width: calc((100% - (var(--space-4) * 2)) / 3);
    flex: 0 0 calc((100% - (var(--space-4) * 2)) / 3);
    scroll-snap-align: center;
  }

  .cq-Editable-dom.cmp-sliderCards__type1 .cmp-sliderCards__card,
  .cq-Editable-dom.cmp-sliderCards__type1 .cmp-sliderCards__card--light,
  .cq-Editable-dom.cmp-sliderCards__type2 .cmp-sliderCards__card,
  .cq-Editable-dom.cmp-sliderCards__type2 .cmp-sliderCards__card--dark,
  .cq-Editable-dom.cmp-sliderCards__type4 .cmp-sliderCards__card--dark {
    width: 100%;
    flex: 1 0 auto;
    scroll-snap-align: none;
  }

  .cmp-sliderCards__type2 .cmp-sliderCards__cards > .cmp-container {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--space-4);
    width: 100%;
    margin-right: 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    cursor: grab;
    padding-block: 0.25rem;
    padding-inline: 0.125rem;
    scroll-padding-inline: calc(var(--space-4) + 0.125rem);
  }

  /*.cmp-sliderCards__type1 .cmp-sliderCards__card,*/
  .cmp-sliderCards__type1 .cmp-sliderCards__card,
  .cmp-sliderCards__type1 .cmp-sliderCards__card--light {
    width: calc((100% - (var(--space-4) * 2)) / 3);
    flex: 0 0 calc((100% - (var(--space-4) * 2)) / 3);
    scroll-snap-align: center;
  }

  .cmp-sliderCards__type2 .cmp-sliderCards__card,
  .cmp-sliderCards__type2 .cmp-sliderCards__card--dark,
  .cmp-sliderCards__type4 .cmp-sliderCards__card--dark {
    width: calc((100% - (var(--space-4) * 2)) / 3);
    flex: 0 0 calc((100% - (var(--space-4) * 2)) / 3);
    scroll-snap-align: center;
  }

  /*.cmp-sliderCards__type2 .cmp-sliderCards__card,*/
  .cmp-sliderCards__type2 .cmp-sliderCards__card--dark {
    width: calc((100% - (var(--space-4) * 2)) / 3);
    flex: 0 0 calc((100% - (var(--space-4) * 2)) / 3);
    scroll-snap-align: center;
  }

  /*.cmp-sliderCards__type2 .cq-Editable-dom .cmp-sliderCards__card {
    width: 100%;
    flex: 1 0 auto;
    scroll-snap-align: none;
  }*/

  /* .cmp-sliderCards__type1 .cmp-sliderCards__carousel-nav {
    display: none;
  } */

  /*.cmp-sliderCards__type2 .cmp-sliderCards__card-text,*/
  .cmp-sliderCards__type2 .cmp-sliderCards__card-text p {
    color: var(--Colors-Others-Color-Gray-700);
    font-family: var(--Subheading-Mvil-XL-fontFamily);
    font-size: var(--Subheading-Mvil-XL-fontSize);
    font-style: normal;
    font-weight: var(--Weights-SemiBold);
    line-height: var(--Subheading-Mvil-XL-lineHeight);
    letter-spacing: var(--Subheading-Mvil-XL-letterSpacing);
  }

  /* Toggle independiente "Sin carrousel": grid estático de 2 columnas, combinable con type1-type4 */
  .cmp-sliderCards--noCarousel .cmp-sliderCards__carousel .cmp-sliderCards__cards > .cmp-container {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
    width: 100%;
    margin-right: 0;
    overflow-x: visible;
    scroll-snap-type: none;
    cursor: default;
    padding-block: 0;
    padding-inline: 0;
    scroll-padding-inline: 0;
  }
  
  .cmp-sliderCards--noCarousel .cmp-sliderCards__carousel .cmp-sliderCards__card,
  .cmp-sliderCards--noCarousel .cmp-sliderCards__carousel .cmp-sliderCards__card--light,
  .cmp-sliderCards--noCarousel .cmp-sliderCards__carousel .cmp-sliderCards__card--dark {
    width: calc((100% - (var(--space-4) * 2)) / 1);
    flex: 0 0 calc((100% - (var(--space-4) * 2)) / 1);
    scroll-snap-align: none;
  }
  
  .cmp-sliderCards--noCarousel .cmp-sliderCards__carousel .cmp-sliderCards__cards > .cmp-container:has(> *:only-child) {
    display: flex;
  }

  .cmp-sliderCards--noCarousel .cmp-sliderCards__carousel .cmp-sliderCards__card:only-child,
  .cmp-sliderCards--noCarousel .cmp-sliderCards__carousel .cmp-sliderCards__card--light:only-child,
  .cmp-sliderCards--noCarousel .cmp-sliderCards__carousel .cmp-sliderCards__card--dark:only-child {
    width: 100%;
    flex-grow: 1;
  }

  .cmp-sliderCards--noCarousel .cmp-sliderCards__carousel-nav {
    display: none;
  }
}

.cmp-sliderCards--noCarousel .cmp-sliderCards__carousel-nav:has(button.cmp-sliderCards__dot:only-child) {
  display: none;
}

.cmp-sliderCards--noCarousel .cmp-sliderCards__carousel .cmp-sliderCards__cards > .cmp-container:has(> *:only-child) {
  display: flex;
  width: 100%;
}

.cmp-sliderCards--noCarousel .cmp-sliderCards__carousel .cmp-sliderCards__card:only-child,
.cmp-sliderCards--noCarousel .cmp-sliderCards__carousel .cmp-sliderCards__card--light:only-child,
.cmp-sliderCards--noCarousel .cmp-sliderCards__carousel .cmp-sliderCards__card--dark:only-child {
  width: 100%;
  flex-grow: 1;
}

.cmp-sliderCards--oneColumn .cmp-sliderCards__carousel .cmp-sliderCards__cards > .cmp-container {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: var(--space-4);
  width: 100%;
  margin-right: 0;
  overflow-x: visible;
  scroll-snap-type: none;
  cursor: default;
  padding-block: 0;
  padding-inline: 0;
  scroll-padding-inline: 0;
}

.cmp-tabs__tabpanel--active .cmp-sliderCards.section-shell {
  padding-inline: 0;
}

.cmp-sliderCards__drag-section .new {
	align-items: center;
	width: inherit;
	justify-self: center;
}