/* Seis grupos idénticos: ciclo CSS estable, sin depender de JavaScript. */
.tape-track {
  animation: guide-marquee 44s linear infinite !important;
  will-change: transform;
}

.tape-group {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 13px 0;
  list-style: none;
}

.tape-group li {
  display: flex;
  align-items: center;
  color: #80a9e6;
  font: 500 11px var(--mono);
  letter-spacing: .12em;
  white-space: nowrap;
}

.tape-group li::after {
  content: '·';
  margin: 0 26px;
  color: var(--blue-light);
}

@keyframes guide-marquee {
  to { transform: translate3d(-16.666667%, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .tape-track { animation-play-state: paused !important; }
}