/* =====================================================================
   Faixa marquee — segmentos rolando em loop contínuo. O trilho repete o
   mesmo grupo --gc-marquee-copias vezes (as extras são aria-hidden) e
   anda exatamente a largura de um grupo por ciclo, então o recomeço é
   imperceptível. As cópias precisam cobrir a viewport mais larga.
   ===================================================================== */

.gc-marquee {
  background: var(--gc-verde);
  padding: 16px 0;
  overflow: hidden;
}

.gc-marquee__trilho {
  --gc-marquee-copias: 5;
  display: flex;
  width: max-content;
  animation: gcMarquee 28s linear infinite;
  will-change: transform;
}

.gc-marquee__grupo {
  display: flex;
  align-items: center;
  gap: 44px;
  flex: none;
  padding-right: 44px;
}

.gc-marquee__item {
  font: 700 13px/1 var(--gc-fonte-titulo);
  letter-spacing: var(--gc-trilha-eyebrow);
  color: var(--gc-fundo);
  white-space: nowrap;
}

.gc-marquee__ponto {
  flex: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(14, 23, 28, .45);
}