@media (max-width: 760px) {
  .cases-carousel .carousel-head { align-items: flex-end; gap: 12px; }
  .cases-carousel .carousel-head > div:first-child { min-width: 0; }
  .cases-carousel .carousel-head .cases-highlight { font-size: 15px; line-height: 1.32; }
  .cases-carousel .carousel-head > div:last-child { display: flex; flex: 0 0 auto; flex-direction: row; gap: 7px; white-space: nowrap; }
  .cases-carousel .carousel-head button { flex: 0 0 42px; margin: 0; }

  /* Acercamos las galerías consecutivas, sin comprimir sus contenidos internos. */
  #tradicional { padding-bottom: 0 !important; }
  #trade { padding-top: 0 !important; padding-bottom: 14px; margin-top: -42px; }
  #identidad { padding-bottom: 14px; }
  #digital { padding-top: 0 !important; padding-bottom: 0 !important; }
  /* El bloque siguiente sube sobre la franja clara sobrante del carrusel anterior. */
  #btl { padding-top: 0 !important; margin-top: -56px; }

  #tradicional .traditional-gallery,
  #digital .traditional-gallery { padding-bottom: 12px; }
}