.cmp-sliderMultimediaCards {
  width: 100%;
}

.section-shell .section-shell.cmp-sliderMultimediaCards {
  padding-inline: 0;
}

.cmp-sliderMultimediaCards__container {
  max-width: var(--especiales-max-width-desktop);
  margin: 0 auto;
}

/* Inicio sin Carrousel 4 cards */
@media (min-width: 64rem) {
  .cmp-sliderMultimediaCards--fourCards .cmp-sliderMultimediaCards__track > .cmp-container {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow-x: visible;
    scroll-snap-type: none;
  }

  .cmp-sliderMultimediaCards--fourCards .cmp-sliderMultimediaCards__track .multimediaCard {
    min-width: 0;
  }

  .cmp-sliderMultimediaCards--fourCards .cmp-sliderMultimediaCards__carousel-nav {
    display: none;
  }
}
/* End sin Carrousel 4 cards */


/* Editorial Header */
.cmp-sliderMultimediaCards.cmp-sliderMultimediaCards--editorialHeader {
  padding-block: 2rem;
}

.cmp-sliderMultimediaCards--editorialHeader .cmp-sliderMultimediaCards__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-6, 1rem);
  margin: 0 0 2rem;
}

.cmp-sliderMultimediaCards--editorialHeader .cmp-sliderMultimediaCards__icon {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: var(--radius-20, 1.25rem);
  background: var(--icon-bg-color);
  padding: var(--space-4, 1rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.cmp-sliderMultimediaCards--editorialHeader .cmp-sliderMultimediaCards__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-sliderMultimediaCards--editorialHeader .cmp-sliderMultimediaCards__icon-image {
  display: flex;
  align-items: flex-start;
  width: 3.5rem;
  flex-shrink: 0;
}

.cmp-sliderMultimediaCards--editorialHeader .cmp-sliderMultimediaCards__icon-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-20, 1.25rem);
}

.cmp-sliderMultimediaCards--editorialHeader .cmp-sliderMultimediaCards__title {
  min-width: 0;
}

.cmp-sliderMultimediaCards--editorialHeader .cmp-sliderMultimediaCards__title div {
  display: contents;
}

.cmp-sliderMultimediaCards--editorialHeader .cmp-sliderMultimediaCards__title .cmp-title__text h3{
  margin: 0;
  color: var(--Primario-900, #002239);
  font-family: var(--Heading-Mvil-H3-fontFamily, Montserrat, sans-serif);
  font-size: var(--Heading-Mvil-H3-fontSize, 1.5rem);
  font-style: normal;
  font-weight: var(--Weights-SemiBold, 600);
  line-height: var(--Heading-Mvil-H3-lineHeight, 1.875rem);
  letter-spacing: var(--Heading-Mvil-H3-letterSpacing, -0.2px);
}

.cmp-sliderMultimediaCards--editorialHeader .cmp-sliderMultimediaCards__title .cmp-title__text h2{
  margin: 0;
  color: var(--Primario-900, #002239);
  font-family: var(--Heading-Mvil-H2-fontFamily, Montserrat, sans-serif);
  font-size: var(--Heading-Mvil-H2-fontSize, 1.5rem);
  font-style: normal;
  font-weight: var(--Weights-SemiBold, 600);
  line-height: var(--Heading-Mvil-H2-lineHeight, 1.875rem);
  letter-spacing: var(--Heading-Mvil-H2-letterSpacing, -0.15px);
}

.cmp-sliderMultimediaCards__description {
  margin: 0 0 1.25rem;
  color: #010247;
  font-family: var(--Heading-Mvil-H5-fontFamily);
  font-size: var(--Heading-Mvil-H5-fontSize);
  font-style: normal;
  font-weight: var(--Weights-SemiBold, 600);
  line-height: var(--Heading-Mvil-H5-lineHeight);
  letter-spacing: var(--Heading-Mvil-H5-letterSpacing);
}

.cmp-sliderMultimediaCards--editorialHeader .cmp-sliderMultimediaCards__link {
  display: inline-block;
  margin: 0 0 1.25rem;
  width: fit-content;
  font-family: var(--font-family-display, Montserrat, sans-serif);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--Weights-SemiBold, 600);
  color: var(--Primario-500-Marca, #005288);
  text-decoration: underline;
}

.cmp-sliderMultimediaCards--editorialHeader .cmp-sliderMultimediaCards__link:focus-visible {
  outline: 0.1875rem solid var(--color-accent, #92e1e8);
  outline-offset: 0.25rem;
}

/* Column Header: keep header stacked at all breakpoints (overrides Editorial Header desktop row) */
.cmp-sliderMultimediaCards--editorialHeader.cmp-sliderMultimediaCards--columnHeader .cmp-sliderMultimediaCards__header {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.sliderMultimediaCards h3.cmp-title__text{
    font-family: var(--Heading-Mvil-H3-fontFamily, Montserrat, sans-serif);
    font-size: var(--Heading-Mvil-H3-fontSize, 2rem);
    line-height: var(--Heading-Mvil-H3-lineHeight, 2.375rem);
    letter-spacing: var(--Heading-Mvil-H3-letterSpacing, -0.2px);
  }

  .sliderMultimediaCards h2.cmp-title__text{
    font-family: var(--Heading-Mvil-H2-fontFamily, Montserrat, sans-serif);
    font-size: var(--Heading-Mvil-H2-fontSize, 1.5rem);
    line-height: var(--Heading-Mvil-H2-lineHeight, 1.875rem);
    letter-spacing: var(--Heading-Mvil-H2-letterSpacing, -0.15px);
  }

  .sliderMultimediaCards h1.cmp-title__text{
    font-family: var(--Heading-Mvil-H1-fontFamily, Montserrat, sans-serif);
    font-size: var(--Heading-Mvil-H1-fontSize, 1.25rem);
    line-height: var(--Heading-Mvil-H1-lineHeight, 1.5rem);
    letter-spacing: var(--Heading-Mvil-H1-letterSpacing, -0.12px);
  }

.cmp-sliderMultimediaCards--editorialHeader.cmp-sliderMultimediaCards--columnHeader .cmp-sliderMultimediaCards__title .cmp-title__text h4{
  color: var(--Neutros-900, #101112);
  font-family: var(--Heading-Mvil-H4-fontFamily, Montserrat, sans-serif);
  font-size: var(--Heading-Mvil-H4-fontSize, 1.125rem);
  font-weight: var(--Weights-SemiBold, 600);
  line-height: var(--Heading-Mvil-H4-lineHeight, 1.5rem);
  letter-spacing: var(--Heading-Mvil-H4-letterSpacing, -0.1px);
}

.cmp-sliderMultimediaCards--editorialHeader.cmp-sliderMultimediaCards--columnHeader .cmp-sliderMultimediaCards__title .cmp-title__text h2{
  color: var(--Neutros-900, #101112);
  font-family: var(--Heading-Mvil-H2-fontFamily, Montserrat, sans-serif);
  font-size: var(--Heading-Mvil-H2-fontSize, 1.5rem);
  font-weight: var(--Weights-SemiBold, 600);
  line-height: var(--Heading-Mvil-H2-lineHeight, 1.875rem);
  letter-spacing: var(--Heading-Mvil-H2-letterSpacing, -0.1px);
}

.cmp-sliderMultimediaCards--editorialHeader.cmp-sliderMultimediaCards--columnHeader .cmp-sliderMultimediaCards__description {
  color: var(--CAF-Colores-neutros-gris-900, #3B3B3B);
  font-family: var(--Subheading-Mvil-M-fontFamily, Raleway, sans-serif);
  font-size: var(--Subheading-Mvil-M-fontSize, 1rem);
  font-weight: var(--Weights-Regular, 400);
  line-height: var(--Subheading-Mvil-M-lineHeight, 1.5rem);
  letter-spacing: var(--Subheading-Mvil-M-letterSpacing, 0);
}
/* End Editorial Header */

.cmp-sliderMultimediaCards__carousel {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.cmp-sliderMultimediaCards__track.cq-Editable-dom > .cmp-container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  justify-items: center;
}

.cmp-sliderMultimediaCards__track.cq-Editable-dom > .cmp-container .multimediaCard.cq-Editable-dom,
.cmp-sliderMultimediaCards__track.cq-Editable-dom > .cmp-container .new.cq-Editable-dom {
  width: 100%;
}

.cmp-sliderMultimediaCards__track > .cmp-container {
  display: flex;
  gap: 1.5rem;
  padding-block: 0.75rem;
  padding-inline-end: 0.75rem;
  margin-block: -0.75rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

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

.cmp-sliderMultimediaCards__track > .cmp-container.is-dragging {
  cursor: grabbing;
  scroll-snap-type: none;
}

.cmp-sliderMultimediaCards__track .multimediaCard {
  min-width: calc((100% - 3rem) / 3);
}

.cmp-sliderMultimediaCards__track .cmp-multimediaCard {
  scroll-snap-align: start;
  list-style: none;
}

.cmp-sliderMultimediaCards__carousel-nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}

.cmp-sliderMultimediaCards__carousel-nav[hidden] {
  display: none;
}

.cmp-sliderMultimediaCards__nav-button {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.25rem;
  border: 0;
  border-radius: 1rem;
  background: #fdfdfd;
  box-shadow: 0.25rem 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.cmp-sliderMultimediaCards__nav-button:focus-visible,
.cmp-sliderMultimediaCards__dot:focus-visible {
  outline: 0.125rem solid #fd6337;
  outline-offset: 0.125rem;
}

.cmp-sliderMultimediaCards__nav-icon {
  width: 1.25rem;
  height: 1.25rem;
  display: block;
  background-color: var(--slider-multimedia-nav-color, var(--Neutros-800, #343537));
  -webkit-mask: url("clientlib-sliderMultimediaCards/resources/images/svg/chevron-nav.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask: url("clientlib-sliderMultimediaCards/resources/images/svg/chevron-nav.svg") no-repeat center;
  mask-size: contain;
}

.cmp-sliderMultimediaCards__nav-button--next .cmp-sliderMultimediaCards__nav-icon {
  transform: rotate(180deg);
}

.cmp-sliderMultimediaCards__nav-button[disabled] {
  opacity: 0.45;
  cursor: default;
}

.cmp-sliderMultimediaCards__dots {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.cmp-sliderMultimediaCards__dot {
  width: 0.46875rem;
  height: 0.46875rem;
  padding: 0;
  border: 0.03125rem solid var(--slider-multimedia-dots-border-color, var(--Neutros-800, #343537));
  border-radius: 999rem;
  background: transparent;
  cursor: pointer;
}

.cmp-sliderMultimediaCards__dot[aria-current="true"] {
  width: 3.84375rem;
  background: var(--slider-multimedia-dots-fill-color, var(--Neutros-500, #a1a4a8));
}

.cmp-sliderMultimediaCards--dotsBlue {
  --slider-multimedia-dots-border-color: #3375a0;
  --slider-multimedia-dots-fill-color: #e6eef3;
  --slider-multimedia-nav-color: #3375a0;
}

.cmp-sliderMultimediaCards--dotsOrange {
  --slider-multimedia-dots-border-color: #e7483d;
  --slider-multimedia-dots-fill-color: #f3c9c6;
  --slider-multimedia-nav-color: #e7483d;
}

.cmp-sliderMultimediaCards--dotsGray {
  --slider-multimedia-dots-border-color: #343537;
  --slider-multimedia-dots-fill-color: #a1a4a8;
  --slider-multimedia-nav-color: #343537;
}

@media (min-width: 64rem) {
  .cmp-sliderMultimediaCards__carousel[data-slide-count="3"] .cmp-sliderMultimediaCards__carousel-nav {
    display: none;
  }

  /* Editorial Header */
  .cmp-sliderMultimediaCards--editorialHeader .cmp-sliderMultimediaCards__header {
    flex-direction: row;
    align-items: center;
    gap: var(--space-4, 1rem);
    margin: 1rem 0 1.5rem 0;
    padding-block-end: 0;
  }

  .sliderMultimediaCards h3.cmp-title__text{
    font-family: var(--Heading-Escritorio-H3-fontFamily, Montserrat, sans-serif);
    font-size: var(--Heading-Escritorio-H3-fontSize, 2rem);
    line-height: var(--Heading-Escritorio-H3-lineHeight, 2.375rem);
    letter-spacing: var(--Heading-Escritorio-H3-letterSpacing, -0.2px);
  }

  .sliderMultimediaCards h2.cmp-title__text{
    font-family: var(--Heading-Escritorio-H2-fontFamily, Montserrat, sans-serif);
    font-size: var(--Heading-Escritorio-H2-fontSize, 1.5rem);
    line-height: var(--Heading-Escritorio-H2-lineHeight, 1.875rem);
    letter-spacing: var(--Heading-Escritorio-H2-letterSpacing, -0.15px);
  }

  .sliderMultimediaCards h1.cmp-title__text{
    font-family: var(--Heading-Escritorio-H1-fontFamily, Montserrat, sans-serif);
    font-size: var(--Heading-Escritorio-H1-fontSize, 1.25rem);
    line-height: var(--Heading-Escritorio-H1-lineHeight, 1.5rem);
    letter-spacing: var(--Heading-Escritorio-H1-letterSpacing, -0.12px);
  }

  .cmp-sliderMultimediaCards--editorialHeader .cmp-sliderMultimediaCards__title .cmp-title__text h3{
    font-family: var(--Heading-Escritorio-H3-fontFamily, Montserrat, sans-serif);
    font-size: var(--Heading-Escritorio-H3-fontSize, 2rem);
    line-height: var(--Heading-Escritorio-H3-lineHeight, 2.375rem);
    letter-spacing: var(--Heading-Escritorio-H3-letterSpacing, -0.2px);
  }

  .cmp-sliderMultimediaCards--editorialHeader .cmp-sliderMultimediaCards__title .cmp-title__text h2{
    font-family: var(--Heading-Escritorio-H2-fontFamily, Montserrat, sans-serif);
    font-size: var(--Heading-Escritorio-H2-fontSize, 1.5rem);
    line-height: var(--Heading-Escritorio-H2-lineHeight, 1.875rem);
    letter-spacing: var(--Heading-Escritorio-H2-letterSpacing, -0.15px);
  }

  .cmp-sliderMultimediaCards--editorialHeader.cmp-sliderMultimediaCards--columnHeader .cmp-sliderMultimediaCards__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .cmp-sliderMultimediaCards--editorialHeader.cmp-sliderMultimediaCards--columnHeader .cmp-sliderMultimediaCards__title .cmp-title__text {
    color: var(--Neutros-900, #101112);
    font-family: var(--Heading-Escritorio-H4-fontFamily, Montserrat, sans-serif);
    font-size: var(--Heading-Escritorio-H4-fontSize, 1.5rem);
    line-height: var(--Heading-Escritorio-H4-lineHeight, 1.875rem);
    letter-spacing: var(--Heading-Escritorio-H4-letterSpacing, -0.15px);
  }

   .cmp-sliderMultimediaCards--editorialHeader.cmp-sliderMultimediaCards--columnHeader .cmp-sliderMultimediaCards__title .cmp-title__text h2{
    color: var(--Neutros-900, #101112);
    font-family: var(--Heading-Escritorio-H2-fontFamily, Montserrat, sans-serif);
    font-size: var(--Heading-Escritorio-H2-fontSize, 1.5rem);
    line-height: var(--Heading-Escritorio-H2-lineHeight, 1.875rem);
    letter-spacing: var(--Heading-Escritorio-H2-letterSpacing, -0.15px);
  }

  .cmp-sliderMultimediaCards--editorialHeader.cmp-sliderMultimediaCards--columnHeader .cmp-sliderMultimediaCards__description {
    color: var(--CAF-Colores-neutros-gris-900, #3B3B3B);
    font-family: var(--Subheading-Escritorio-XL-fontFamily, Raleway, sans-serif);
    font-size: var(--Subheading-Escritorio-XL-fontSize, 1rem);
    font-weight: var(--Weights-Regular, 400);
    line-height: var(--Subheading-Escritorio-XL-lineHeight, 1.5rem);
    letter-spacing: var(--Subheading-Escritorio-XL-letterSpacing, 0);
  }
}

@media (max-width: 63.99rem) {
  .cmp-sliderMultimediaCards__track > .cmp-container {
    gap: 2rem;
  }

  .cmp-sliderMultimediaCards__track .multimediaCard {
    min-width: auto;
  }
}