/* Piloto editorial de Economia. O conteúdo nunca depende de animação para aparecer. */
.economia { background:#fafbf8; color:#202b25; }
.economia .folha { max-width:1120px; padding-top:40px; }
.economia .folha > .bloco,.economia .folha > .ex-guia { max-width:860px; margin-left:auto; margin-right:auto; }
.economia .folha > .economia-placar { max-width:none; }
.economia .folha-cabeca.eco-hero { position:relative; isolation:isolate; overflow:hidden; padding:64px; margin-bottom:40px; border:0; border-bottom:4px solid #b28627; border-radius:16px; text-align:left; background:#173e2f; color:#fff; }
.economia .eco-hero h1 { color:#e9d69b; font:500 16px/1.6 var(--sem-serifa); letter-spacing:.08em; margin:12px 0; }
.economia .eco-hero .folha-rotulo,.economia .eco-hero .folha-linha { color:#cbd9ca; line-height:1.7; }
.eco-hero .eco-abertura { font:400 clamp(34px,4.2vw,60px)/1.12 var(--serifa); letter-spacing:-.025em; max-width:800px; margin:36px 0 24px; text-wrap:balance; }
.eco-hero .eco-intro { max-width:590px; font:16px/1.85 var(--sem-serifa); color:#e2eadf; margin:0; }
.eco-atalhos { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.eco-atalhos a { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; border:1px solid #99b19b; border-radius:6px; padding:14px 20px; color:white; text-decoration:none; font:500 14px/1.5 var(--sem-serifa); }
.eco-atalhos a:first-child { background:#e9d69b; border-color:#e9d69b; color:#173e2f; }
.eco-orbita { position:absolute; z-index:-1; width:480px; height:480px; right:-240px; top:10%; border:1px solid #e9d69b30; border-radius:50%; pointer-events:none; }
.eco-orbita::before,.eco-orbita::after { content:''; position:absolute; inset:45px; border:1px solid #e9d69b30; border-radius:50%; }
.eco-orbita::after { inset:90px; }
.economia .ex-guia { background:transparent; border-left:0; border-top:1px solid #cdd7ca; padding:28px 0; }
.economia .ex-guia h2 { font-size:28px; }
.eco-explorar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin:32px 0 72px; scroll-margin-top:90px; counter-reset:rota; }
.economia .eco-explorar .eco-porta { position:relative; min-width:0; padding:36px; margin:0; border:1px solid #d8e1d2; border-radius:12px; background:white; counter-increment:rota; }
.eco-porta::before { content:'0' counter(rota); display:block; margin-bottom:28px; font:500 13px/1 var(--sem-serifa); color:#84703e; }
.economia .eco-porta h2 { font-size:clamp(26px,2.6vw,34px); line-height:1.2; letter-spacing:-.015em; text-wrap:balance; margin-bottom:20px; }
.eco-porta h2 a { text-decoration:none; }
.eco-porta h2 a::after { content:' ↗'; color:#9b7624; white-space:nowrap; }
.eco-porta h2 a:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
.economia .eco-porta p { font:15px/1.85 var(--sem-serifa); color:#465447; }
.economia .eco-porta .economia-sobretitulo { font-size:11px; line-height:1.8; letter-spacing:.1em; margin-bottom:12px!important; }
.economia .eco-porta p:last-child { margin-bottom:0; }
.economia .eco-explorar .eco-porta-principal { grid-column:1 / -1; background:#eef3e8; border-top:3px solid #b28627; padding-right:clamp(36px,12vw,180px); }
.eco-porta-completa { grid-column:1 / -1; }
.economia .bloco { margin-bottom:64px; }
.economia .bloco > h2 { font-size:30px; line-height:1.25; text-wrap:balance; }
.economia .economia-metodo:not(.eco-porta),.economia .economia-limites { padding:32px; border-radius:10px; }
.economia .economia-sobretitulo { line-height:1.8; margin-bottom:12px!important; }
.economia .economia-placar { padding:40px; border-radius:12px; background:#202f27; }
.economia .economia-placar-cabeca { align-items:center; flex-wrap:wrap; }
.economia .economia-placar h2 { font-size:30px; }
.economia .economia-periodo { white-space:normal; }
.economia .economia-numeros { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.2fr); gap:20px; align-items:start; margin:30px 0; }
.economia .economia-numero { min-width:0; }
.economia .economia-numero span { min-height:36px; font-size:11px; line-height:1.6; color:#c9d8cc; }
.economia .economia-numero strong { font-size:clamp(24px,2.8vw,38px); white-space:normal; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; line-height:1.2; }
.economia .economia-numero small { margin-top:12px; font-size:11px; line-height:1.7; color:#dce6dc; letter-spacing:.055em; }
.economia .economia-sinal { padding-top:40px; }
.economia .economia-cartoes { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; background:none; border:0; }
.economia .economia-cartao { min-width:0; padding:24px; border:1px solid #d5dfd0; border-top:3px solid #b28627; border-radius:8px; }
.economia .economia-cartao span { font-size:11px; line-height:1.7; }
.economia .economia-cartao strong { font-size:clamp(24px,2.2vw,30px); line-height:1.3; margin:12px 0; overflow-wrap:anywhere; }
.economia .economia-cartao p { font:14px/1.75 var(--sem-serifa); }
.economia .economia-formula p { grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto; gap:16px; padding:18px 0; }
.economia .economia-formula p > * { min-width:0; }
.economia .economia-formula strong { font-size:17px; }
.economia .economia-formula b { font-size:19px; white-space:normal; }
.economia .economia-calculadora { padding-top:32px; }
.economia .economia-presets button { min-height:46px; padding:12px 20px; border-color:#a6b7a0; border-radius:6px; }
.economia .economia-campos { gap:16px; border:0; background:none; grid-template-columns:repeat(3,minmax(0,1fr)); }
.economia .economia-campos label { border:1px solid #d5dfd0; border-radius:8px; padding:20px; gap:8px; font-size:13px; line-height:1.6; grid-template-columns:minmax(0,1fr) auto; }
.economia .economia-campos input { min-width:0; padding:10px 0; font-size:24px; }
.economia .economia-memoria p { padding:14px 0; font-size:16px; }
.economia .economia-memoria span { font-size:11px; line-height:1.7; }
.economia .economia-barra { transform-origin:left center; }
.economia .folha :is(h1,h2,h3,p,a,span,small) { overflow-wrap:break-word; }
@media (max-width:1000px) {
 .economia .economia-numeros { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .economia .economia-sinal { display:none; }
 .economia .economia-numero-destaque { grid-column:1 / -1; padding-top:24px; border-top:1px solid #ffffff38; }
 .economia .economia-campos { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .economia .economia-cartoes { grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); }
}
@media (max-width:680px) {
 .economia .folha { padding-top:20px; }
 .economia .folha-cabeca.eco-hero { padding:36px 24px; border-radius:10px; }
 .eco-hero .eco-abertura { font-size:36px; margin:28px 0 24px; }
 .eco-hero .eco-intro { font-size:15px; }
 .eco-atalhos { flex-direction:column; }
 .eco-explorar { grid-template-columns:1fr; gap:16px; }
 .economia .eco-explorar .eco-porta { padding:26px; }
 .economia .eco-porta h2 { font-size:28px; }
 .economia .bloco > h2 { font-size:26px; }
 .economia .economia-placar,.economia .economia-metodo:not(.eco-porta),.economia .economia-limites { padding:26px 22px; }
 .economia .economia-formula p { grid-template-columns:minmax(0,1fr); gap:8px; }
 .economia .economia-formula strong { grid-column:auto; grid-row:auto; }
 .economia .economia-cartao { padding:24px; }
 .economia .economia-placar h2 { font-size:26px; }
 .economia .economia-placar-cabeca { display:block; }
 .economia .economia-periodo { margin-top:14px!important; }
}
@media (max-width:440px) {
 .economia .economia-numeros,.economia .economia-campos { grid-template-columns:1fr; }
 .economia .economia-numero span { min-height:0; margin-bottom:8px; }
 .economia .economia-numero strong { font-size:32px; }
 .economia .economia-numero-destaque { grid-column:auto; }
}
@media print {
 .economia .eco-hero { background:white!important; color:black!important; }
 .economia .eco-hero * { color:black!important; }
 .eco-orbita,.eco-atalhos { display:none; }
 .eco-explorar { display:block; }
 .economia .eco-explorar .eco-porta { margin-bottom:24px; break-inside:avoid; }
}