/* ============================================================================
   report-nav.css: a barra da amano, copiada de report-amano.css (raiz do site)

   O Radar de Prêmios e o resto do observatório vivem num deployment Vercel
   separado do site raiz (observatorios/ tem outputDirectory e buildCommand
   próprios). Por isso este projeto não enxerga /report-amano.css: um <link>
   pra ele daria 404 em radar.amanocasacriativa.com. Este arquivo existe pra
   que a barra preta do topo seja a MESMA usada nos reports, decisão do
   Marcus em 10/09/2026, e não uma reimplementação parecida.

   O conteúdo abaixo é cópia literal de duas partes de report-amano.css:
   os tokens de marca que a navegação usa (seção 1) e a navegação inteira
   (seção 3: .rpt-nav, as classes rn-, .rpt-idx, .ri-in). Não é o arquivo inteiro:
   deliberadamente fora ficam os apelidos em inglês (--ink, --paper, --gold,
   --sand, --olive, --line) e o restante do sistema editorial (seção 2 em
   diante, incluindo o `body{}` e o `h1,h2,h3{}` do report), porque o Radar
   já tem os próprios tokens com esses mesmos nomes ingleses (veja app.css) e
   a própria tipografia de página, e um <link> do arquivo inteiro atropelaria
   os dois.

   SINCRONIA: se a seção de navegação de report-amano.css mudar (cor, altura,
   raio, o que for), replique a mudança aqui à mão. Não existe build que
   copie um pro outro hoje.

   Fonte: report-amano.css, raiz do repositório. Copiado em 10/09/2026.
   ========================================================================== */

:root{
  --preto:#1A1A1A;      /* preto amano — base institucional */
  --creme:#F6F3E9;      /* fundo padrão claro */
  --bronze:#734F2F;     /* acento primário */
  --dourado:#C4A67C;    /* acento raro, nunca mais de 5% da área */
  --cinza:#6E6A62;      /* texto secundário */
  --preto-rgb:26,26,26;   --ink-rgb:var(--preto-rgb);
  --creme-rgb:246,243,233;--paper-rgb:var(--creme-rgb);
  --h-site:64px;        --site-h:var(--h-site);
  --h-idx:48px;         --study-h:var(--h-idx);
  --largura:1560px;     --largura-editorial:760px;
  --recuo:24px;
}
@media(max-width:720px){ :root{ --h-site:56px; --h-idx:42px; } }

.rpt-nav{position:fixed;top:0;left:0;right:0;z-index:1100;background:var(--preto)}
/* o <nav> FILHO da barra é neutralizado; o <nav> que É a barra mantém o
   position:fixed que .rpt-nav/.rpt-idx dão — zerar aqui quebraria os três
   reports em que a própria tag carrega a classe. */
.rpt-nav nav,.rpt-idx nav{position:static;margin:0;padding:0}
nav.rpt-nav,nav.rpt-idx{margin:0;padding:0}
.rpt-nav a::after,nav.rpt-nav a::after,nav.rpt-idx a::after{content:none}
.rpt-nav .rn-in{
  max-width:var(--largura);margin:0 auto;height:var(--h-site);
  display:flex;align-items:center;gap:26px;padding:0 var(--recuo);
}
.rn-marca{display:flex;align-items:center}
.rn-logo{width:74px;height:auto;fill:var(--creme);display:block}
.rn-site{display:flex;gap:22px;align-items:center}
.rn-site a{color:var(--creme);opacity:.92;text-decoration:none;font-size:12.5px;letter-spacing:.02em}
.rn-site a:hover{opacity:1}
.rn-cta{
  margin-left:auto;border:1px solid #6E6A62;color:var(--creme);text-decoration:none;
  font-size:12px;letter-spacing:.08em;text-transform:lowercase;padding:9px 18px;
  transition:background .25s,color .25s,border-color .25s;
}
.rn-cta:hover{background:var(--dourado);color:var(--preto);border-color:var(--dourado)}

.rpt-idx{
  position:fixed;top:var(--h-site);left:0;right:0;z-index:1050;
  background:rgba(var(--creme-rgb),.94);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(var(--preto-rgb),.12);
}
.rpt-idx.travado{display:none}
.rpt-idx a::after{content:none}
.rpt-idx .ri-in{
  max-width:var(--largura);margin:0 auto;height:var(--h-idx);
  display:flex;align-items:center;gap:22px;padding:0 var(--recuo);
  overflow-x:auto;scrollbar-width:none;
}
.ri-in::-webkit-scrollbar{display:none}
.ri-in a{
  white-space:nowrap;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--cinza);text-decoration:none;transition:color .2s;
}
.ri-in a:hover{color:var(--preto)}
.ri-in a.aqui{color:var(--bronze)}
@media(max-width:560px){ .rn-site .so-desk{display:none} }
