/* Faixa vermelha rolando abaixo do hero. */
.marquee {
  background: var(--accent);
  color: #0a0a0a;
  white-space: nowrap;
  border-top: 1px solid #0a0a0a;
  border-bottom: 1px solid #0a0a0a;
  padding: 16px 0;
  overflow: hidden;
}
.marquee-track {
  will-change: transform;
  gap: 0;
  animation: 26s linear infinite scroll-x;
  display: inline-flex;
}
.marquee span {
  font-family: var(--heading);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  align-items: center;
  gap: 22px;
  padding: 0 22px;
  font-size: 1.05rem;
  display: inline-flex;
}
.marquee span:after {
  content: "✦";
  font-size: 0.7rem;
}
@keyframes scroll-x {
  to {
    transform: translate(-50%);
  }
}