/* Marquee ondulado — modules/marquee.js. Las tarjetas van dentro de .marquee__item. */

.marquee {
  position: relative;
  width: 100%;
  overflow: clip;
  cursor: grab;
  padding-block: var(--sp-5);            /* sitio para la onda */
}
.marquee.is-dragging { cursor: grabbing; }
.marquee__list {
  display: flex;
  align-items: stretch;                  /* todas las tarjetas a la misma altura */
  gap: var(--sp-4);
  width: max-content;
  touch-action: pan-y;
}
.marquee__item {
  flex: none;
  width: min(20rem, 78vw);
  user-select: none;
}
.marquee__item .card { height: 100%; }
.marquee__item img, .marquee__item svg { pointer-events: none; }