/* Faixa de prazo das gravações (28/09/2026, ordem do Chefe). Fixa no topo, vermelho sólido
   da paleta (--coral do tema, #b53a31) com texto #fffaf0 (contraste 5,58:1). A faixa é sticky
   no fluxo do documento, então empurra o layout; --faixa-h mantém o menu lateral e as âncoras
   abaixo dela. */
:root { --faixa-h: 0px; }
html { scroll-padding-top: var(--faixa-h); }
.faixa-prazo {
  position: sticky; top: 0; z-index: 150;
  background: #b53a31; color: #fffaf0;
  font-family: var(--font); font-weight: 700; font-size: 15px; line-height: 1.4;
  border-bottom: 2px solid #3a1a18;
}
.faixa-prazo .fp-in {
  max-width: 1200px; margin: 0 auto; padding: 10px 16px;
  display: flex; align-items: center; justify-content: center; gap: 10px 16px; flex-wrap: wrap;
  text-align: center;
}
.faixa-prazo .fp-msg { display: inline-flex; align-items: center; gap: 10px; }
.faixa-prazo .fp-ic { width: 20px; height: 20px; flex: 0 0 auto; }
.faixa-prazo .fp-timer {
  display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
  background: #3a1a18; color: #fffaf0; border-radius: 6px; padding: 4px 10px;
  font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: .02em;
}
.faixa-prazo.fp-fim .fp-timer { display: none; }
.side-nav { top: calc(var(--faixa-h) + 24px); }
@media (max-width: 560px) {
  .faixa-prazo { font-size: 13px; }
  .faixa-prazo .fp-in { padding: 8px 12px; gap: 6px 10px; }
  .faixa-prazo .fp-msg { text-align: left; }
  .faixa-prazo .fp-ic { width: 18px; height: 18px; }
}