/* =====================================================================================================
 * paginas.css — as páginas públicas de TEXTO (Política de Privacidade, Status das fontes) no visual das páginas
 * públicas (repaginação de 15/10/2026): faixa de tinta no topo com a marca, título com serifa, texto em papel.
 *
 * Entra como camada, SEM classe nova no <body> e sem repintar o body com seletor mais forte: as cores chegam pelas
 * variáveis (--el-*) que o <style> de cada página já usa. Por quê: o mutante MP7 (mutacao-f17-privacidade) injeta um
 * tema escuro no body do <style> da página, e o gate tem de VER essa mudança — um .site{background} por cima a apagaria.
 * Contratos que este arquivo segura: contraste >= 4,5:1 em todo texto e nenhuma rolagem lateral (gate-f17-privacidade
 * [V]); a mesma pintura com o sistema em escuro (a página pública não tem tema escuro); o selo "Fora do ar" do status em
 * rgb(163, 41, 53) — gate-f14-superficie [S1]; a faixa usa sombra (não width:100vw), que não cria rolagem.
 * ===================================================================================================== */
@font-face{font-family:"Newsreader Display";src:url("/assets/fontes/newsreader-display.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader Display";src:url("/assets/fontes/newsreader-display-italic.woff2") format("woff2");font-weight:400 600;font-style:italic;font-display:swap}
@font-face{font-family:"Geist";src:url("/assets/fontes/geist-latin.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("/assets/fontes/geist-mono-latin.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
:root{
  --el-bg:#ffffff;--el-surface:#ffffff;   /* fundo branco (Castro, 15/10/2026) */
 --el-ink:#18312f;--el-muted:#56665f;--el-primary:#163d3b;--el-accent:#336452;--el-line:rgba(24,49,47,.13);
  --el-font:"Geist","Segoe UI",system-ui,-apple-system,sans-serif;--el-ink2:#56665f;
  --pg-tinta:#0f2523;--pg-papel:#f5f2ec;--pg-latao:#c99a4b;--pg-latao-2:#e3bd72;
  --pg-serif:"Newsreader Display","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --pg-mono:"Geist Mono",ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;
}
body{-webkit-font-smoothing:antialiased}

/* --------------------------------------------- a faixa de tinta e a marca (privacidade: .pp-*, status: .st-*) */
main.pp-corpo,main.st-corpo{position:relative;padding-top:0}
main.pp-corpo::before,main.st-corpo::before{
  content:"";position:absolute;left:0;right:0;top:0;height:84px;z-index:-1;pointer-events:none;
  background:var(--pg-tinta);box-shadow:0 0 0 100vmax var(--pg-tinta);clip-path:inset(0 -100vmax)
}
main .pp-marca,main .st-marca{
  display:inline-flex;align-items:center;gap:11px;margin:18px 0 0;padding:6px 16px 6px 6px;min-height:48px;border-radius:999px;
  background:var(--pg-tinta);color:var(--pg-papel);font:600 22px/1 var(--el-font);letter-spacing:-.035em;text-decoration:none
}
main .pp-marca img,main .st-marca img{width:34px;height:34px}
main .pp-marca:focus-visible,main .st-marca:focus-visible{outline:3px solid var(--pg-latao-2);outline-offset:3px}

/* ------------------------------------------------------------------------------------- privacidade */
main.pp-corpo{padding-bottom:96px;font-size:16.5px;line-height:1.75}
.pp-corpo h1{margin:64px 0 10px;font:500 clamp(36px,5vw,52px)/1.04 var(--pg-serif);letter-spacing:-.022em;color:var(--el-ink);text-wrap:balance}
.pp-corpo .pp-data{display:inline-flex;align-items:center;gap:10px;margin:0 0 26px;font:500 12.5px/1.5 var(--pg-mono);letter-spacing:.06em;color:var(--el-muted)}
.pp-corpo .pp-data::before{content:"";width:22px;height:1px;background:currentColor;opacity:.7}
.pp-corpo h2{margin:44px 0 10px;padding-top:22px;border-top:1px solid var(--el-line);font:500 clamp(23px,2.4vw,28px)/1.18 var(--pg-serif);letter-spacing:-.012em;color:var(--el-ink)}
.pp-corpo p{color:var(--el-ink)}
.pp-corpo .pp-lista{padding-left:22px}
.pp-corpo .pp-lista li{margin:8px 0;padding-left:4px}
.pp-corpo .pp-lista li::marker{color:var(--el-accent)}
.pp-corpo strong{font-weight:650}
.pp-corpo .pp-voltar{
  display:inline-flex;align-items:center;gap:10px;margin-top:44px;padding:12px 22px;border-radius:999px;border:1px solid var(--el-primary);
  color:var(--el-primary);font-weight:600;text-decoration:none;transition:background .25s
}
.pp-corpo .pp-voltar:hover{background:rgba(22,61,59,.06)}
.pp-corpo a:focus-visible{outline:3px solid var(--pg-latao);outline-offset:3px}

/* ------------------------------------------------------------------------------------------- status */
main.st-corpo{padding-bottom:72px}
.st-corpo h1{margin:56px 0 10px;font:500 clamp(32px,4.6vw,46px)/1.05 var(--pg-serif);letter-spacing:-.02em;color:var(--el-ink)}
.st-corpo .st-explica{margin:0 0 24px;font-size:16.5px;line-height:1.7;color:var(--el-muted)}
.st-corpo .st-resumo{border-radius:16px;padding:14px 18px}
.st-corpo .st-lista{border-radius:20px;border-color:var(--el-line);background:var(--el-surface);box-shadow:0 30px 60px -50px rgba(15,37,35,.5)}
.st-corpo .st-fonte{padding:16px 20px;border-top-color:var(--el-line)}
.st-corpo .st-nome{font-weight:600;color:var(--el-ink)}
.st-corpo .st-latencia{font:500 12.5px/1.4 var(--pg-mono);color:var(--el-muted)}
.st-corpo .st-quando{margin-top:14px;font:500 12px/1.5 var(--pg-mono);color:var(--el-muted)}

@media(max-width:620px){
  main.pp-corpo::before,main.st-corpo::before{height:74px}
  main .pp-marca,main .st-marca{margin-top:14px;font-size:20px}
  main .pp-marca img,main .st-marca img{width:30px;height:30px}
  .pp-corpo h1{margin-top:48px}
  .st-corpo h1{margin-top:44px}
}
@media(prefers-reduced-motion:reduce){.pp-corpo .pp-voltar{transition:none}}