/* ================================================================
   MARQUEE BAND — Banda de servicios animada
   ================================================================ */

.marquee-band {
  background: var(--black);
  color: var(--cream);
  padding: 26px 0;
  overflow: hidden;
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  margin-top: 60px;
}

.marquee {
  display: flex;
  gap: 48px;
  white-space: nowrap;
  animation: scroll 28s linear infinite;
  width: max-content;
}

.marquee span {
  font-size: clamp(2rem, 5vw, 3.4rem);
  font-weight: 600;
  letter-spacing: -0.03em;
  display: inline-flex;
  align-items: center;
  gap: 48px;
}

.marquee em {
  font-family: var(--serif);
  font-style: italic;
  color: var(--pink);
  font-weight: 400;
}

.marquee .star {
  display: inline-block;
  color: var(--pink);
  animation: rotate 4s linear infinite;
}

@keyframes rotate {
  to { transform: rotate(360deg); }
}