/* Casos de éxito 2 — carrusel como COLOR / Verte */

.is-casos-2 .cases-intro {
  padding-bottom: 0;
}

.is-casos-2 .cases {
  padding-top: 1.35rem;
}

.is-casos-2 .cases-intro__copy {
  max-width: 68rem;
}

.is-casos-2 .cases + .color-gallery {
  padding-top: clamp(2.25rem, 4.5vw, 3.5rem);
}

.is-casos-2 .color-gallery {
  padding-top: clamp(3rem, 6vw, 5rem);
  padding-bottom: clamp(0.25rem, 1.5vw, 0.75rem);
  background: #f5f6f8;
}

.is-casos-2 .color-gallery:last-child {
  padding-bottom: clamp(3.5rem, 8vw, 6.5rem);
}

.is-casos-2 .color-gallery .section-header {
  margin-bottom: clamp(1.15rem, 2.4vw, 1.75rem);
}

.is-casos-2 .color-gallery .section-title {
  margin-bottom: 0;
  color: var(--blue-deep);
}

.is-casos-2 .color-gallery__carousel {
  --gallery-gap: 1.35rem;
}

.is-casos-2 .color-gallery__viewport {
  container-type: inline-size;
}

.is-casos-2 .color-gallery__carousel.is-drifting .color-gallery__track {
  width: max-content;
}

.is-casos-2 .color-gallery__carousel.is-drifting .color-gallery__slide {
  flex: 0 0 calc((100cqi - (var(--gallery-view) - 1) * var(--gallery-gap)) / var(--gallery-view));
}

.is-casos-2 .color-gallery__slide {
  padding: 0 0.4rem 0.55rem 0;
  background: transparent;
}

.is-casos-2 .color-gallery__slide img {
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  box-shadow: 4px 5px 6px rgba(0, 12, 22, 0.55);
}

@media (max-width: 640px) {
  .is-casos-2 .color-gallery__carousel {
    --gallery-gap: 0.75rem;
  }

  .is-casos-2 .color-gallery__slide {
    padding: 0.15rem 0.2rem 0.9rem;
  }

  .is-casos-2 .color-gallery__slide img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 8px 18px rgba(0, 12, 22, 0.22);
  }
}

@media (min-width: 981px) {
  .is-casos-2 .color-gallery__carousel[data-count="2"] {
    --gallery-view: 2;
  }
}

.is-casos-2 .color-gallery__arrow[hidden] {
  display: none;
}