/* Olhar de Fé: estilo do site.
   iOS editorial: interface na fonte do sistema, títulos em serifa (New York no Apple, Newsreader nos outros),
   pinturas em domínio público no topo de cada página, vidro só em barras, menus e folhas.
   Cores: amarelo e rosa só para os candidatos; azul só para o que é clicável; verde e vermelho só nos ícones de item.
   Tema escuro em três lugares, como manda o CLAUDE.md, em cinza quase preto (como o iOS), sem contraste extremo. Uma largura só (1180 px) para todo o conteúdo. */

@font-face{font-family:"Newsreader";src:url("/tipografia/newsreader-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("/tipografia/newsreader-400-italico.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}

:root{
  --bg:#ECECEF; --card:#F9F9FB; --folha:#F9F9FB; --poço:#ECECEF;
  --glass:rgba(249,249,251,.72); --glass-borda:rgba(255,255,255,.75); --glass-luz:rgba(255,255,255,.6);
  --line:rgba(28,28,32,.14); --line2:rgba(28,28,32,.08); --press:rgba(28,28,32,.04); --press2:rgba(28,28,32,.08);
  --text:#232326; --text2:#4A4A4F; --text3:#7E7E84;
  --tile:#E7E7EB; --tileic:#3A3A3E; --track:#E2E2E6; --faixa:rgba(28,28,32,.05);
  --f:#E2A300; --fav:#3A2A00; --fnum:#7A5A00; --fsoft:rgba(226,163,0,.17);
  --l:#D9438C; --lav:#FFFFFF; --lnum:#A3265F; --lsoft:rgba(217,67,140,.13);
  --blue:#0071E3; --yes:#248A3D; --no:#D70015; --neu:#8E8E93;
  --mark:#FFF4C2; --markline:#E2A300;
  --sombra:0 1px 2px rgba(30,25,15,.04),0 8px 28px rgba(30,25,15,.06);
  --sombra-alta:0 2px 6px rgba(30,25,15,.06),0 24px 60px rgba(30,25,15,.14);
  --sombra2:0 20px 60px rgba(30,25,15,.2);
  --aba-on:rgba(28,28,32,.08);
  /* capa no claro: a pintura clareia e se dissolve no fundo; texto escuro por cima */
  --bg-rgb:236,236,239; --capa-filtro:brightness(1.2) saturate(.85) contrast(.88); --capa-topo:rgba(236,236,239,0); --capa-veu-ini:18%; --capa-veu-meio:.86;
  --capa-texto:#232326; --capa-texto2:#3E3E43; --capa-texto3:#606066; --capa-sombra:none;
  --capa-vidro:rgba(255,255,255,.6); --capa-vidro-borda:rgba(0,0,0,.07); --capa-vidro-texto:#232326; --capa-bt:#232326; --capa-bt-texto:#F4F4F6;
  --nav-capa:var(--glass); --nav-capa-borda:var(--glass-borda); --nav-capa-luz:var(--glass-luz); --nav-capa-texto:var(--text); --nav-capa-bt:var(--press2);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#111113; --card:#1C1C1F; --folha:#1C1C1F; --poço:#161618;
  --glass:rgba(28,28,31,.66); --glass-borda:rgba(255,255,255,.1); --glass-luz:rgba(255,255,255,.08);
  --line:rgba(255,255,255,.12); --line2:rgba(255,255,255,.07); --press:rgba(255,255,255,.04); --press2:rgba(255,255,255,.08);
  --text:#E6E6E9; --text2:#BEBEC4; --text3:#8B8B91;
  --tile:#2A2A2E; --tileic:#DCDCE0; --track:#2A2A2E; --faixa:rgba(255,255,255,.045);
  --f:#F2B91D; --fav:#2A1F00; --fnum:#F7CF5C; --fsoft:rgba(242,185,29,.16);
  --l:#FF6FB1; --lav:#3B0A22; --lnum:#FF9CC9; --lsoft:rgba(255,111,177,.15);
  --blue:#0A84FF; --yes:#30D158; --no:#FF453A; --neu:#98989D;
  --mark:#3A2F00; --markline:#F2B91D;
  --sombra:none; --sombra-alta:0 24px 60px rgba(0,0,0,.5); --sombra2:0 20px 60px rgba(0,0,0,.6); --aba-on:rgba(255,255,255,.12);
  /* capa no escuro: a pintura como é, com véu escuro, e o fim do degradê no cinza do fundo */
  --bg-rgb:17,17,19; --capa-filtro:none; --capa-topo:rgba(0,0,0,.5); --capa-veu-ini:38%; --capa-veu-meio:.58;
  --capa-texto:#F4F4F6; --capa-texto2:rgba(244,244,246,.86); --capa-texto3:rgba(244,244,246,.7); --capa-sombra:0 2px 40px rgba(0,0,0,.35);
  --capa-vidro:rgba(255,255,255,.14); --capa-vidro-borda:rgba(255,255,255,.2); --capa-vidro-texto:#F4F4F6; --capa-bt:#F4F4F6; --capa-bt-texto:#1F1F22;
  --nav-capa:rgba(14,12,10,.30); --nav-capa-borda:rgba(255,255,255,.16); --nav-capa-luz:rgba(255,255,255,.14); --nav-capa-texto:#fff; --nav-capa-bt:rgba(255,255,255,.14);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --bg:#111113; --card:#1C1C1F; --folha:#1C1C1F; --poço:#161618;
  --glass:rgba(28,28,31,.66); --glass-borda:rgba(255,255,255,.1); --glass-luz:rgba(255,255,255,.08);
  --line:rgba(255,255,255,.12); --line2:rgba(255,255,255,.07); --press:rgba(255,255,255,.04); --press2:rgba(255,255,255,.08);
  --text:#E6E6E9; --text2:#BEBEC4; --text3:#8B8B91;
  --tile:#2A2A2E; --tileic:#DCDCE0; --track:#2A2A2E; --faixa:rgba(255,255,255,.045);
  --f:#F2B91D; --fav:#2A1F00; --fnum:#F7CF5C; --fsoft:rgba(242,185,29,.16);
  --l:#FF6FB1; --lav:#3B0A22; --lnum:#FF9CC9; --lsoft:rgba(255,111,177,.15);
  --blue:#0A84FF; --yes:#30D158; --no:#FF453A; --neu:#98989D;
  --mark:#3A2F00; --markline:#F2B91D;
  --sombra:none; --sombra-alta:0 24px 60px rgba(0,0,0,.5); --sombra2:0 20px 60px rgba(0,0,0,.6); --aba-on:rgba(255,255,255,.12);
  /* capa no escuro: a pintura como é, com véu escuro, e o fim do degradê no cinza do fundo */
  --bg-rgb:17,17,19; --capa-filtro:none; --capa-topo:rgba(0,0,0,.5); --capa-veu-ini:38%; --capa-veu-meio:.58;
  --capa-texto:#F4F4F6; --capa-texto2:rgba(244,244,246,.86); --capa-texto3:rgba(244,244,246,.7); --capa-sombra:0 2px 40px rgba(0,0,0,.35);
  --capa-vidro:rgba(255,255,255,.14); --capa-vidro-borda:rgba(255,255,255,.2); --capa-vidro-texto:#F4F4F6; --capa-bt:#F4F4F6; --capa-bt-texto:#1F1F22;
  --nav-capa:rgba(14,12,10,.30); --nav-capa-borda:rgba(255,255,255,.16); --nav-capa-luz:rgba(255,255,255,.14); --nav-capa-texto:#fff; --nav-capa-bt:rgba(255,255,255,.14);
  color-scheme:dark;
}
:root{
  --ui:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",system-ui,sans-serif;
  --serif:ui-serif,"Newsreader","Iowan Old Style",Georgia,serif;
  --num:ui-rounded,-apple-system,BlinkMacSystemFont,"SF Pro Rounded","Segoe UI",Roboto,system-ui,sans-serif;
  --vidro:saturate(180%) blur(24px);
  --mola:cubic-bezier(.32,.72,0,1);
  --saida:cubic-bezier(.22,1,.36,1);
  --raio:22px;
  --largura:1180px;
  --margem:32px;
}

/* ---------------------------------------------------------------- base */
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px;scroll-behavior:smooth}
html.travado{overflow:hidden}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
button{font:inherit;color:inherit}
h1,h2,h3,h4,h5,p{margin:0}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:8px}
.i{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:12px;top:-60px;z-index:100;background:var(--text);color:var(--bg);padding:10px 14px;border-radius:10px;font-weight:600}
.pular:focus{top:12px}
.olho{font-size:12.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}
.nav{view-transition-name:nav}.abas{view-transition-name:abas}

/* ---------------------------------------------------------------- navegação: cápsula de vidro flutuante */
.nav{position:fixed;z-index:50;top:0;left:0;right:0;padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));pointer-events:none}
.nav-in{pointer-events:auto;max-width:var(--largura);margin:0 auto;display:flex;align-items:center;gap:6px;height:58px;padding:0 9px 0 10px;border-radius:999px;
  background:var(--glass);-webkit-backdrop-filter:var(--vidro);backdrop-filter:var(--vidro);border:.5px solid var(--glass-borda);
  box-shadow:inset 0 1px 0 var(--glass-luz),0 10px 34px rgba(30,25,15,.10);transition:background .35s,border-color .35s,box-shadow .35s}
.marca{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;font-size:16.5px;letter-spacing:-.01em;padding:6px 10px 6px 4px;border-radius:999px;white-space:nowrap}
.marca:hover{text-decoration:none}
.marca .logo,.rod-marca .logo{flex:none;width:31px;height:22px}
.nav-links{display:flex;gap:2px;margin:0 auto}
.nav-links a{padding:9px 14px;border-radius:999px;font-weight:600;font-size:14.5px;color:var(--text2);transition:background .2s,color .2s;white-space:nowrap}
.nav-links a:hover{text-decoration:none;background:var(--press2);color:var(--text)}
.nav-links a[aria-current="page"]{background:var(--text);color:var(--bg)}
.nav-a{display:flex;align-items:center;gap:6px;margin-left:auto}
.bt-ic{width:40px;height:40px;border-radius:50%;border:0;background:var(--press2);display:grid;place-items:center;cursor:pointer;color:var(--text);transition:transform .2s var(--mola),background .2s}
.bt-ic:hover{background:var(--line)}
.bt-ic:active{transform:scale(.9)}
.bt-ic .i{width:19px;height:19px}
.chip-fontes:hover{text-decoration:none;background:var(--line)}
.chip-fontes{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 11px;border-radius:999px;border:0;background:var(--press2);font-size:13.5px;font-weight:600;color:var(--text2);cursor:pointer;white-space:nowrap}
.chip-fontes b{color:var(--text)}
.chip-fontes .i{width:16px;height:16px;color:var(--text)}
[data-tema] .sol{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) [data-tema] .sol{display:block}:root:not([data-theme="light"]) [data-tema] .lua{display:none}}
:root[data-theme="dark"] [data-tema] .sol{display:block}
:root[data-theme="dark"] [data-tema] .lua{display:none}
/* sobre a pintura: vidro escuro e texto branco */
.nav.sobre-capa .nav-in{background:var(--nav-capa);border-color:var(--nav-capa-borda);box-shadow:inset 0 1px 0 var(--nav-capa-luz),0 10px 34px rgba(0,0,0,.14)}
.nav.sobre-capa .marca,.nav.sobre-capa .nav-links a,.nav.sobre-capa .bt-ic,.nav.sobre-capa .chip-fontes,.nav.sobre-capa .chip-fontes b,.nav.sobre-capa .chip-fontes .i{color:var(--nav-capa-texto)}
.nav.sobre-capa .nav-links a:hover,.nav.sobre-capa .bt-ic,.nav.sobre-capa .chip-fontes{background:var(--nav-capa-bt)}
.nav.sobre-capa .nav-links a[aria-current="page"]{background:#F4F4F6;color:#1F1F22}

/* ---------------------------------------------------------------- capa com a pintura */
.capa{position:relative;height:clamp(460px,44vw,min(72vh,780px));overflow:hidden;color:var(--capa-texto);isolation:isolate;background:var(--bg)}
.capa.heroi{height:clamp(600px,60vw,min(94vh,1000px))}
.capa-img{position:absolute;inset:-6% 0 0 0;will-change:transform}
.capa-img picture,.capa-img img{position:absolute;inset:0;width:100%;height:100%;display:block}
.capa-img img{object-fit:cover;object-position:var(--pos,50% 50%);filter:var(--capa-filtro)}
@media (max-width:700px){.capa-img img{object-position:var(--pos-p,50% 50%)}}
/* o degradê termina exatamente na cor do fundo da página: a capa se dissolve no resto do site */
.capa-veu{position:absolute;inset:0;background:linear-gradient(180deg,var(--capa-topo) 0%,rgba(var(--bg-rgb),0) 20%,rgba(var(--bg-rgb),0) var(--capa-veu-ini),rgba(var(--bg-rgb),var(--capa-veu-meio)) 68%,rgba(var(--bg-rgb),.94) 90%,var(--bg) 100%)}
.capa-txt{position:absolute;left:0;right:0;bottom:0;max-width:var(--largura);margin:0 auto;padding:0 var(--margem) 84px}
.capa .olho{color:var(--capa-texto3);margin-bottom:14px}
.capa h1{font-family:var(--serif);font-weight:600;font-size:clamp(40px,5vw,66px);line-height:1.02;letter-spacing:-.02em;max-width:820px;text-wrap:balance;text-shadow:var(--capa-sombra)}
.capa.heroi h1{font-size:clamp(46px,6.4vw,92px);max-width:980px}
.capa .lead{margin-top:16px;color:var(--capa-texto2);font-size:clamp(17px,1.5vw,20px);line-height:1.5;max-width:620px;text-wrap:pretty}
.capa .quem2{margin-top:22px}
.capa .quem2>span{background:var(--capa-vidro);-webkit-backdrop-filter:var(--vidro);backdrop-filter:var(--vidro);border:.5px solid var(--capa-vidro-borda);color:var(--capa-vidro-texto);box-shadow:none}
.capa-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.bt{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 22px;border-radius:999px;font-weight:650;font-size:16px;transition:transform .2s var(--mola),background .2s}
.bt:hover{text-decoration:none}
.bt:active{transform:scale(.96)}
.bt .i{width:18px;height:18px}
.bt-claro{background:var(--capa-bt);color:var(--capa-bt-texto)}
.bt-claro:hover{opacity:.9}
.bt-vidro{background:var(--capa-vidro);color:var(--capa-vidro-texto);border:.5px solid var(--capa-vidro-borda);-webkit-backdrop-filter:var(--vidro);backdrop-filter:var(--vidro)}
.bt-vidro:hover{opacity:.9}
/* legenda da imagem: alinhada com o título (nas páginas) ou centralizada embaixo dos botões (no início) */
.capa-cred{position:absolute;left:max(var(--margem),calc((100% - var(--largura)) / 2 + var(--margem)));right:auto;bottom:18px;display:flex;align-items:center;gap:6px;max-width:min(620px,calc(100% - var(--margem) * 2));
  font-size:11.5px;line-height:1.35;color:var(--capa-texto3);transition:color .2s}
.capa-cred:hover{color:var(--capa-texto);text-decoration:none}
.capa-cred .i{width:14px;height:14px}
.capa-cred span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.capa-cred.ia{align-items:flex-start;line-height:1.35}
.capa-cred.ia span{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.capa-cred.ia b{font-weight:650;color:var(--capa-texto2)}
.capa-cred.ia .i{margin-top:1px;flex-shrink:0}
.quem2{display:flex;flex-wrap:wrap;gap:8px}
.quem2>span{display:inline-flex;align-items:center;gap:8px;background:var(--card);box-shadow:var(--sombra);border-radius:99px;padding:6px 15px 6px 6px;font-size:14.5px;font-weight:600}

/* cabeçalho das páginas sem pintura (institucionais) */
.cabeca{padding:118px 4px 8px}
.cab-ic{width:56px;height:56px;border-radius:16px;background:var(--card);box-shadow:var(--sombra);display:grid;place-items:center;margin-bottom:20px;color:var(--text)}
.cab-ic .i{width:27px;height:27px}
.cabeca .olho{margin-bottom:10px}
.cabeca h1{font-family:var(--serif);font-weight:600;font-size:48px;line-height:1.04;letter-spacing:-.02em;max-width:760px;text-wrap:balance}
.cabeca .lead{margin-top:14px;font-size:19px;line-height:1.5;color:var(--text2);max-width:660px}

/* ---------------------------------------------------------------- conteúdo */
.conteudo{max-width:var(--largura);margin:0 auto;padding:0 var(--margem) 140px}
.secao{margin-top:84px}
.com-capa .conteudo>.stats:first-child,.com-capa .conteudo>.secao:first-child,.com-capa .conteudo>.niveis-resumo:first-child,.com-capa .conteudo>.citacao-grande:first-child{margin-top:40px}
.secao-cab{margin:0 0 22px;padding:0 4px;max-width:760px}
.secao-cab .olho{margin-bottom:8px}
.secao-cab h2{font-family:var(--serif);font-weight:600;font-size:38px;line-height:1.08;letter-spacing:-.018em;text-wrap:balance}
.secao-cab p{margin-top:10px;color:var(--text2);font-size:17px;line-height:1.5}
.secao-cab .legenda{margin-top:4px}

/* números de abertura */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.stat{background:var(--card);border-radius:var(--raio);box-shadow:var(--sombra);padding:20px 20px 18px;display:flex;flex-direction:column;gap:4px}
.stat .ic{margin-bottom:10px}
.stat b{font:700 44px/1 var(--num);letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.stat span{color:var(--text2);font-size:14.5px;line-height:1.35}

/* grupos e linhas (lista agrupada do iOS) */
.grupo{background:var(--card);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden;position:relative}
.grupo+.grupo{margin-top:16px}
.grupo-intro{padding:18px 20px 14px;color:var(--text2);font-size:15.5px;border-bottom:.5px solid var(--line2)}
.linha{display:flex;align-items:center;gap:14px;padding:14px 18px;color:var(--text);position:relative;width:100%;text-align:left;background:none;border:0}
a.linha:hover,.linha-bt:hover{text-decoration:none;background:var(--press)}
a.linha:active,.linha-bt:active{background:var(--press2)}
.linha-bt{cursor:pointer;border-radius:var(--raio);background:var(--card);box-shadow:var(--sombra);margin-top:16px}
.grupo>*+.linha::before{content:"";position:absolute;top:0;left:68px;right:0;border-top:.5px solid var(--line)}
.ic{width:36px;height:36px;border-radius:10px;background:var(--tile);color:var(--tileic);display:grid;place-items:center;flex-shrink:0}
.ic .i{width:19px;height:19px}
.linha .tx{flex:1;min-width:0}
.linha .tx b{display:block;font-size:16.5px;font-weight:600;line-height:1.3}
.linha .tx span{display:block;color:var(--text2);font-size:14.5px;line-height:1.4;margin-top:2px}
.chev{display:flex;color:var(--text3);margin-left:auto;flex-shrink:0}
.chev .i{width:17px;height:17px}
.chev-esp{width:18px}
.texto{padding:20px 22px}
.texto p+p,.texto p+blockquote,.texto blockquote+p{margin-top:12px}
.texto b{font-weight:600}
.nota-pe{color:var(--text3);font-size:14px;margin:26px 4px 0;max-width:760px}
.legenda{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:var(--text3)}
.legenda span{display:inline-flex;align-items:center;gap:6px}
.legenda .i{width:16px;height:16px}
.preencher{background:var(--mark);color:var(--text);border:1px dashed var(--markline);border-radius:6px;padding:1px 5px;font-weight:500}
.num{width:26px;height:26px;border-radius:50%;background:var(--text);color:var(--bg);display:inline-grid;place-items:center;font:700 12.5px/1 var(--num);flex-shrink:0}
.rotulo{display:flex;align-items:center;gap:7px;padding:26px 4px 10px;font-size:12.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)}
.rotulo .i{width:15px;height:15px}
.sec{margin-top:40px}
.sec>.rotulo{padding-top:0}

/* corte de texto com "Ver completo" (só com JavaScript) */
.js .recorte{display:-webkit-box;-webkit-line-clamp:var(--l);-webkit-box-orient:vertical;overflow:hidden}
.js .recorte.aberto{display:block}
.ver-mais{display:inline-flex;align-items:center;gap:4px;margin-top:6px;border:0;background:none;padding:2px 0;color:var(--blue);font-weight:600;font-size:14.5px;cursor:pointer}
.ver-mais .i{width:15px;height:15px;transition:transform .2s}
.ver-mais.aberto .i{transform:rotate(180deg)}
.cl3,.cl4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.cl3{-webkit-line-clamp:3}.cl4{-webkit-line-clamp:4}

/* ---------------------------------------------------------------- item que abre a folha */
details.item{position:relative}
details.item>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:15px 16px 15px 20px;cursor:pointer;position:relative;transition:background .15s;-webkit-tap-highlight-color:transparent}
details.item>summary::-webkit-details-marker{display:none}
details.item>summary:hover{background:var(--press)}
details.item>summary:active{background:var(--press2)}
.grupo>*+details.item>summary::before,.lista>details.item+details.item>summary::before{content:"";position:absolute;top:0;left:20px;right:0;border-top:.5px solid var(--line2)}
details.item[open]>summary .chev{transform:rotate(90deg)}
.det{padding:4px 22px 20px}
.js .det{display:none}

/* lista com "Ver todos" */
.js .lista:not(.aberta)>.extra{display:none}
.ver-todos{display:none}
.js .ver-todos{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:14px;border:0;border-top:.5px solid var(--line2);background:none;color:var(--blue);font-weight:600;font-size:15px;cursor:pointer}
.ver-todos:hover{background:var(--press)}
.ver-todos .i{width:16px;height:16px}
.lista.aberta>.ver-todos{display:none}

/* ---------------------------------------------------------------- notas alinhadas (como o app Bolsa) */
.notas{display:grid;grid-template-columns:54px 54px;gap:8px;justify-items:center;align-items:center;flex-shrink:0}
.nota{width:54px;height:34px;border-radius:10px;display:grid;place-items:center;font:700 17px/1 var(--num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.nota.f{background:var(--fsoft);color:var(--fnum)}
.nota.l{background:var(--lsoft);color:var(--lnum)}
.nota.sem{font-size:12px;color:var(--text3);background:var(--tile)}
.cab-notas{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:14px;align-items:center;padding:12px 16px 10px 20px;
  font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);border-bottom:.5px solid var(--line2)}
.cab-notas .av{width:24px;height:24px}
details.linha-nota>summary,.linha-total{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:14px;align-items:center;padding:14px 16px 14px 20px}
.ln-nome{min-width:0}
.ln-nome b{display:block;font-size:16.5px;font-weight:600;line-height:1.3}
.ln-nome small{display:block;color:var(--text3);font-size:13.5px;margin-top:2px}
.linha-total{border-top:.5px solid var(--line);background:var(--poço);color:var(--text)}
.linha-total .ln-nome b{font-size:15.5px;font-weight:700}
a.linha-total:hover{text-decoration:none;background:var(--press2)}
.nivel-link{grid-template-columns:auto minmax(0,1fr) auto 18px;background:none;border-top:.5px solid var(--line2)}
.nivel-link:first-of-type{border-top:0}

/* barras (usadas nos cartões e no gráfico) */
.trilho{height:7px;border-radius:4px;background:var(--track);overflow:hidden;display:block}
.trilho i{display:block;height:100%;border-radius:inherit;width:var(--v);background:var(--f)}
.l .trilho i,.trilho.l i{background:var(--l)}
.av{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font:800 11px/1 var(--ui);flex-shrink:0}
.av.f{background:var(--f);color:var(--fav)}.av.l{background:var(--l);color:var(--lav)}.av.n{background:#8E8E93;color:#fff}

/* ---------------------------------------------------------------- anéis da nota geral */
.placar2{padding:0}
.aneis{display:grid;grid-template-columns:1fr 1fr;padding:34px 24px 26px}
.anel-lado{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.anel-lado+.anel-lado{border-left:.5px solid var(--line2)}
.anel{position:relative;width:184px;height:184px}
.anel svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.anel-f{fill:none;stroke:var(--track);stroke-width:10}
.anel-v{fill:none;stroke:var(--f);stroke-width:10;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--v))}
.anel.l .anel-v{stroke:var(--l)}
.anel-n{position:absolute;inset:0;display:grid;place-items:center;font:700 60px/1 var(--num);letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.anel-quem{display:flex;align-items:center;gap:8px;font-size:16.5px;margin-top:8px}
.anel-quem small{color:var(--text3);font-weight:650;font-size:12px;background:var(--tile);border-radius:6px;padding:2px 7px}
.anel-p{color:var(--text2);font-weight:600;font-size:15px}
.placar-niveis{border-top:.5px solid var(--line)}
.placar-links{border-top:.5px solid var(--line)}
.placar-links .linha+.linha::before{left:68px}
.placar2>.texto{border-top:.5px solid var(--line)}

/* ---------------------------------------------------------------- cartões com pintura (aba Hoje da App Store) */
.hojes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:290px;gap:16px}
.hoje{position:relative;display:block;border-radius:28px;overflow:hidden;color:#fff;isolation:isolate;box-shadow:var(--sombra);background:#1a1612;transition:transform .45s var(--mola),box-shadow .45s}
.hoje:hover{text-decoration:none;transform:translateY(-4px);box-shadow:var(--sombra-alta)}
.hoje:active{transform:scale(.98)}
.hoje.grande{grid-column:span 2;grid-row:span 2}
.hoje.largo{grid-column:1/-1}
.hoje-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--saida)}
.hoje-img img[data-adiada]{visibility:hidden}
.hoje:hover .hoje-img img{transform:scale(1.045)}
.hoje-veu{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,8,6,0) 30%,rgba(10,8,6,.55) 62%,rgba(10,8,6,.86) 100%)}
.hoje-txt{position:absolute;left:0;right:0;bottom:0;padding:24px 26px;display:flex;flex-direction:column;gap:6px}
.hoje-txt .olho{color:rgba(255,255,255,.76)}
.hoje-txt b{font-family:var(--serif);font-weight:600;font-size:30px;line-height:1.05;letter-spacing:-.015em}
.hoje.grande .hoje-txt b{font-size:52px}
.hoje.largo .hoje-txt b{font-size:40px}
.hoje-txt>span:last-child{color:rgba(255,255,255,.86);font-size:15px;line-height:1.45;max-width:440px}
.hoje-bt{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);border:.5px solid rgba(255,255,255,.24);
  -webkit-backdrop-filter:var(--vidro);backdrop-filter:var(--vidro);transition:transform .3s var(--mola),background .3s}
.hoje:hover .hoje-bt{transform:translateX(3px);background:rgba(255,255,255,.26)}
.hoje-bt .i{width:18px;height:18px}

/* ---------------------------------------------------------------- citação em destaque */
.citacao-grande{margin:110px auto 0;max-width:860px;text-align:center;padding:0 8px}
.citacao-grande>blockquote:not(.cit){margin:18px 0 0;padding:0;border:0}
.citacao-grande>blockquote:not(.cit) p{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(28px,3.4vw,44px);line-height:1.2;letter-spacing:-.01em;color:var(--text)}
.citacao-grande>blockquote:not(.cit) a{display:inline-flex;align-items:center;gap:4px;margin-top:18px;font-weight:600;font-size:15px}
.citacao-grande>blockquote:not(.cit) a .i{width:14px;height:14px}
.cg-txt{margin:28px auto 0;max-width:640px;color:var(--text2);font-size:17.5px;line-height:1.6}
.citacao-grande .cit{text-align:left;max-width:640px;margin:26px auto 0}
.cit{margin:14px 0 0;padding:2px 0 2px 16px;border-left:3px solid var(--line)}
.cit p{font-family:var(--serif);font-style:italic;font-weight:400;font-size:18px;line-height:1.45;color:var(--text)}
.cit a{display:inline-flex;align-items:center;gap:3px;margin-top:6px;font-weight:600;font-size:14px}
.cit a .i,.fontes a .i{width:13px;height:13px}
blockquote{margin:14px 0 0;padding:2px 0 2px 16px;border-left:3px solid var(--line);color:var(--text2)}

/* ---------------------------------------------------------------- Fé: resumo dos níveis e escala */
.niveis-resumo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nivel-card{display:flex;flex-direction:column;gap:6px;background:var(--card);border-radius:var(--raio);box-shadow:var(--sombra);padding:20px;color:var(--text);transition:transform .35s var(--mola),box-shadow .35s}
.nivel-card:hover{text-decoration:none;transform:translateY(-3px);box-shadow:var(--sombra-alta)}
.nivel-card .ic{margin-bottom:8px}
.nivel-card b{font-family:var(--serif);font-weight:600;font-size:23px;line-height:1.12;letter-spacing:-.01em;flex:1}
.nivel-card .notas{justify-content:start;margin-top:12px}
.dica-linha{display:flex;gap:10px;align-items:flex-start;margin:32px 4px 0;color:var(--text2);font-size:15.5px;max-width:820px}
.dica-linha .i{margin-top:2px;color:var(--text3)}
.escala{display:flex;flex-wrap:wrap;gap:6px;margin:14px 4px 0}
.escala span{background:var(--card);box-shadow:var(--sombra);border-radius:9px;padding:5px 10px;font-size:13px;color:var(--text2)}
.escala b{color:var(--text);font-weight:650}

/* ---------------------------------------------------------------- filtros */
.filtros{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}
.seg{display:inline-flex;background:var(--track);border-radius:12px;padding:3px;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}
.seg button{border:0;background:transparent;font-size:14.5px;font-weight:600;padding:8px 16px;border-radius:9px;color:var(--text);cursor:pointer;white-space:nowrap;transition:background .25s var(--mola),box-shadow .25s}
.seg button[aria-pressed="true"]{background:var(--card);box-shadow:0 1px 4px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.04)}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:18px 20px 4px;mask-image:linear-gradient(90deg,#000 92%,transparent)}
.chips::-webkit-scrollbar{display:none}
.chips button{flex:0 0 auto;border:0;background:var(--tile);color:var(--text2);font-size:14px;font-weight:600;padding:9px 15px;border-radius:99px;cursor:pointer;transition:background .2s,color .2s}
.chips button[aria-pressed="true"]{background:var(--text);color:var(--bg)}

/* ---------------------------------------------------------------- boatos */
.cartoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
details.cartao{background:var(--card);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden;transition:transform .35s var(--mola),box-shadow .35s}
details.cartao:hover{transform:translateY(-3px);box-shadow:var(--sombra-alta)}
details.cartao>summary{display:block;padding:20px 22px}
details.cartao>summary .chev{position:absolute;top:20px;right:16px}
.pc{display:flex;flex-direction:column;gap:12px}
.pc-cab b{display:block;font-size:17px;font-weight:650;padding-right:24px}
.pc-cab small{display:block;color:var(--text3);font-size:13.5px;margin-top:2px}
.pc-linha{display:grid;grid-template-columns:24px 1fr;gap:6px 10px;align-items:center}
.pc-n{font-size:14.5px;color:var(--text2)}
.pc-n b{font:700 18px/1 var(--num);color:var(--text)}
.pc-linha .trilho{grid-column:2}
.item-link>summary{border-top:.5px solid var(--line)}
.item-link>summary::before{display:none}
.tx-link{color:var(--blue);font-weight:600;font-size:15px}
.colunas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.colunas.uma{grid-template-columns:1fr}
.colunas>.grupo+.grupo{margin-top:0}
.coluna-cab{display:flex;align-items:center;gap:10px;padding:18px 20px 12px}
.coluna-cab h3{font-size:19px;font-weight:650;letter-spacing:-.01em}
.coluna-cab .av{width:30px;height:30px;font-size:13.5px}
.bgrupo{border-top:.5px solid var(--line)}
.bgrupo-cab{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 6px;font-size:12.5px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}
.bgrupo-cab b{font-weight:650}
.cont{font:700 12px/1 var(--num);background:var(--tile);color:var(--text2);border-radius:99px;padding:5px 9px}
.boato{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:15.5px;line-height:1.42}
.veredito{display:inline-block;font-size:11px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;background:var(--tile);color:var(--text2);border-radius:6px;padding:3px 7px}

/* ---------------------------------------------------------------- o que já fizeram */
.tl-grupo{padding:22px}
.tl{display:flex;gap:4px}
.tl-seg{min-width:0;height:54px;display:grid;place-items:center;font-size:14px;font-weight:700;transition:transform .3s var(--mola),filter .2s}
.tl-seg:first-child{border-radius:14px 5px 5px 14px}.tl-seg:last-child{border-radius:5px 14px 14px 5px}
.tl-seg:not(:first-child):not(:last-child){border-radius:5px}
.tl-seg:hover{text-decoration:none;filter:brightness(1.06);transform:translateY(-3px)}
.tl-seg.f{background:var(--f);color:var(--fav)}.tl-seg.l{background:var(--l);color:var(--lav)}.tl-seg.n{background:#C9C5BE;color:#2B2925}
.tl-seg span{overflow:hidden;white-space:nowrap;padding:0 4px}
.tl-seg .sm{display:none}
.tl-anos{display:flex;justify-content:space-between;color:var(--text3);font:600 12.5px/1 var(--num);margin-top:12px;padding:0 2px}
.govs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.govs>.grupo+.grupo{margin-top:0}
.gov{scroll-margin-top:96px}
.gov-cab{display:flex;align-items:center;gap:10px;padding:18px 20px 6px}
.gov-cab h3{font-size:19px;font-weight:650;letter-spacing:-.01em}
.gov-cab .av{width:30px;height:30px;font-size:13.5px}
.anos{margin-left:auto;font:600 13px/1 var(--num);color:var(--text3);background:var(--tile);border-radius:99px;padding:6px 10px}
.gov-nota{padding:0 20px;color:var(--text2);font-size:15px}
.gov-stats{display:flex;flex-wrap:wrap;gap:6px;padding:12px 20px 14px}
.gov-stats span{display:inline-flex;align-items:center;gap:6px;background:var(--poço);border-radius:99px;padding:5px 11px 5px 8px;font-size:13px;color:var(--text2)}
.gov-stats b{font:700 14px/1 var(--num);color:var(--text)}
.gov-stats .ic{width:16px;height:16px}
.hi{flex:1;min-width:0;display:flex;gap:11px;align-items:flex-start;font-size:15.5px;line-height:1.42}
.ic.ok,.ic.mal,.ic.neu,.ic.fe{width:19px;height:19px;background:none;border-radius:0;margin-top:1px}
.ic.ok{color:var(--yes)}.ic.mal{color:var(--no)}.ic.neu{color:var(--neu)}.ic.fe{color:var(--text2)}
.vazio{padding:12px 20px 18px;color:var(--text3);font-size:14px}

/* ---------------------------------------------------------------- o Brasil em números */
.grafico-grupo{padding-bottom:6px}
.serie{padding:16px 22px 0}
.serie-q{font-family:var(--serif);font-weight:600;font-size:24px;letter-spacing:-.01em;line-height:1.15}
.serie-meta{color:var(--text3);font-size:13.5px;margin-top:4px}
.grafico{position:relative;margin:8px 10px 0;min-height:300px;touch-action:pan-y}
.grafico svg{display:block;width:100%;height:auto;overflow:visible}
.grafico text{fill:var(--text3);font:500 11px var(--ui)}
.grafico .faixa{fill:var(--faixa)}
.grafico .sep{stroke:var(--line);stroke-dasharray:2 3}
.grafico .gl{fill:var(--text2);font-weight:650;font-size:11.5px}
.grafico .ax{stroke:var(--line2)}
.grafico .zero{stroke:var(--line)}
.grafico .cmp{fill:none;stroke:var(--text3);stroke-width:1.6;stroke-dasharray:5 4}
.grafico .ln{fill:none;stroke:var(--text);stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.grafico .pt{fill:var(--card);stroke:var(--text);stroke-width:2}
.grafico .pt.parc{fill:var(--text3);stroke:var(--text3)}
.grafico .endl{fill:var(--text);font-weight:700}
.grafico .endc{fill:var(--text3);font-weight:600}
.grafico .mk circle{fill:var(--text)}
.grafico .mk text{fill:var(--card);font:800 10.5px var(--num)}
.grafico .guia{stroke:var(--blue);stroke-width:1.5}
.grafico .ptg{fill:var(--blue);stroke:var(--card);stroke-width:2.5}
.balao{position:absolute;top:0;transform:translateX(-50%);pointer-events:none;background:var(--glass);-webkit-backdrop-filter:var(--vidro);backdrop-filter:var(--vidro);
  border:.5px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.14);border-radius:12px;padding:8px 12px;white-space:nowrap;font-size:13px;line-height:1.35;z-index:2;color:var(--text)}
.balao b{font:700 18px/1.2 var(--num);display:block}
.balao small{color:var(--text3);display:block}
.serie-pe{padding:12px 22px 16px;color:var(--text2);font-size:14.5px}
.tabela-serie{margin-top:12px}
.tabela-serie summary{cursor:pointer;color:var(--blue);font-weight:600;font-size:14.5px;list-style:none;display:inline-flex;align-items:center;gap:4px}
.tabela-serie summary::-webkit-details-marker{display:none}
.tabela-serie summary::after{content:"›";font-size:18px;line-height:1;transition:transform .2s}
.tabela-serie[open] summary::after{transform:rotate(90deg)}
.marco{flex:1;min-width:0;display:flex;gap:14px;align-items:flex-start}
.marco b{display:block;font-size:16px;font-weight:600;line-height:1.35}
.marco small{display:flex;align-items:center;gap:5px;color:var(--text3);font-size:13.5px;margin-top:2px}
.marco small .i{width:15px;height:15px}
.marco .an{color:var(--text2);font-size:14.5px;line-height:1.45;margin-top:3px}
.an-lim{padding:16px 20px 18px;color:var(--text2);font-size:14.5px;border-top:.5px solid var(--line2)}
.an-lim h4{display:flex;align-items:center;gap:7px;margin:0 0 6px;font-size:12px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--text3)}
.an-lim h4 .i{width:16px;height:16px}
.an-lim p+p{margin-top:8px}
.ctx{flex:1;min-width:0;display:block;font-size:14.5px;color:var(--text2)}
.ctx small{display:block;font-size:11.5px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--text3);margin-bottom:3px}
.ctx-item>summary{background:var(--poço)}
.ind{flex:1;min-width:0;display:flex;align-items:center;gap:12px}
.ind>span:first-child{flex:1;min-width:0}
.ind b{display:block;font-size:15.5px;font-weight:600}
.ind small{display:block;color:var(--text3);font-size:13px}
.ind-v{font:700 17px/1.2 var(--num);text-align:right;white-space:nowrap}
.flag{display:inline-flex!important;align-items:center;gap:4px;font-size:12.5px;color:var(--text3);margin-top:3px}
.flag .i{width:14px;height:14px}

/* ---------------------------------------------------------------- outros pontos */
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
details.card{background:var(--card);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden;transition:transform .35s var(--mola),box-shadow .35s}
details.card:hover{transform:translateY(-3px);box-shadow:var(--sombra-alta)}
details.card>summary{display:block;padding:22px 24px}
details.card>summary .chev{display:none}
.card-in{display:flex;flex-direction:column;gap:10px}
.ctag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;color:var(--text3);text-transform:uppercase;letter-spacing:.06em}
.ctag .i{width:18px;height:18px}
.card-t{font-family:var(--serif);font-size:25px;font-weight:600;line-height:1.15;letter-spacing:-.012em}
.card-in .cl4{color:var(--text2);font-size:15.5px;line-height:1.5}
.mais{color:var(--blue);font-weight:600;font-size:14.5px}
.mais::after{content:" ›"}

/* ---------------------------------------------------------------- voto consciente */
.hiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.hiers>.grupo+.grupo{margin-top:0}
.hier{padding:22px;display:flex;flex-direction:column}
.hier h3{font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:-.012em;line-height:1.1;margin:8px 0 10px}
.hier .recorte p{color:var(--text2);font-size:15.5px}
.hier .cit p{font-size:16px}
.hier-pe{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:650;font-size:14.5px}
.metodo{margin:0;padding-left:20px;display:grid;gap:9px;color:var(--text2);font-size:15.5px}
.conclusao p{font-size:18px;line-height:1.6}
.conclusao .d-obs{font-size:14.5px}
.cen td{font-size:15px}
.cen .ganha-f .nf,.cen .ganha-l .nl{font-weight:800;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.cen .ganha-f .nf{text-decoration-color:var(--f)}.cen .ganha-l .nl{text-decoration-color:var(--l)}

/* tabelas */
.tabela{overflow-x:auto;margin-top:12px}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th{text-align:left;font-size:12.5px;color:var(--text3);font-weight:650;padding:8px 0;border-bottom:.5px solid var(--line)}
td{padding:11px 0;border-bottom:.5px solid var(--line2);vertical-align:top}
tr:last-child td{border-bottom:0}
td small{display:block;color:var(--text3);font-size:12.5px;margin-top:2px}
.n{text-align:right;padding-left:14px;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}

/* páginas institucionais */
.nivel .nv{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.nivel h3{margin:0;font-size:19px}
.peso{font:700 13px/1 var(--num);background:var(--tile);color:var(--text2);border-radius:99px;padding:5px 10px}
.temas{color:var(--text2);font-size:14.5px;margin-top:14px!important}
.temas span{font-weight:600;color:var(--text)}
.escala-tab,.grupo.escala{padding:6px 20px;display:block;margin:0;box-shadow:var(--sombra)}
.grupo.escala span{background:none;box-shadow:none;padding:0;border-radius:0}
.faixa{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:12px 0;font-size:15.5px}
.faixa+.faixa{border-top:.5px solid var(--line2)}
.faixa b{font-family:var(--num);font-variant-numeric:tabular-nums}
.faixa span{color:var(--text2)}
.sem-capa-largura{max-width:820px}
.p-quem-faz .conteudo>*,.p-como-as-notas-sao-dadas .conteudo>*,.p-correcoes .conteudo>*,.p-privacidade .conteudo>*,.p-contato .conteudo>*,.p-404 .conteudo>*{max-width:820px;margin-left:auto;margin-right:auto}

/* ---------------------------------------------------------------- folha de detalhe */
dialog.folha{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:100%;max-height:92dvh;height:auto;padding:0;border:0;
  border-radius:26px 26px 0 0;background:var(--folha);color:var(--text);box-shadow:var(--sombra2);overflow:hidden}
dialog.folha[open]{animation:folha-sobe .46s var(--mola)}
dialog.folha.fechando{animation:folha-desce .26s cubic-bezier(.4,0,1,1) forwards}
dialog.folha::backdrop{background:rgba(10,8,5,.34);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
dialog.folha[open]::backdrop{animation:esmaece .3s ease}
dialog.folha.fechando::backdrop{animation:some .26s ease forwards}
@keyframes folha-sobe{from{transform:translateY(100%)}to{transform:none}}
@keyframes folha-desce{to{transform:translateY(100%)}}
@keyframes esmaece{from{opacity:0}}
@keyframes some{to{opacity:0}}
.folha-cx{display:flex;flex-direction:column;max-height:92dvh}
.pegador{width:38px;height:5px;border-radius:3px;background:var(--line);margin:8px auto 0;flex-shrink:0}
.folha-cab{display:flex;align-items:flex-start;gap:12px;padding:12px 16px 12px 22px;border-bottom:.5px solid transparent;flex-shrink:0;touch-action:none}
.folha-cab h2{flex:1;font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.16;letter-spacing:-.012em;padding-top:5px}
.folha.rolou .folha-cab{border-bottom-color:var(--line)}
.folha-cab .bt-ic{background:var(--tile);width:34px;height:34px;flex-shrink:0}
.folha-cab .bt-ic .i{width:17px;height:17px;color:var(--text2)}
.folha-corpo{overflow-y:auto;overscroll-behavior:contain;padding:6px 22px calc(28px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
.folha-corpo>.grupo{box-shadow:none;background:var(--poço)}
.folha-corpo .rotulo{padding-top:22px}
.folha-corpo .linha-bt{box-shadow:none;background:var(--poço)}
@media (min-width:760px){
  dialog.folha{inset:0;margin:auto;width:min(780px,calc(100% - 48px));max-height:min(86vh,920px);border-radius:28px}
  dialog.folha[open]{animation:folha-surge .34s var(--mola)}
  dialog.folha.fechando{animation:folha-sai .2s ease forwards}
  .folha-cx{max-height:min(86vh,920px)}
  .pegador{display:none}
  .folha-cab{padding:22px 18px 14px 30px}
  .folha-corpo{padding:4px 30px 32px}
}
@keyframes folha-surge{from{opacity:0;transform:translateY(20px) scale(.97)}}
@keyframes folha-sai{to{opacity:0;transform:translateY(10px) scale(.98)}}

/* conteúdo dentro da folha */
.d-igreja{background:var(--poço);border-radius:18px;padding:16px 18px;margin-top:6px}
.d-igreja h4,.d-bloco h4{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text3)}
.d-igreja h4 .i,.d-bloco h4 .i{width:16px;height:16px}
.d-igreja .cit{margin-top:10px}
.det>.legenda,.folha-corpo>.legenda{margin:16px 0 4px}
.d-lados{display:grid;gap:14px;margin-top:14px}
.d-lados>*{min-width:0}
@media (min-width:760px){.d-lados{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}
.d-lado{border:.5px solid var(--line);border-radius:20px;padding:16px 16px 6px}
.d-lado>header{display:flex;align-items:center;gap:9px;font-size:16.5px;padding-bottom:12px;border-bottom:.5px solid var(--line2)}
.d-lado>header .av{width:28px;height:28px;font-size:13px}
.d-nota{margin-left:auto;text-align:right;line-height:1.1}
.d-nota b{display:block;font:700 28px/1 var(--num);letter-spacing:-.02em}
.d-nota small{color:var(--text3);font-size:12px;font-weight:600}
.d-lado.f{background:linear-gradient(180deg,var(--fsoft),transparent 110px)}
.d-lado.l{background:linear-gradient(180deg,var(--lsoft),transparent 110px)}
.d-resumo{margin-top:12px;font-size:15.5px;color:var(--text)}
.d-lado h5,.folha-corpo h5,.det h5{font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin:16px 0 6px}
.d-fatos{list-style:none;margin:0;padding:0}
.d-fatos li{display:flex;gap:10px;padding:11px 0;font-size:15px;line-height:1.45}
.d-fatos li+li{border-top:.5px solid var(--line2)}
.d-q{display:block;margin-top:6px;color:var(--text3);font-family:var(--serif);font-style:italic}
.d-q::before{content:"“"}.d-q::after{content:"”"}
.d-por{margin:7px 0 0;font-size:14px;line-height:1.45;color:var(--text2)}
.d-por b{color:var(--text);font-weight:650}
.tag-pai{display:inline-flex;align-items:center;gap:4px;margin-right:6px;padding:2px 9px 2px 7px;border-radius:999px;border:1px solid var(--f);background:var(--fsoft);color:var(--text);font-size:12.5px;font-weight:700;line-height:1.5;vertical-align:1px;white-space:nowrap}
.tag-pai svg{width:12px;height:12px;flex:none}
.d-pai{display:flex;gap:10px;align-items:flex-start;margin:10px 0 4px;padding:12px 14px;border-radius:14px;border:1px solid var(--f);background:var(--fsoft);color:var(--text);font-size:14px;line-height:1.45}
.d-pai b{color:var(--text);font-weight:650}
.d-pai svg{width:17px;height:17px;flex:none;margin-top:2px;color:var(--text)}
.fontes{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:9px}
.fontes-r{font-size:11.5px;font-weight:650;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;margin-right:2px}
.fontes a{display:inline-flex;align-items:center;gap:3px;font-size:13.5px;font-weight:600;background:color-mix(in srgb,var(--blue) 9%,transparent);border-radius:8px;padding:3px 8px}
.fontes a:hover{text-decoration:none;background:color-mix(in srgb,var(--blue) 15%,transparent)}
.d-contas{list-style:none;margin:6px 0 0;padding:0}
.d-contas li{display:flex;gap:10px;align-items:flex-start;padding:11px 0;font-size:15.5px}
.d-contas li+li{border-top:.5px solid var(--line2)}
.d-obs{color:var(--text3);font-size:14px;margin-top:12px}
.d-alegacao{font-family:var(--serif);font-size:22px;font-weight:600;line-height:1.28;letter-spacing:-.008em}
.d-ver{display:flex;align-items:center;gap:7px;margin-top:10px;color:var(--text3);font-size:14px}
.d-ver .i{width:17px;height:17px}
.d-valor b{font:700 32px/1.1 var(--num);letter-spacing:-.02em}
.d-valor small{color:var(--text3);font-size:14px}
.d-bloco{background:var(--poço);border-radius:18px;padding:14px 16px;margin-top:14px}
.d-bloco p{margin-top:6px;font-size:15px}
.d-leia p{line-height:1.5}.d-leia p b{font-weight:650;color:var(--text)}
.folha-corpo p+p,.det p+p{margin-top:10px}
.folha-corpo>p,.det>p{font-size:16px;line-height:1.6}

/* aviso rápido (link copiado) */
.aviso{position:fixed;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));transform:translate(-50%,12px);opacity:0;z-index:80;background:var(--text);color:var(--bg);
  padding:10px 16px;border-radius:99px;font-weight:600;font-size:14.5px;transition:opacity .25s,transform .25s var(--mola);pointer-events:none}
.aviso.on{opacity:1;transform:translate(-50%,0)}

/* ---------------------------------------------------------------- rodapé */
.rodape{margin-top:110px;padding:34px 4px 8px;border-top:.5px solid var(--line);color:var(--text3);font-size:14px}
.rod-marca{display:flex;align-items:center;gap:10px;color:var(--text);margin-bottom:22px;font-size:17px}

.rod-cols{display:grid;grid-template-columns:200px 220px 160px 1fr;gap:24px 40px}
.rodape nav{display:flex;flex-direction:column;gap:7px}
.rodape nav .olho{margin-bottom:4px}
.rodape nav a{color:var(--text2);font-weight:600}
.rod-txt p+p{margin-top:8px}
/* páginas de coluna estreita: o texto do rodapé desce para uma linha inteira, abaixo das três colunas de links */
@media (min-width:1000px){
  .p-quem-faz .rod-cols,.p-como-as-notas-sao-dadas .rod-cols,.p-correcoes .rod-cols,.p-privacidade .rod-cols,.p-contato .rod-cols,.p-404 .rod-cols{grid-template-columns:200px 220px 1fr}
  .p-quem-faz .rod-txt,.p-como-as-notas-sao-dadas .rod-txt,.p-correcoes .rod-txt,.p-privacidade .rod-txt,.p-contato .rod-txt,.p-404 .rod-txt{grid-column:1/-1}
}

/* ---------------------------------------------------------------- barra de abas flutuante (celular e tablet) */
.abas{display:none}
@media (max-width:999px){
  :root{--margem:20px}
  .nav-links,.chip-fontes{display:none}
  .nav-in{background:none;border:0;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;height:52px}
  .marca{background:var(--glass);-webkit-backdrop-filter:var(--vidro);backdrop-filter:var(--vidro);border:.5px solid var(--glass-borda);box-shadow:inset 0 1px 0 var(--glass-luz),0 6px 20px rgba(30,25,15,.08);padding:6px 16px 6px 13px;min-height:44px}
  .nav-a .bt-ic{background:var(--glass);-webkit-backdrop-filter:var(--vidro);backdrop-filter:var(--vidro);border:.5px solid var(--glass-borda);box-shadow:inset 0 1px 0 var(--glass-luz),0 6px 20px rgba(30,25,15,.08);width:44px;height:44px}
  .nav.sobre-capa .nav-in{background:none;border:0;box-shadow:none}
  .nav.sobre-capa .marca,.nav.sobre-capa .nav-a .bt-ic{background:var(--nav-capa);border-color:var(--nav-capa-borda);box-shadow:inset 0 1px 0 var(--nav-capa-luz)}
  .abas{position:fixed;z-index:45;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));
    display:flex;gap:2px;padding:5px;border-radius:32px;background:var(--glass);-webkit-backdrop-filter:var(--vidro);backdrop-filter:var(--vidro);
    border:.5px solid var(--glass-borda);box-shadow:inset 0 1px 0 var(--glass-luz),0 12px 36px rgba(0,0,0,.16);max-width:540px;margin:0 auto}
  .aba{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px 6px;border-radius:26px;color:var(--text3);font-size:10.5px;font-weight:650;letter-spacing:.01em;transition:color .2s,background .2s}
  .aba:hover{text-decoration:none;color:var(--text2)}
  .aba .i{width:24px;height:24px}
  .aba[aria-current="page"]{color:var(--text);background:var(--aba-on)}
  .aba:active{transform:scale(.94)}
  .conteudo{padding-bottom:calc(120px + env(safe-area-inset-bottom))}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hojes{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:280px}
  .hoje.grande{grid-column:1/-1;grid-row:span 1}
  .govs,.cards,.colunas,.cartoes{grid-template-columns:1fr}
  .hiers{grid-template-columns:1fr}
  .rod-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rod-txt{grid-column:1/-1}
  .aviso{bottom:calc(100px + env(safe-area-inset-bottom))}
}
@media (max-width:640px){
  :root{--margem:16px}
  .capa{height:62svh;min-height:440px}
  .capa.heroi{height:88svh;min-height:560px}
  .capa-txt{padding-bottom:58px}
  .capa .lead{font-size:16.5px}
  .capa-acoes .bt{height:46px;padding:0 18px;font-size:15px}
  .capa-cred{bottom:16px;left:var(--margem);right:var(--margem);max-width:none}
  .cabeca{padding-top:92px}
  .cabeca h1{font-size:36px}
  .cabeca .lead{font-size:17px}
  .secao{margin-top:64px}
  .secao-cab h2{font-size:30px}
  .secao-cab p{font-size:16px}
  .stat{padding:16px}
  .stat b{font-size:36px}
  .stat span{font-size:13.5px}
  .stat .ic{margin-bottom:6px}
  .hojes{grid-template-columns:1fr;grid-auto-rows:360px;gap:14px}
  .hoje{border-radius:26px}
  .hoje.grande{grid-row:span 1}
  .hoje.grande .hoje-txt b,.hoje.largo .hoje-txt b{font-size:38px}
  .hoje-txt b{font-size:32px}
  .niveis-resumo{grid-template-columns:1fr;gap:10px}
  .nivel-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ic olho" "ic nome" "ic notas";column-gap:14px;row-gap:2px;padding:16px}
  .nivel-card .ic{grid-area:ic;margin:0;align-self:start}
  .nivel-card .olho{grid-area:olho}
  .nivel-card b{grid-area:nome;font-size:20px}
  .nivel-card .notas{grid-area:notas;margin-top:8px}
  .aneis{padding:26px 10px 20px}
  .anel{width:132px;height:132px}
  .anel-n{font-size:44px}
  .anel-quem{font-size:14.5px;flex-wrap:wrap;justify-content:center}
  .anel-quem small{display:none}
  .notas{grid-template-columns:48px 48px;gap:6px}
  .nota{width:48px;height:32px;font-size:16px}
  details.linha-nota>summary,.linha-total,.cab-notas{gap:10px;padding-left:16px;padding-right:12px}
  .ln-nome b{font-size:15.5px}
  .tl-seg .lg{display:none}.tl-seg .sm{display:block}
  .tl-seg{height:46px;font-size:13px}
  .citacao-grande{margin-top:84px}
  .rodape{margin-top:84px}
  .rod-cols{grid-template-columns:1fr}
  details.item>summary{padding:14px 12px 14px 16px}
  .grupo>*+details.item>summary::before,.lista>details.item+details.item>summary::before{left:16px}
  .grupo>*+.linha::before{left:66px}
  .linha{padding:13px 16px}
  .seg button{padding:8px 13px;font-size:14px}
  .card-t{font-size:22px}
}
@media (max-width:380px){.notas{grid-template-columns:44px 44px}.nota{width:44px}}

/* ---------------------------------------------------------------- movimento (só com JavaScript e sem "reduzir movimento") */
.anima [data-revela],.anima [data-revela-grupo]>*{opacity:0;transform:translateY(24px)}
.anima .anel-v{stroke-dashoffset:100}
.anima .capa-txt>*{animation:capa-sobe 1s var(--saida) both}
.anima .capa-txt>*:nth-child(2){animation-delay:.07s}.anima .capa-txt>*:nth-child(3){animation-delay:.14s}
.anima .capa-txt>*:nth-child(4){animation-delay:.21s}.anima .capa-txt>*:nth-child(5){animation-delay:.28s}
.anima .capa-img img{animation:capa-zoom 1.8s var(--saida) both}
@keyframes capa-sobe{from{opacity:0;transform:translateY(28px)}}
@keyframes capa-zoom{from{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){
  *,::before,::after{animation:none!important;transition:none!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
  html{scroll-behavior:auto}
}
/* ---------------------------------------------------------- botão flutuante do grupo do WhatsApp (pedido do autor em 09/10/2026) */
/* Círculo verde no canto; no computador, o nome aparece num balão de vidro ao passar o mouse. No celular, fica acima da barra de abas. */
.zap-flutua{position:fixed;z-index:44;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));display:grid;place-items:center;width:56px;height:56px;border-radius:50%;
  background:#25D366;color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .35s var(--mola),box-shadow .35s}
.zap-flutua:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.25)}
.zap-flutua:active{transform:scale(.94)}
.zap-ic{display:grid;place-items:center}
.zap-ic svg{width:29px;height:29px;fill:currentColor}
.zap-tx{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (hover:hover) and (min-width:1000px){
  .zap-tx{width:auto;height:auto;clip:auto;overflow:visible;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(8px);opacity:0;pointer-events:none;
    padding:9px 15px;border-radius:20px;color:var(--text);font-size:14px;font-weight:650;background:var(--glass);-webkit-backdrop-filter:var(--vidro);backdrop-filter:var(--vidro);
    border:.5px solid var(--glass-borda);box-shadow:inset 0 1px 0 var(--glass-luz),0 10px 30px rgba(0,0,0,.14);transition:opacity .25s,transform .35s var(--mola)}
  .zap-flutua:hover .zap-tx,.zap-flutua:focus-visible .zap-tx{opacity:1;transform:translateY(-50%)}
}
@media (max-width:999px){.zap-flutua{right:max(14px,env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));width:54px;height:54px}.zap-ic svg{width:28px;height:28px}}
/* ---------------------------------------------------------- anúncios diretos: faixa, quadro 4:5 e o formulário "Anuncie aqui" (pedido do autor em 09/10/2026) */
.patro{max-width:var(--largura);margin:30px auto 0;padding:0 var(--margem)}
.patro-r{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin:0 0 7px 4px}
.patro-faixa .pf-ban,.patro-faixa .pv-vazio{aspect-ratio:8/1}
.pf-ban{display:block;border-radius:16px;overflow:hidden;background:var(--card)}
.pf-ban img{display:block;width:100%;height:100%;object-fit:cover}
.pv-vazio{display:flex;align-items:center;gap:16px;padding:0 24px;border-radius:16px;border:1.5px dashed var(--line);color:var(--text);transition:background .2s,border-color .2s}
.pv-vazio:hover{text-decoration:none;background:var(--card);border-color:var(--text3)}
.pv-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--tile);color:var(--tileic);flex-shrink:0}
.pv-ic .i{width:22px;height:22px}
.pv-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.pv-tx b{font-size:17px;font-weight:650}
.pv-tx span{color:var(--text2);font-size:14.5px;line-height:1.35}
.pv-bt{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:650;font-size:15px;white-space:nowrap}
.pv-bt .i{width:16px;height:16px}
/* Quadro 4:5: no computador, no canto esquerdo de baixo (o do WhatsApp fica no direito), depois de rolar um pouco; o X esconde. */
.patro-quadro{position:fixed;z-index:43;left:max(24px,env(safe-area-inset-left));bottom:24px;width:208px;margin:0;padding:0;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .35s,transform .45s var(--mola)}
.quadro-on .patro-quadro{opacity:1;transform:none;pointer-events:auto}
.patro-quadro.fechado{display:none}
.pq-cx{position:relative;padding:10px;border-radius:22px;background:var(--glass);-webkit-backdrop-filter:var(--vidro);backdrop-filter:var(--vidro);border:.5px solid var(--glass-borda);box-shadow:inset 0 1px 0 var(--glass-luz),0 14px 40px rgba(0,0,0,.18)}
.pq-cx .patro-r{margin:2px 0 8px 4px}
.pq-fecha{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--press2);color:var(--text2);cursor:pointer}
.pq-fecha .i{width:15px;height:15px}
.pq-ban,.patro-quadro .pv-vazio{aspect-ratio:4/5}
.pq-ban{display:block;border-radius:14px;overflow:hidden}
.pq-ban img{display:block;width:100%;height:100%;object-fit:cover}
.patro-quadro .pv-vazio{flex-direction:column;justify-content:center;text-align:center;gap:10px;padding:16px;border-radius:14px}
.patro-quadro .pv-tx{align-items:center}
.patro-quadro .pv-tx b{font-size:16px}
.patro-quadro .pv-tx span{font-size:13px}
.patro-quadro .pv-bt{margin:0;font-size:14px}
@media (max-width:999px){
  .patro-quadro{position:static;width:auto;max-width:340px;margin:40px auto 0;padding:0 var(--margem);opacity:1;transform:none;pointer-events:auto}
  .pq-cx{background:none;border:0;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}
  .pq-fecha{display:none}
  .patro-quadro.fechado{display:block}
}
@media (max-width:640px){
  .patro-faixa .pf-ban,.patro-faixa .pv-vazio{aspect-ratio:3/1}
  .patro-faixa .pv-vazio{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;column-gap:12px;row-gap:6px;padding:10px 16px}
  .patro-faixa .pv-ic{width:36px;height:36px;border-radius:11px}
  .patro-faixa .pv-tx b{font-size:16px}
  .patro-faixa .pv-tx span{font-size:13px}
  .patro-faixa .pv-bt{grid-column:2;margin:0;font-size:14px}
}
@media (max-width:1599px) and (min-width:1000px){.patro-quadro{width:176px}}
.conteudo>.patro-faixa{max-width:none;padding:0}
@media (max-width:999px){.conteudo>.patro-quadro{padding:0}}
@media print{.patro{display:none!important}}

/* Formulário "Anuncie aqui" (na folha que sobe de baixo). O desenho mostra a página com o lugar do anúncio em azul. */
.form-anuncie{display:flex;flex-direction:column;gap:14px;padding-top:6px}
.form-anuncie label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px}
.form-anuncie small{color:var(--text3);font-weight:500}
.form-anuncie input:not([type=radio]),.form-anuncie textarea{font:inherit;font-size:16px;padding:12px 14px;border-radius:14px;border:.5px solid var(--line);background:var(--bg);color:var(--text);resize:vertical;width:100%}
.form-anuncie .mel{position:absolute;left:-9999px;width:1px;height:1px}
.form-anuncie .form-intro{color:var(--text2);font-size:15.5px;line-height:1.5;margin:0}
.fa-espacos{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.fa-espacos legend{font-weight:650;font-size:15px;margin-bottom:8px;padding:0}
.form-anuncie .fa-op{flex-direction:row;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;border:1.5px solid var(--line);cursor:pointer;font-weight:500}
.form-anuncie .fa-op:has(input:checked){border-color:var(--blue);background:color-mix(in srgb,var(--blue) 7%,transparent)}
.fa-op input{accent-color:var(--blue);width:18px;height:18px;flex-shrink:0;margin:0}
.fa-tx{display:flex;flex-direction:column;gap:2px}
.fa-tx b{font-weight:650;font-size:15.5px}
.form-anuncie .fa-tx small{font-size:13px;line-height:1.4}
.fa-desenho{position:relative;width:46px;height:58px;flex-shrink:0;border-radius:7px;border:1.5px solid var(--line);background:var(--card)}
.fa-desenho::before,.fa-desenho::after{content:"";position:absolute;background:var(--blue);border-radius:2px}
.fa-desenho.faixa::after,.fa-desenho.quadro::before{display:none}
.fa-desenho.faixa::before,.fa-desenho.os_dois::before{left:5px;right:5px;top:14px;height:6px}
.fa-desenho.quadro::after,.fa-desenho.os_dois::after{left:5px;bottom:5px;width:13px;height:16px}
.fa-aviso{display:flex;gap:8px;align-items:flex-start;margin:0;padding:12px 14px;border-radius:14px;background:var(--bg);color:var(--text2);font-size:13.5px;line-height:1.45}
.fa-aviso .i{width:18px;height:18px;flex-shrink:0;margin-top:1px;color:var(--text3)}
.form-anuncie .bt{align-self:flex-start;border:0;cursor:pointer;background:var(--text);color:var(--bg)}
.form-anuncie .bt .i{width:18px;height:18px}
.form-anuncie .nota-pe{margin:4px 4px 0;font-size:13.5px;color:var(--text3)}
.form-anuncie .nota-pe a{color:var(--text2);text-decoration:underline}
.folha .form-ok{padding:28px 6px;text-align:center;color:var(--text2)}
.folha .form-ok b{display:block;color:var(--text);font-size:19px;margin-bottom:6px}
@media print{.nav,.abas,.folha,.zap-flutua{display:none!important}.js .det{display:block}body{background:#fff}.capa{height:auto;min-height:0;color:#000}.capa-img,.capa-veu{display:none}.capa-txt{position:static;padding:20px 0}}
.trilho i{transform-origin:left center}
.anima .trilho i{transform:scaleX(0)}

/* barrinhas de comparação ao lado das notas (só no computador, em Fé e Propostas) */
.ln-barras,.cab-barras,.ln-barras-esp{display:none}
.ln-barras i{display:block;height:5px;border-radius:3px;background:var(--track);position:relative;overflow:hidden}
.ln-barras i::after{content:"";position:absolute;inset:0;width:var(--v);background:var(--f);border-radius:inherit}
.ln-barras i.l::after{background:var(--l)}
@media (min-width:900px){
  .com-barras details.linha-nota>summary,.com-barras .linha-total,.com-barras .cab-notas{grid-template-columns:minmax(0,1fr) 220px auto 18px}
  .com-barras .ln-barras{display:grid;gap:6px}
  .com-barras .cab-barras,.com-barras .ln-barras-esp{display:block}
}

/* celular: esmaecido no topo quando o conteúdo passa por baixo da navegação (como no iOS) */
@media (max-width:999px){
  .nav::before{content:"";position:absolute;inset:0 0 -28px 0;background:linear-gradient(var(--bg) 45%,transparent);pointer-events:none;z-index:-1;transition:opacity .3s}
  .nav.sobre-capa::before{opacity:0}
}

/* ---------------------------------------------------------------- todas as fontes */
.stats-fontes{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:36px}
.stats-fontes .stat b{font-size:38px}
.fontes-filtros{align-items:center}
.busca{display:flex;align-items:center;gap:8px;flex:1;min-width:240px;max-width:420px;height:42px;padding:0 14px;border-radius:12px;background:var(--track);color:var(--text3)}
.busca .i{width:17px;height:17px}
.busca input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:15.5px;color:var(--text);outline:none}
.busca input::placeholder{color:var(--text3)}
.busca:focus-within{box-shadow:0 0 0 2px var(--blue)}
.busca-vazio{color:var(--text3);margin:18px 4px}
.veiculos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.veiculos>.grupo+.grupo{margin-top:0}
.veiculo-cab{display:flex;align-items:center;gap:10px;padding:18px 20px 10px}
.veiculo-cab h3{font-size:18px;font-weight:650;letter-spacing:-.01em;flex:1;min-width:0}
.veiculo-tipo{font-size:11.5px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--text3)}
a.fonte{display:flex;align-items:flex-start;gap:12px;padding:12px 18px 12px 20px;color:var(--text);position:relative;transition:background .15s}
a.fonte:hover{text-decoration:none;background:var(--press)}
a.fonte::before{content:"";position:absolute;top:0;left:20px;right:0;border-top:.5px solid var(--line2)}
a.fonte>.i{width:16px;height:16px;color:var(--blue);margin-top:3px;flex-shrink:0}
.fonte-tx{flex:1;min-width:0}
.fonte-tx b{display:block;font-size:15px;font-weight:600;line-height:1.35}
.fonte-tx small{display:block;color:var(--text2);font-size:13px;margin-top:2px}
.fonte-url{display:block;color:var(--text3);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.p-fontes .conteudo>*{max-width:none}
@media (max-width:999px){.veiculos{grid-template-columns:1fr}.stats-fontes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fora{display:none!important}

/* ---------------------------------------------------------------- vídeos das falas */
.videos{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.videos-r{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:11.5px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--text3)}
.videos-r .i{width:15px;height:15px}
.videos-r span{text-transform:none;letter-spacing:0;font-weight:500;font-size:12.5px}
.video{border-radius:16px;overflow:hidden;background:var(--poço);border:.5px solid var(--line2)}
.video-capa{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#000;cursor:pointer;overflow:hidden}
.video-capa img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9;transition:transform .6s var(--saida),opacity .3s}
.video-capa:hover img{transform:scale(1.03);opacity:1}
.video-play{position:absolute;left:50%;top:50%;width:66px;height:66px;margin:-33px 0 0 -33px;border-radius:50%;display:grid;place-items:center;color:#fff;
  background:rgba(255,255,255,.18);-webkit-backdrop-filter:var(--vidro);backdrop-filter:var(--vidro);border:.5px solid rgba(255,255,255,.35);transition:transform .3s var(--mola)}
.video-capa:hover .video-play{transform:scale(1.08)}
.video-play .i{width:26px;height:26px;fill:#fff;margin-left:3px}
.video-tempo{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.62);color:#fff;font-size:12px;font-weight:600;border-radius:8px;padding:4px 8px}
.video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000}
.video-info{padding:10px 14px 12px;display:flex;flex-direction:column;gap:2px}
.video-info b{font-size:14.5px;font-weight:600;line-height:1.35}
.video-info b,.video-info small,.video-fora b,.video-fora small,.videos-r span{overflow-wrap:anywhere}
.video-info small{color:var(--text3);font-size:12.5px}
.video-info a{display:inline-flex;align-items:center;gap:3px;margin-top:4px;font-size:13.5px;font-weight:600}
.video-info a .i{width:13px;height:13px}
.video-fora{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:var(--poço);border:.5px solid var(--line2);color:var(--text)}
.video-fora:hover{text-decoration:none;background:var(--press2)}
.video-fora>.i:first-child{width:28px;height:28px}
.video-fora span{flex:1;min-width:0}
.video-fora b{display:block;font-size:14.5px;font-weight:600}
.video-fora small{display:block;color:var(--text3);font-size:12.5px}
.video-fora>.i:last-child{width:15px;height:15px;color:var(--blue)}
.boato-top{display:flex;align-items:center;gap:8px}
.tem-video{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text3)}
.tem-video .i{width:14px;height:14px}
.correcao .olho{margin-bottom:10px;line-height:1.4}
.correcao p+p{margin-top:8px}
.correcao .fontes{margin-top:12px}

/* Anúncios: o bloco só ocupa espaço quando o Google entrega um anúncio */
.anuncio{margin:0;text-align:center}
.anuncio:has(ins[data-ad-status="filled"]){margin:28px 0}
.anuncio-r{display:none;margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3)}
.anuncio:has(ins[data-ad-status="filled"]) .anuncio-r{display:block}
ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
.govs>.anuncio{grid-column:1/-1}
/* Entre os cartões de governo, o anúncio fica longe do botão "Ver mais" de cima (política do AdSense: nada de clique sem querer) */
.govs>.anuncio:has(ins[data-ad-status="filled"]){margin:40px 0 32px;padding-top:28px;border-top:.5px solid var(--line2)}
.folha.sem-partilha [data-partilhar]{display:none}

/* Avatares com a foto de urna */
.av.foto{background:#e8dfcd;overflow:hidden;font-size:0}
.av.foto img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.av.foto.f{box-shadow:0 0 0 1.5px var(--f)}
.av.foto.l{box-shadow:0 0 0 1.5px var(--l)}
.capa .quem2 .av{width:28px;height:28px}
.quem2>span:has(.av.foto){padding-left:5px}
@media (max-width:700px){.capa-txt{padding-bottom:96px}.capa.heroi .capa-txt{padding-bottom:118px}}
/* Início em formato de cartaz: a imagem inteira em cima (sem corte), os rostos livres e o texto centralizado embaixo */
.capa.heroi{height:min(calc(56.25vw + 150px),calc(100svh + 120px));background:var(--bg)}
.capa.heroi .capa-img{inset:0 0 auto 0;height:56.25vw}
.capa.heroi .capa-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--bg-rgb),0) 48%,rgba(var(--bg-rgb),.78) 80%,var(--bg) 100%)}
.capa.heroi .capa-veu{background:linear-gradient(180deg,var(--capa-topo) 0%,rgba(0,0,0,0) 14%)}
.capa.heroi .capa-txt{display:flex;flex-direction:column;align-items:center;text-align:center}
.capa.heroi h1{font-size:clamp(38px,4.6vw,68px);max-width:900px}
.capa.heroi .lead{margin-left:auto;margin-right:auto}
.capa.heroi .quem2,.capa.heroi .capa-acoes{justify-content:center}
.capa.heroi .capa-cred{left:50%;right:auto;transform:translateX(-50%);display:block;text-align:center;width:min(640px,calc(100% - var(--margem) * 2));max-width:none}
.capa.heroi .capa-cred .i{display:inline-block;vertical-align:-2px;margin-right:5px}
.capa.heroi .capa-cred.ia span{display:inline}
@media (max-width:700px){
  .capa.heroi{height:calc(56.25vw + 504px);min-height:0}
  .capa.heroi .capa-img{top:52px;height:56.25vw}
  .capa-cred.ia span{-webkit-line-clamp:unset;display:block}
}
/* Selo de IA sobre a imagem com pessoas reais: pequeno, no alto, ao centro, entre os dois, logo abaixo do menu e visível sem rolar.
   O arquivo da imagem também leva o selo gravado, embaixo, onde o menu nunca passa por cima. */
.capa-ia{position:absolute;z-index:3;top:84px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:4px;
  padding:3px 8px;border-radius:99px;background:rgba(0,0,0,.45);-webkit-backdrop-filter:var(--vidro);backdrop-filter:var(--vidro);
  border:.5px solid rgba(255,255,255,.2);color:rgba(255,255,255,.92);font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1.3;white-space:nowrap}
.capa-ia .i{width:11px;height:11px}
@media (max-width:700px){.capa-ia{top:calc(52px + 10px)}}

/* PT x Bolsonaro, no tempo de cada um */
.pxb-conc p{font-size:16.5px;line-height:1.55}
.pxb-linha{padding:16px 20px;border-top:.5px solid var(--line)}
.pxb-linha:first-child{border-top:0}
.pxb-linha h4{font-size:15.5px;font-weight:650;margin-bottom:10px}
.pxb-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pxb-v{background:var(--poço);border-radius:12px;padding:8px 11px;display:flex;flex-direction:column;gap:2px;min-width:0}
.pxb-v small{font-size:12px;color:var(--text3);font-weight:600}
.pxb-v b{font:700 16px/1.25 var(--num);color:var(--text);overflow-wrap:anywhere}
.pxb-v.l.ganha{box-shadow:inset 0 0 0 2px var(--l)}
.pxb-v.f.ganha{box-shadow:inset 0 0 0 2px var(--f)}
.pxb-fora{margin-top:9px;font-size:13.5px;color:var(--text3);line-height:1.45}
.pxb-m{margin-top:7px;font-size:14.5px;color:var(--text2);line-height:1.5}
.pxb-m b{color:var(--text)}
.pxb-leg{padding:12px 20px 0;font-size:12.5px;color:var(--text3);line-height:1.45;border-top:.5px solid var(--line)}
.pxb-como{padding:10px 20px 4px}
.pxb-como p,.pxb-como li{font-size:14px;color:var(--text2);line-height:1.5;margin-top:8px}
.pxb-como h4{font-size:14.5px;margin-top:14px}
.pxb-como ol{padding-left:20px}
.pxb .fontes{padding:6px 20px 16px}
@media (max-width:520px){.pxb-n{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pxb-v{padding:7px 8px}.pxb-v b{font-size:14.5px}.pxb-linha{padding:14px 16px}}

/* ---------------------------------------------------------- enviar (o aviãozinho, como o do Instagram)
   Cada seção, item e fato tem o seu. Sem JavaScript, os botões somem (não há folha para abrir). */
.enviar{width:34px;height:34px;border-radius:50%;border:0;background:var(--tile);color:var(--text2);display:inline-grid;place-items:center;cursor:pointer;flex-shrink:0;
  transition:transform .2s var(--mola),background .2s,color .2s;-webkit-tap-highlight-color:transparent}
.enviar .i{width:16px;height:16px;transform:translate(-1px,1px)}
.enviar:hover{background:var(--line);color:var(--text)}
.enviar:active{transform:scale(.88)}
html:not(.js) .enviar,html:not(.js) .enviar-ponto{display:none}
.secao-cab{position:relative;padding-right:52px;max-width:none}
.secao-cab>:not(.enviar){max-width:760px}
.secao-cab .enviar{position:absolute;right:4px;top:-4px}
.gov-cab .enviar{width:30px;height:30px}
.gov-cab .enviar .i{width:14px;height:14px}
.d-fatos li .enviar-fato{width:30px;height:30px;margin:-3px -4px 0 auto;background:transparent;color:var(--text3)}
.d-fatos li .enviar-fato:hover{background:var(--tile);color:var(--text)}
.d-fatos li>div{flex:1;min-width:0}
.det .enviar-fato{display:none}
.folha .det .enviar-fato,.folha-corpo .enviar-fato{display:inline-grid}
.enviar-ponto{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:24px 0 2px;height:50px;border:0;border-radius:14px;
  background:var(--text);color:var(--bg);font:650 16px/1 var(--ui);cursor:pointer;transition:transform .2s var(--mola),opacity .2s}
.enviar-ponto .i{width:18px;height:18px}
.enviar-ponto:active{transform:scale(.97);opacity:.9}
/* quem chega por um link de fato vê o fato aceso por alguns segundos */
.d-fatos li.destaque{background:var(--mark);border-radius:12px;margin:0 -10px;padding-left:10px;padding-right:10px;animation:destaque 4s ease forwards}
.secao-cab.destaque h2,.gov-cab.destaque h3{background:linear-gradient(transparent 62%,var(--mark) 62%);animation:destaque-t 4s ease forwards}
@keyframes destaque{0%,70%{background:var(--mark)}100%{background:transparent}}
@keyframes destaque-t{0%,70%{background-size:100% 100%}100%{background-size:0 100%}}

dialog.folha-enviar .folha-cab h2{font-family:var(--ui);font-size:17px;font-weight:650;text-align:center;padding:7px 0 0 34px;letter-spacing:-.01em}
.folha-enviar .folha-corpo{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding-top:4px}
.folha-enviar .folha-corpo>*{flex-shrink:0}
.env-seg{align-self:center}
.env-previa{margin:0;position:relative;display:grid;place-items:center;background:var(--poço);border-radius:20px;padding:14px;min-height:120px}
.env-previa img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 10px 30px rgba(30,25,15,.12);transition:opacity .2s}
.env-previa[data-modo="story"] img{width:auto;max-width:100%;height:min(46vh,440px)}
.env-previa[data-modo="post"] img{width:auto;max-width:100%;height:min(42vh,400px)}
.env-carrega{position:absolute;inset:0;display:grid;place-items:center;color:var(--text2)}
.env-carrega .i{width:28px;height:28px;animation:gira 1s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
.env-titulo{font-size:15px;line-height:1.45;color:var(--text2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:0 2px}
.env-apps{display:grid;grid-auto-flow:column;grid-auto-columns:68px;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -22px;padding:2px 22px 4px;scroll-padding:22px}
.env-apps::-webkit-scrollbar{display:none}
.env-apps[hidden],.env-dica[hidden]{display:none}
.env-app{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:7px;font:500 12px/1.2 var(--ui);color:var(--text2);cursor:pointer;text-align:center}
.env-ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;transition:transform .2s var(--mola)}
.env-app:active .env-ic{transform:scale(.9)}
.env-ic svg{width:28px;height:28px;fill:#fff}
.env-ic-cinza{background:var(--tile);color:var(--text)}
.env-ic-tinta{background:var(--text)!important}
.env-ic-tinta svg{fill:var(--bg)}
.env-ic-cinza .i{width:24px;height:24px}
.env-dica{font-size:13.5px;line-height:1.45;color:var(--text3);text-align:center;padding:0 8px}
.env-url{display:flex;align-items:center;gap:10px;background:var(--poço);border-radius:14px;padding:6px 6px 6px 14px}
.env-url span{flex:1;min-width:0;font:500 14px/1.3 var(--ui);color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.env-url button{border:0;background:var(--card);color:var(--blue);font:650 14px/1 var(--ui);padding:10px 14px;border-radius:10px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.08)}
@media (min-width:600px){
  dialog.folha-enviar{width:min(520px,calc(100% - 48px))}
  .env-apps{margin:0;padding:2px 0 4px;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));overflow:visible;row-gap:14px}
}
@media (prefers-reduced-motion:reduce){.d-fatos li.destaque,.secao-cab.destaque h2{animation:none}}
