/* =============================================
   MARQUEE — faixa animada entre hero e conteúdo
   ============================================= */

.marquee-section {
  overflow: hidden;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  background: var(--bg2);
  position: relative;
  z-index: 1;
}

.marquee-track {
  display: flex;
  animation: marquee 24s linear infinite;
  width: max-content;
}
.marquee-track:hover {
  animation-play-state: paused;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.marquee-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 36px;
  font-size: 13px;
  font-weight: 600;
  color: var(--muted);
  white-space: nowrap;
  border-right: 1px solid var(--border);
}
.marquee-item svg { flex-shrink: 0; }
.marquee-item span { color: var(--text); }