/* Faixa de notícias — usada pela versão atual (index.html) e pela nova interface (preview.html).
   Herda as cores de cada página: --gold/--text (prévia) ou --dourado/--bege (atual). */

.noticias {
  --nt-acento: var(--gold, var(--dourado, #C0A680));
  --nt-texto:  var(--text, var(--bege, #E8E2CD));
  --nt-texto-2: var(--text-3, var(--texto2, #8a7f72));
  --nt-fundo:  #ffffff05;
  --nt-linha:  #ffffff0d;

  display: flex; align-items: stretch;
  height: 34px;
  background: var(--nt-fundo);
  border-bottom: 1px solid var(--nt-linha);
  font-size: 13px; line-height: 1;
  overflow: hidden;
}
.noticias:empty { display: none; }

.noticias-rotulo {
  flex: none; display: flex; align-items: center; gap: 8px;
  padding: 0 16px 0 20px;
  font-size: 10px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
  color: var(--nt-acento);
  border-right: 1px solid var(--nt-linha);
}
.noticias-rotulo::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--nt-acento);
}

.noticias-janela {
  position: relative; flex: 1; min-width: 0; overflow: hidden;
  /* Os títulos entram e saem esmaecendo, em vez de cortados na borda */
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 32px, #000 calc(100% - 48px), transparent);
          mask-image: linear-gradient(90deg, transparent, #000 32px, #000 calc(100% - 48px), transparent);
}

.noticias-trilho {
  display: flex; width: max-content; height: 100%;
  animation: noticias-correr var(--duracao, 60s) linear infinite;
  will-change: transform;
}
.noticias:hover .noticias-trilho,
.noticias:focus-within .noticias-trilho { animation-play-state: paused; }

@keyframes noticias-correr { to { transform: translateX(-50%); } }

.noticias-lista { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }
.noticias-lista li { display: flex; align-items: center; }
.noticias-lista li::after {
  content: ""; width: 3px; height: 3px; margin: 0 28px; border-radius: 50%;
  background: var(--nt-texto-2); opacity: .7;
}

.noticias-lista a {
  display: inline-flex; align-items: baseline; gap: 10px;
  color: var(--nt-texto); text-decoration: none; white-space: nowrap;
  padding: 10px 0;
  transition: color .2s;
}
.noticias-lista a:hover { color: var(--nt-acento); }
.noticias-lista a:focus-visible { outline: 2px solid var(--nt-acento); outline-offset: 2px; border-radius: 4px; }

.noticias-fonte {
  font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
  color: var(--nt-texto-2);
}

@media (max-width: 720px) {
  .noticias { height: 32px; font-size: 12px; }
  .noticias-rotulo { padding: 0 12px 0 16px; }
  .noticias-rotulo { font-size: 0; gap: 0; } /* só o ponto: o título ganha a largura */
}

/* Sem movimento: a faixa vira uma linha rolável à mão */
@media (prefers-reduced-motion: reduce) {
  .noticias-trilho { animation: none; }
  .noticias-trilho > [aria-hidden="true"] { display: none; }
  .noticias-janela { overflow-x: auto; scrollbar-width: none; -webkit-mask-image: none; mask-image: none; }
}