/* Letreiro pela Rolagem
   Linhas de texto que correm sem fim em sentidos alternados; a rolagem da
   página acelera e, rolando pra cima, inverte o sentido. Sem biblioteca. */
:root{
  --fx-bg:#000000;
  --fx-ink:#ededed;
  --fx-accent:#ea5420;
  --fx-muted:#7c7c7c;
  --fx-speed:1;
  --fx-radius:12px;

  --fx-rolagem-cor:#ededed;              /* cor do texto */
  --fx-rolagem-tamanho:clamp(2.6rem,7vw,6.5rem);
  --fx-rolagem-peso:800;
  --fx-rolagem-espaco:.35em;             /* espaço entre as repetições */
  --fx-rolagem-velocidade:100;           /* px por segundo em repouso */
  --fx-rolagem-reacao:5;                 /* quanto a rolagem acelera: +5x a cada 1000 px/s de rolagem */
  --fx-rolagem-suavidade:110;            /* ms: quanto a aceleração demora pra assentar depois que a rolagem para */
  --fx-rolagem-entrelinha:.1em;          /* espaço vertical entre linhas */
}

.fx-letreiro-pela-rolagem{
  display:flex;
  flex-direction:column;
  gap:var(--fx-rolagem-entrelinha);
  overflow:hidden;
  color:var(--fx-rolagem-cor);
  font-size:var(--fx-rolagem-tamanho);
  font-weight:var(--fx-rolagem-peso);
  line-height:1.05;
  letter-spacing:-.03em;
  text-transform:uppercase;
  white-space:nowrap;
  user-select:none;
  -webkit-user-select:none;
}
.fx-letreiro-pela-rolagem__linha{
  display:flex;
  width:max-content;
  will-change:transform;
}
.fx-letreiro-pela-rolagem__copia{
  flex:none;
  padding-right:var(--fx-rolagem-espaco);
}

/* Reduced motion: as linhas ficam paradas (nem correm, nem reagem à rolagem). */
.fx-letreiro-pela-rolagem.fx-rm .fx-letreiro-pela-rolagem__linha{transform:none !important}