/* ==========================================================================
   MARQUEE — cinta de tratamientos en movimiento bajo el hero
   ========================================================================== */
.marquee {
  overflow: hidden; white-space: nowrap;
  border-block: 1px solid var(--linea);
  padding-block: .8rem;
  background: var(--blanco);
  position: relative; z-index: 2;
}
.marquee__track { display: inline-flex; gap: 2.4rem; animation: desfile 32s linear infinite; will-change: transform; }
.marquee span {
  font-family: var(--f-display);
  font-size: .84rem; font-weight: 500;
  letter-spacing: .18em; text-transform: uppercase;
  color: var(--gris);
  display: inline-flex; align-items: center; gap: 2.4rem;
}
.marquee span::after {
  content: ""; width: 6px; height: 6px; border-radius: 50%;
  background: var(--primario); align-self: center;
}