@font-face{font-family:Manrope;font-style:normal;font-weight:100 900;font-display:swap;
src:url(/assets/fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;
src:url(/assets/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
/* cor */
--tinta:#082538;--tinta-800:#0A2F47;--tinta-700:#0D3B59;
--ouro:#B58A44;--ouro-txt:#8D6B35;--ouro-txt-papel:#7A5A2C;--ouro-claro:#CAA972;
--papel:#F0F3F5;--grafite:#596874;--nevoa:#DCE4F0;--fio:#7A8CA0;
/* espaço */
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;
--sp-7:32px;--sp-8:40px;--sp-9:56px;--sp-10:72px;--sp-11:96px;--sp-12:128px;
/* forma e movimento */
--max:1200px;--r-sm:4px;--r-md:8px;
--sombra:0 4px 16px rgba(8,37,56,.07);
--rapida:150ms;--padrao:200ms;
/* tipografia fluida */
--tx-h1:800 clamp(2.25rem,1.75rem + 1.6vw,3.6rem)/1.08 Manrope,sans-serif;
--tx-h2:700 clamp(1.7rem,1.45rem + .9vw,2.4rem)/1.16 Manrope,sans-serif;
--tx-h3:600 clamp(1.18rem,1.12rem + .25vw,1.4rem)/1.3 Manrope,sans-serif;
--tx-corpo:400 clamp(1rem,.98rem + .1vw,1.0625rem)/1.65 Inter,sans-serif;
--tx-lead:400 clamp(1.1rem,1.02rem + .5vw,1.35rem)/1.5 Inter,sans-serif;
--tx-apoio:400 clamp(.82rem,.8rem + .1vw,.9rem)/1.55 Inter,sans-serif;
--tx-rotulo:700 .6875rem/1 Manrope,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:150px;-webkit-text-size-adjust:100%}
body{margin:0;font:var(--tx-corpo);color:var(--tinta);background:#fff;-webkit-font-smoothing:antialiased}
h1{font:var(--tx-h1);letter-spacing:-.022em;margin:0 0 var(--sp-5)}
h2{font:var(--tx-h2);letter-spacing:-.016em;margin:0 0 var(--sp-4)}
h3{font:var(--tx-h3);letter-spacing:-.01em;margin:0 0 var(--sp-2)}
p{margin:0 0 var(--sp-4);max-width:65ch}
a{color:var(--tinta)}
img,svg{max-width:100%}
:focus-visible{outline:3px solid var(--ouro-txt);outline-offset:2px;border-radius:var(--r-sm);
box-shadow:0 0 0 5px rgba(181,138,68,.28)}
main:focus{outline:none}
section.papel :focus-visible{outline-color:var(--ouro-txt-papel)}
section.escura :focus-visible,footer :focus-visible,.cartao-abertura :focus-visible{outline-color:var(--ouro-claro)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--sp-6)}
.rotulo-h{font:var(--tx-rotulo);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-txt);margin:0 0 var(--sp-4)}
h2.sub{font:var(--tx-h3);letter-spacing:-.01em;margin:0 0 var(--sp-4)}
section.papel .rotulo-h{color:var(--ouro-txt-papel)}
.rotulo{font:var(--tx-rotulo);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-txt);margin-bottom:var(--sp-4)}
section.papel .rotulo,section.papel .mais,section.papel .card a.mais,
.controles .rotulo{color:var(--ouro-txt-papel)}
section.escura .rotulo,footer .rotulo,.cartao-abertura .rotulo{color:var(--ouro-claro)}
/* topo */
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);
border-bottom:1px solid var(--nevoa);transition:box-shadow var(--padrao) ease}
header.rolou{box-shadow:0 1px 14px rgba(8,37,56,.07)}
.topo{display:flex;align-items:center;gap:var(--sp-7);height:80px}
.topo img{height:32px;width:auto;display:block}
nav{margin-left:auto;display:flex;gap:var(--sp-6);align-items:center}
nav a{text-decoration:none;font:500 .94rem Inter,sans-serif;color:var(--grafite);padding:8px 0;
border-bottom:2px solid transparent;transition:color var(--rapida),border-color var(--rapida)}
nav a:hover,nav a[aria-current=page]{color:var(--tinta);border-bottom-color:var(--ouro)}
nav a.dim{font-weight:600;color:var(--tinta)}
nav .grupo-dimensoes{display:flex;gap:var(--sp-7)}
nav .sep{width:1px;height:18px;background:var(--nevoa);flex:0 0 auto;align-self:center}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--tinta);color:#fff!important;
text-decoration:none;padding:15px 28px;font:600 .95rem Manrope,sans-serif;border-radius:var(--r-md);
border:1px solid var(--tinta);min-height:48px;cursor:pointer;
transition:background var(--rapida),border-color var(--rapida),transform var(--rapida)}
.btn:hover{background:var(--tinta-800)}
.btn:active{transform:translateY(1px)}
.btn.claro{background:transparent;color:var(--tinta)!important;border-color:var(--fio)}
.btn.claro:hover{border-color:var(--ouro);background:transparent}
.btn.ouro{background:var(--ouro-claro);color:var(--tinta)!important;border-color:var(--ouro-claro)}
.btn.ouro:hover{background:var(--ouro);border-color:var(--ouro)}
nav .btn{padding:11px 20px;font-size:.88rem;min-height:44px}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--fio);padding:11px 16px;
font:600 .88rem Manrope,sans-serif;border-radius:var(--r-md);color:var(--tinta);min-height:44px}
/* seções e ritmo */
section{padding:clamp(72px,7vw,112px) 0;position:relative}
section + section:not(.escura):not(.papel)::before,
section.papel + section.papel::before{content:"";position:absolute;top:0;left:50%;
transform:translateX(-50%);width:48px;height:1px;background:var(--ouro)}
section.escura{background:var(--tinta);color:#fff}
section.escura h2,section.escura h3{color:#fff}
section.escura p,section.escura li{color:#cfd8e3}
section.papel{background:var(--papel)}
section.densa{padding:clamp(56px,6vw,88px) 0}
section.fechamento{padding:clamp(80px,9vw,128px) 0}
section.hero{padding:clamp(56px,7vw,96px) 0 clamp(44px,5vw,76px)}
div.hero{padding:0}
.hero.duas{grid-template-columns:1.2fr .9fr;align-items:center;gap:clamp(32px,5vw,72px)}
.hero p.lead{font:var(--tx-lead);color:var(--grafite);max-width:46ch}
.lead{font:var(--tx-lead)}
.acoes{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-top:var(--sp-7)}
/* cartão de abertura */
.cartao-abertura{background:var(--tinta);color:#fff;padding:var(--sp-8);border-radius:var(--r-md);
position:relative;overflow:hidden}
.cartao-abertura::after{content:"";position:absolute;right:-46px;bottom:-46px;width:230px;height:230px;
background:url(/assets/simbolo-negative.svg) no-repeat center/contain;opacity:.09;pointer-events:none}
.cartao-abertura h2{color:#fff;font-size:1.5rem;margin-bottom:var(--sp-3)}
.cartao-abertura p{color:#cfd8e3;font:var(--tx-apoio);position:relative}
.cartao-abertura .lista li{border-bottom-color:var(--tinta-700);color:#cfd8e3;font:var(--tx-apoio);
padding:12px 0 12px 26px;position:relative}
.cartao-abertura .lista li:first-child{border-top:1px solid var(--tinta-700)}
.cartao-abertura .lista li:before{background:var(--ouro-claro);top:19px}
.cartao-abertura .mais{position:relative;display:inline-block;margin-top:var(--sp-5);font:600 .9rem Manrope,sans-serif;
color:var(--ouro-claro);text-decoration:none}
.cartao-abertura .mais:hover{text-decoration:underline}
/* grades e cartões */
.grade{display:grid;gap:var(--sp-6)}
.g1{grid-template-columns:1fr}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--nevoa);padding:var(--sp-7);background:#fff;border-radius:var(--r-md);
display:flex;flex-direction:column;
transition:border-color var(--padrao),box-shadow var(--padrao),transform var(--padrao)}
/* so o cartao que leva a algum lugar reage ao passar o mouse */
.card:has(a):hover{border-color:var(--ouro);box-shadow:var(--sombra);transform:translateY(-2px)}
.card:focus-within{border-color:var(--ouro);box-shadow:var(--sombra)}
.card p{color:var(--grafite);font:var(--tx-apoio);flex:1}
.card a.mais{font:600 .88rem Manrope,sans-serif;color:var(--ouro-txt);text-decoration:none;margin-top:var(--sp-4)}
.mais{min-height:24px;display:inline-flex;align-items:center;padding:4px 0;
color:var(--ouro-txt);text-decoration:none}
.mais:hover{text-decoration:underline}
/* em fundo escuro o link de acao precisa da variante clara, senao some */
section.escura .mais,.cartao-abertura .mais,footer .mais{color:var(--ouro-claro)}
section.papel .mais{color:var(--ouro-txt-papel)}
section.escura .card{background:var(--tinta-800);border-color:var(--tinta-700);padding:var(--sp-6)}
section.escura .card h3{font-size:1.0625rem}
section.escura .card a.mais{color:var(--ouro-claro)}
.card a.mais:hover{text-decoration:underline}
/* situações */
.situacoes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-top:var(--sp-7)}
.situacoes a{display:flex;flex-direction:column;justify-content:space-between;gap:var(--sp-4);min-height:158px;
padding:var(--sp-6);border:1px solid var(--nevoa);border-left:3px solid var(--nevoa);text-decoration:none;
background:#fff;border-radius:var(--r-md);
transition:border-color var(--padrao),transform var(--padrao),box-shadow var(--padrao)}
.situacoes a:hover{border-color:var(--ouro);border-left-color:var(--ouro);transform:translateY(-2px);box-shadow:var(--sombra)}
.situacoes span{font:400 1.02rem/1.45 Inter,sans-serif;color:var(--tinta)}
.situacoes b{font:var(--tx-rotulo);letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-txt)}
/* listas */
.lista{list-style:none;padding:0;margin:0}
.lista li{padding:var(--sp-4) 0 var(--sp-4) 28px;border-bottom:1px solid var(--nevoa);position:relative;
color:var(--grafite)}
.lista li:before{content:"";position:absolute;left:0;top:26px;width:12px;height:2px;background:var(--ouro);
transition:width var(--rapida)}
.lista li:hover:before{width:20px}
.lista li b{color:var(--tinta)}
/* em fundo escuro o negrito ficava da cor do proprio fundo, e sumia */
section.escura .lista li b,.cartao-abertura .lista li b,footer .lista li b,
.kpi.destaque b{color:#fff}
.passos{counter-reset:p}
.passos li{counter-increment:p;padding-left:56px}
.passos li:before{content:counter(p,decimal-leading-zero);position:absolute;left:0;top:14px;width:auto;height:auto;
background:none;font:700 .8rem Manrope,sans-serif;color:var(--ouro-txt);letter-spacing:.08em}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,70px);align-items:start}
.assinatura{font:500 1.15rem/1.4 Manrope,sans-serif;color:var(--ouro-txt-papel);
margin:0 0 var(--sp-5);letter-spacing:.01em}
.destaque{border-left:3px solid var(--ouro);padding:var(--sp-2) 0 var(--sp-2) var(--sp-6);
font:600 clamp(1.1rem,1.9vw,1.45rem)/1.4 Manrope,sans-serif;max-width:36ch}
/* tabela */
.tabela{width:100%;border-collapse:collapse;font:var(--tx-apoio)}
.tabela th{text-align:left;font:var(--tx-rotulo);letter-spacing:.14em;text-transform:uppercase;
color:var(--grafite);padding:0 var(--sp-4) var(--sp-3) 0;border-bottom:2px solid var(--tinta)}
.tabela td{padding:var(--sp-4) var(--sp-4) var(--sp-4) 0;border-bottom:1px solid var(--nevoa);
vertical-align:top;color:var(--grafite)}
.tabela tr:hover td{background:var(--papel)}
.tabela td b{color:var(--tinta)}
/* perguntas */
details{border-bottom:1px solid var(--nevoa)}
details summary{cursor:pointer;padding:var(--sp-5) 0;font:600 1.05rem Manrope,sans-serif;list-style:none;
display:flex;justify-content:space-between;gap:var(--sp-4)}
details summary::-webkit-details-marker{display:none}
details summary:after{content:"+";color:var(--ouro-txt);font-size:1.4rem;line-height:1}
section.papel details summary:after{color:var(--ouro-txt-papel)}
details{border-bottom:1px solid var(--fio)}
details[open] summary:after{content:"–"}
details p{color:var(--grafite);padding-bottom:var(--sp-5);margin:0}
/* formulário */
form{display:grid;gap:var(--sp-5)}
label{display:block;font:600 .88rem Manrope,sans-serif;margin-bottom:var(--sp-2)}
input,select,textarea{width:100%;padding:14px;border:1px solid var(--fio);border-radius:var(--r-sm);
font:inherit;font-size:1rem;background:#fff;color:var(--tinta);min-height:48px}
input:hover,select:hover,textarea:hover{border-color:var(--grafite)}
textarea{min-height:140px;resize:vertical}
.campo-duplo{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}
.ajuda{font:var(--tx-apoio);color:var(--grafite);margin:0}
/* rodapé */
footer{background:var(--tinta);color:#cfd8e3;padding:var(--sp-11) 0 var(--sp-8);position:relative;overflow:hidden}
footer::after{content:"";position:absolute;right:-60px;bottom:-60px;width:280px;height:280px;
background:url(/assets/simbolo-negative.svg) no-repeat center/contain;opacity:.05;pointer-events:none}
footer img{height:56px;margin-bottom:var(--sp-6)}
footer a{color:#cfd8e3;text-decoration:none}
footer a:hover{color:#fff;text-decoration:underline}
.rodape{display:grid;grid-template-columns:1.3fr 1fr 1.1fr .9fr;gap:var(--sp-7);position:relative}
.rodape>*,.duas>*,.hero.duas>*{min-width:0}
.rodape > div:first-child p{font:var(--tx-apoio);color:#9fb0c2}
.slogan{font:500 1.05rem/1.45 Manrope,sans-serif!important;color:var(--ouro-claro)!important;
margin:var(--sp-4) 0 var(--sp-3);max-width:26ch}
.rodape h3{font:var(--tx-rotulo);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-claro);margin:0 0 var(--sp-4)}
.rodape ul{list-style:none;padding:0;margin:0}
.rodape li{margin-bottom:var(--sp-3);font:var(--tx-apoio)}
.fim{border-top:1px solid var(--tinta-700);margin-top:var(--sp-9);padding-top:var(--sp-6);display:flex;
justify-content:space-between;gap:var(--sp-5);flex-wrap:wrap;font:var(--tx-apoio);color:#93a6ba;position:relative}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
clip:rect(0 0 0 0);white-space:nowrap;border:0}
.apoio{color:var(--grafite);max-width:65ch}
.estado{font:700 clamp(1.15rem,2vw,1.5rem)/1.25 Manrope,sans-serif;letter-spacing:-.012em;
margin:0 0 var(--sp-2);display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:baseline}
.estado span{font:500 var(--tx-apoio-tam,.95rem)/1.4 Manrope,sans-serif;color:var(--grafite)}
section.escura .estado span{color:#cfd8e3}
.trilha-dim{font:var(--tx-apoio);color:var(--grafite);margin:var(--sp-6) 0 0}
.trilha-dim a{font-weight:600;color:var(--tinta)}
.mt-7{margin-top:var(--sp-7)}
.migalhas{border-bottom:1px solid var(--nevoa);font:var(--tx-rotulo);letter-spacing:.04em;
text-transform:none;padding:var(--sp-3) 0;color:var(--grafite)}
.migalhas a{color:var(--grafite);text-decoration:none}
.migalhas a:hover{color:var(--tinta);text-decoration:underline}
.migalhas span{margin:0 var(--sp-2)}
.migalhas [aria-current]{color:var(--tinta);font-weight:600;margin-left:0}
.faixa-slogan{background:var(--tinta);color:var(--ouro-claro);
font:500 clamp(1rem,1.5vw,1.2rem)/1.35 Manrope,sans-serif;letter-spacing:.01em;
padding:var(--sp-4) 0;text-align:center}
a.pular{position:absolute;left:-9999px}
a.pular:focus{left:12px;top:12px;position:fixed;background:#fff;padding:14px 20px;z-index:99;border:2px solid var(--ouro)}
/* pontos de quebra */
@media(max-width:1023px){
 .situacoes{grid-template-columns:repeat(2,1fr)}
 .hero.duas{grid-template-columns:1fr}
 .g4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
 nav{display:none} .menu-btn{display:block}
 nav.aberto{display:flex;position:absolute;top:80px;left:0;right:0;background:#fff;flex-direction:column;
 align-items:stretch;gap:0;padding:var(--sp-3) var(--sp-6) var(--sp-6);border-bottom:1px solid var(--nevoa);
 box-shadow:var(--sombra)}
 nav.aberto a{padding:14px 0;width:100%}
 nav.aberto .btn{margin-top:var(--sp-3)}
}
@media(max-width:767px){
 .wrap{padding:0 var(--sp-4)}
 .g2,.g3,.g4,.duas,.campo-duplo{grid-template-columns:1fr}
 .situacoes{grid-template-columns:1fr}
 .card{padding:var(--sp-5)}
 .card:hover{transform:none;box-shadow:none}
 .situacoes a:hover{transform:none;box-shadow:none}
 .acoes .btn{width:100%}
 .tabela,.tabela tbody,.tabela tr,.tabela td{display:block;width:100%}
 .tabela thead{display:none}
 .tabela tr{border:1px solid var(--nevoa);border-radius:var(--r-md);padding:var(--sp-4);margin-bottom:var(--sp-4)}
 .tabela td{border:0;padding:var(--sp-1) 0}
 .cartao-abertura::after{width:170px;height:170px}
}

/* ---- linha do tempo ---- */
.linha{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--sp-3);margin-top:var(--sp-8);position:relative}
.linha:before{content:"";position:absolute;left:0;right:0;top:11px;height:2px;background:var(--nevoa)}
.etapa{position:relative;padding-top:var(--sp-7)}
.etapa:before{content:"";position:absolute;top:5px;left:0;width:14px;height:14px;border-radius:50%;
background:#fff;border:2px solid var(--fio);transition:border-color var(--padrao),background var(--padrao)}
.etapa.marca:before{background:var(--ouro);border-color:var(--ouro)}
.etapa b{display:block;font:600 .95rem Manrope,sans-serif;margin-bottom:4px}
section.escura .etapa b{color:#fff}
section.escura .etapa span{color:#cfd8e3}
section.escura .linha:before{background:rgba(255,255,255,.22)}
section.escura .etapa:before{background:#41586b}
section.escura .etapa.marca:before{background:var(--ouro-claro)}
.etapa span{font:var(--tx-apoio);color:var(--grafite)}
/* ---- comparador ---- */
.comparar{width:100%;border-collapse:collapse;margin-top:var(--sp-7)}
.comparar th{text-align:left;padding:var(--sp-4);background:var(--tinta);color:#fff;font:600 1.05rem Manrope,sans-serif;
border-right:1px solid var(--tinta-700)}
.comparar th:first-child{background:transparent;color:var(--grafite);font:var(--tx-rotulo);
letter-spacing:.14em;text-transform:uppercase}
.comparar td{padding:var(--sp-4);border-bottom:1px solid var(--nevoa);vertical-align:top;
font:var(--tx-apoio);color:var(--grafite)}
.comparar td:first-child{font:600 .9rem Manrope,sans-serif;color:var(--tinta);width:22%}
.comparar tr:hover td{background:var(--papel)}
/* ---- filtros ---- */
.filtros{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-6) 0 var(--sp-7)}
.filtros button{font:600 .85rem Manrope,sans-serif;padding:9px 16px;border:1px solid var(--fio);background:#fff;
color:var(--tinta);border-radius:var(--r-md);cursor:pointer;min-height:40px;transition:all var(--rapida)}
.filtros button:hover{border-color:var(--ouro)}
.filtros button[aria-pressed=true]{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.ficha{border:1px solid var(--nevoa);border-left:3px solid var(--fio);border-radius:var(--r-md);
padding:var(--sp-6);margin-bottom:var(--sp-4);
transition:box-shadow var(--padrao),border-color var(--padrao)}
.ficha:hover,.ficha:focus-within{box-shadow:var(--sombra);border-left-color:var(--ouro)}
.ficha h3{margin-bottom:var(--sp-2)}
.ficha p{font:var(--tx-apoio);color:var(--grafite);margin-bottom:var(--sp-2)}
.ficha .quando{color:var(--tinta);font-weight:600}
.ficha .mais{display:inline-block;margin-top:var(--sp-3);font:600 .88rem Manrope,sans-serif;
color:var(--ouro-txt);text-decoration:none}
.ficha .mais:hover{text-decoration:underline}
.ficha[hidden]{display:none}
/* ---- simulador ---- */
.sim{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,4vw,56px);align-items:start;margin-top:var(--sp-7)}
#sim-inerte{grid-column:1/-1;margin-top:0}
[data-sim=ativo] #sim-inerte{display:none}
[data-sim=inerte] .controles{opacity:.55}
.sim-topo{display:none}
.controles{background:var(--papel);padding:var(--sp-7);border-radius:var(--r-md)}
.controle{margin-bottom:var(--sp-6)}
.controle label{display:flex;justify-content:space-between;align-items:baseline;font:600 .88rem Manrope,sans-serif;
margin-bottom:var(--sp-2)}
.controle output{font:700 1.05rem Manrope,sans-serif;color:var(--ouro-txt-papel)}
input[type=range]{width:100%;min-height:auto;padding:0;border:0;background:transparent;accent-color:#082538;height:28px}
.controle small{display:block;font:var(--tx-apoio);color:var(--grafite);margin-top:2px}
.resultado{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-bottom:var(--sp-6)}
.resultado .kpi.destaque{grid-column:1/-1}
.nota-cenario{font:var(--tx-apoio);color:var(--tinta);font-weight:600;
background:var(--papel);border-left:3px solid var(--ouro);padding:var(--sp-3) var(--sp-4);
border-radius:var(--r-sm);margin:0 0 var(--sp-6)}
.conclusao{border-left:3px solid var(--ouro);padding:var(--sp-2) 0 var(--sp-2) var(--sp-6);
font:600 1.02rem/1.55 Manrope,sans-serif;color:var(--tinta);margin-top:var(--sp-5);max-width:70ch}
.kpi{border:1px solid var(--nevoa);border-radius:var(--r-md);padding:var(--sp-5)}
.kpi b{display:block;font:700 clamp(1.6rem,3vw,2.2rem)/1 Manrope,sans-serif;color:var(--tinta)}
.kpi span{display:block;font:var(--tx-apoio);color:var(--grafite);margin-top:6px}
.kpi.destaque{background:var(--tinta);border-color:var(--tinta)}
.kpi.destaque b{color:#fff}.kpi.destaque span{color:#cfd8e3}
.grafico{border:1px solid var(--nevoa);border-radius:var(--r-md);padding:var(--sp-5)}
.grafico svg{width:100%;height:auto;display:block}
.aviso{font:var(--tx-apoio);color:var(--grafite);border-left:3px solid var(--ouro);padding-left:var(--sp-4);
margin-top:var(--sp-5)}
@media(max-width:900px){
 .sim{grid-template-columns:1fr}
 .sim .controles{order:2} .sim .painel{order:3}
 .sim-topo{order:1;display:block;position:sticky;top:82px;z-index:5;margin:0 0 var(--sp-4);
 background:var(--tinta);color:#fff;border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);
 font:var(--tx-apoio)}
 .sim-topo b{font:700 1.15rem Manrope,sans-serif;color:#fff;margin-left:6px}
 #sim-inerte{order:0}
 .linha{grid-template-columns:1fr;gap:0}
 .linha:before{left:6px;right:auto;top:0;bottom:0;width:2px;height:auto}
 .etapa{padding:0 0 var(--sp-5) var(--sp-7)}
 .etapa:before{top:2px}
 .comparar,.comparar tbody,.comparar tr,.comparar td{display:block;width:100%}
 .comparar thead{display:none}
 .comparar tr{border:1px solid var(--nevoa);border-radius:var(--r-md);margin-bottom:var(--sp-4);padding:var(--sp-4)}
 .comparar td{border:0;padding:var(--sp-2) 0}
 .comparar td:first-child{width:auto;color:var(--ouro-txt);font:var(--tx-rotulo);
 letter-spacing:.14em;text-transform:uppercase}
}
/* telas estreitas: palavra longa nao pode empurrar o layout, e a marca d'agua nao pode vazar */
h1,h2,h3,p,li,td,th{overflow-wrap:break-word}
footer,.cartao-abertura{overflow:hidden}
@media(max-width:900px){.rodape{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.rodape{grid-template-columns:1fr;gap:var(--sp-6)}}
@media(min-width:901px) and (max-width:1200px){
 /* oito etapas em uma linha so ficam legiveis acima de 1200px; abaixo de 900 ja vira lista */
 .linha{grid-template-columns:repeat(4,1fr);row-gap:var(--sp-8)}
 .linha:before{display:none}
}
@media(max-width:1023px){
 .situacoes{grid-template-columns:repeat(2,1fr)}
}
/* celular: a altura minima dos cartoes de situacao fazia a secao mais alta da home */
@media(max-width:767px){
 .situacoes{grid-template-columns:1fr}
 .situacoes a{min-height:0}
}
/* correcoes tardias: precisam vir depois das regras base para vencer por ordem */
@media(max-width:767px){
 .sim .resultado{grid-template-columns:1fr}
}
/* impressao: o navegador nao imprime fundo por padrao, entao nada pode depender dele */
@media print{
 header,footer,.pular,.acoes,.filtros,.sim-topo,#sim-inerte,.migalhas{display:none!important}
 *{box-shadow:none!important}
 body{color:#000;background:#fff}
 section,section.escura,section.papel,.cartao-abertura,.kpi,.kpi.destaque,.card,.ficha,.controles,
 .comparar th{background:#fff!important;border-color:#999!important}
 section.escura,section.escura h2,section.escura h3,section.escura p,section.escura li,
 .cartao-abertura,.cartao-abertura h2,.cartao-abertura h3,.cartao-abertura p,.cartao-abertura li,
 section.escura .etapa b,section.escura .etapa span,section.escura .lista li b,
 .cartao-abertura .lista li b,section.escura .mais,.cartao-abertura .mais,
 .kpi.destaque,.kpi.destaque b,.kpi.destaque span,.comparar th{color:#000!important}
 .faixa-slogan{background:#fff!important;color:#000!important;border-bottom:1px solid #999}
 .rotulo,.rotulo-h,.mais,.ficha .mais{color:#6b5122!important}
 a[href^="/"]:after{content:" (daleth.iajudite.com.br" attr(href) ")";font-size:.8em;color:#555}
 section{padding:14px 0}
 .hero{padding-top:4px}
 h1{font-size:26px;line-height:1.15} h2{font-size:18px} h3{font-size:14px}
 .lead{font-size:13px}
 body{font-size:12.5px;line-height:1.5}
 .grade,.duas{gap:14px}
 .card,.ficha,.kpi,details{break-inside:avoid}
 .lista li{padding:6px 0 6px 20px}
 h1,h2,h3{break-after:avoid}
 /* as perguntas frequentes saem abertas no papel */
 details{break-inside:avoid}
 details summary:after,details[open] summary:after{content:""}
}
@media(prefers-reduced-motion:reduce){
 *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}