:root{--bg:#f6faf5;--card:#fff;--soft:#eaf4ec;--ink:#0b2316;--text:#1d3326;--muted:#4b6255;--line:#d3e3d7;--verde:#00843d;--verde2:#006b31;--mata:#003d1f;--amarelo:#ffd500;--ouro:#f2b705;--azul:#002776;--anil:#1046c4;--link:#0a55b8;--glow:0 0 18px rgba(255,213,0,.55);--r:16px;--shadow:0 1px 2px rgba(0,61,31,.06),0 8px 24px -12px rgba(0,61,31,.25)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif}
a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--verde)}
.wrap{max-width:1160px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px;top:0;background:var(--amarelo);color:var(--ink);padding:8px 12px;z-index:9}
.skip:focus{left:8px}
.ic{width:24px;height:24px;flex:none}
/* topo */
.top{position:sticky;top:0;z-index:5;background:rgba(0,40,20,.94);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid rgba(255,213,0,.25)}
.top:after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--verde),var(--amarelo) 50%,var(--anil))}
.bar{display:flex;align-items:center;gap:18px;min-height:60px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:800;font-size:21px;letter-spacing:-.4px}
.logo:hover{color:#fff}
.logo b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--amarelo),var(--ouro));color:var(--mata);box-shadow:var(--glow)}
.logo b .ic{width:20px;height:20px}
.logo i{font-style:normal;color:var(--amarelo)}
.nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin-left:auto}
.nav::-webkit-scrollbar{display:none}
.nav a{color:#e3f2e7;text-decoration:none;padding:8px 12px;border-radius:999px;font-size:15px;font-weight:500;white-space:nowrap}
.nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.nav a[aria-current]{background:var(--amarelo);color:var(--mata);font-weight:700}
/* faixa de destaque */
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 88% 15%,rgba(255,213,0,.32),transparent 38%),radial-gradient(circle at 5% 110%,rgba(16,70,196,.55),transparent 45%),linear-gradient(135deg,var(--mata),var(--verde2) 55%,#00402a)}
.hero:before{content:"";position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' fill='none' stroke='%23fff' stroke-width='1.5'%3E%3Cpath d='M0 30h40l10 10h30M60 0v20l10 10v40M120 90H90l-10-10H50M30 120v-30l-10-10V60M80 120v-20h20'/%3E%3Ccircle cx='80' cy='40' r='3'/%3E%3Ccircle cx='70' cy='70' r='3'/%3E%3Ccircle cx='50' cy='80' r='3'/%3E%3Ccircle cx='20' cy='60' r='3'/%3E%3Ccircle cx='100' cy='100' r='3'/%3E%3C/svg%3E")}
.g-coz .hero{background:radial-gradient(circle at 88% 15%,rgba(255,213,0,.4),transparent 40%),radial-gradient(circle at 0 120%,rgba(242,183,5,.35),transparent 45%),linear-gradient(135deg,#0b3a1c,#00703a 60%,#1b5e20)}
.g-casa .hero,.g-glo .hero{background:radial-gradient(circle at 88% 15%,rgba(255,213,0,.3),transparent 38%),radial-gradient(circle at 0 120%,rgba(0,132,61,.55),transparent 45%),linear-gradient(135deg,#001a4d,var(--azul) 55%,#0b3d8c)}
.hero .wrap{position:relative;padding-top:18px;padding-bottom:34px}
.hero h1{color:#fff;font-size:clamp(30px,4.6vw,46px);line-height:1.12;margin:12px 0 10px;letter-spacing:-.8px;max-width:860px;text-wrap:balance}
.lead{font-size:clamp(17px,2vw,20px);line-height:1.55;color:#e6f4ea;max-width:760px;margin:0 0 16px}
.hico{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:18px;background:rgba(255,213,0,.16);border:1px solid rgba(255,213,0,.5);color:var(--amarelo);margin-top:14px;box-shadow:var(--glow)}
.hico .ic{width:32px;height:32px}
.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;font-size:14px;color:#cfe6d6}
.crumbs li+li:before{content:"›";margin:0 7px;color:var(--amarelo)}
.crumbs a{color:#e8f5ec;text-decoration:none}
.crumbs a:hover{color:var(--amarelo)}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none;font-size:14px}
.pills li{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:4px 12px;border-radius:999px;color:#eef8f1;margin:0}
.pills .ic{width:16px;height:16px;color:var(--amarelo)}
.pills a{color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.chips a{color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,213,0,.55);background:rgba(0,0,0,.12)}
.chips a:hover{background:var(--amarelo);color:var(--mata)}
/* layout */
.layout{display:grid;gap:36px;padding-top:28px}
@media (min-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 300px}.side{position:sticky;top:84px;align-self:start}.layout.wide{grid-template-columns:1fr}}
.post{min-width:0;max-width:780px}
.wide .post{max-width:none}
.post>h2:first-child{margin-top:0}
h2{color:var(--ink);font-size:clamp(23px,2.6vw,28px);line-height:1.25;margin:42px 0 12px;letter-spacing:-.3px}
.post>h2:before{content:"";display:block;width:44px;height:4px;border-radius:4px;margin-bottom:12px;background:linear-gradient(90deg,var(--verde),var(--amarelo))}
h3{color:var(--ink);font-size:20px;margin:28px 0 6px}
h4{font-size:17px;margin:20px 0 4px}
p,ul,ol{margin:0 0 16px}
li{margin:0 0 6px}
li::marker{color:var(--verde);font-weight:700}
strong{color:var(--ink)}
.box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow);margin:0 0 18px}
.box .h{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--ink);margin:0 0 8px;font-size:15px;text-transform:uppercase;letter-spacing:.6px}
.box .h .ic{width:18px;height:18px;color:var(--verde)}
.toc ol{margin:0;padding-left:20px;font-size:15px;line-height:1.45}
.toc li{margin:6px 0}
.toc a{color:var(--text);text-decoration:none}
.toc a:hover{color:var(--verde)}
.cta{background:linear-gradient(135deg,var(--mata),var(--verde2));color:#e8f6ec;border:0}
.cta .h{color:var(--amarelo)}.cta .h .ic{color:var(--amarelo)}
.cta p{margin:0 0 12px;font-size:15px}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--amarelo);color:var(--mata);font-weight:800;text-decoration:none;padding:10px 18px;border-radius:999px;box-shadow:0 6px 18px -6px rgba(255,213,0,.8);transition:transform .15s}
.btn:hover{color:var(--mata);transform:translateY(-2px)}
.btn .ic{width:18px;height:18px}
.btn.ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6);box-shadow:none}
.btn.ghost:hover{color:#fff;border-color:var(--amarelo)}
/* conteúdo */
.tbl{overflow-x:auto;margin:0 0 22px;border-radius:12px;border:1px solid var(--line);background:var(--card)}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--mata);color:#fff;font-weight:700}
tr:last-child td{border-bottom:0}
tbody tr:nth-child(even){background:var(--soft)}
.nota{position:relative;margin:0 0 22px;padding:14px 18px 14px 52px;background:#fff8d6;border:1px solid #f1d55a;border-radius:14px}
.nota:before{content:"";position:absolute;left:16px;top:15px;width:22px;height:22px;background:var(--ouro);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E") center/contain no-repeat}
.nota p{margin:0}
code{background:var(--soft);padding:1px 6px;border-radius:5px;font-size:.92em}
.facts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px;padding:0}
.facts div{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--amarelo);border-radius:12px;padding:8px 16px;box-shadow:var(--shadow)}
.facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}
.facts dd{margin:0;font-weight:700;color:var(--ink)}
/* cartões */
.cards{list-style:none;padding:0;margin:0 0 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.cards li{position:relative;margin:0;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px 14px 56px;transition:transform .15s,box-shadow .15s,border-color .15s}
.cards li:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#9fd1ae}
.cards .ic{position:absolute;left:14px;top:14px;width:30px;height:30px;padding:5px;border-radius:9px;background:var(--soft);color:var(--verde)}
.cards a{font-weight:700;text-decoration:none;color:var(--ink);display:block;line-height:1.35}
.cards a:after{content:"";position:absolute;inset:0}
.cards li:hover a{color:var(--verde)}
.cards span{display:block;color:var(--muted);font-size:14px;line-height:1.45;margin-top:4px}
.hubsec{margin-top:10px}
.hubsec h2 a{color:var(--ink);text-decoration:none}
.hubsec>p{color:var(--muted);max-width:760px}
.related{margin-top:44px}
.related h2{font-size:22px;margin-top:0}
.back{margin:18px 0 0;font-weight:700}
/* home */
.home-hero .wrap{padding-top:44px;padding-bottom:56px}
.home-hero h1{font-size:clamp(34px,6vw,60px);max-width:900px}
.home-hero h1 em{font-style:normal;color:var(--amarelo);text-shadow:var(--glow)}
.acts{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:34px 0 0;max-width:760px}
.stats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:12px 16px}
.stats b{display:block;font-size:28px;color:var(--amarelo);line-height:1.1}
.stats span{font-size:14px;color:#d8eddf}
.tiles{list-style:none;padding:0;margin:0 0 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.tiles li{position:relative;margin:0;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 16px;text-align:center;transition:transform .15s,box-shadow .15s}
.tiles li:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.tiles .ic{width:52px;height:52px;padding:11px;border-radius:16px;background:linear-gradient(135deg,var(--soft),#fff6c2);color:var(--verde2);display:block;margin:0 auto 10px}
.tiles a{font-weight:800;color:var(--ink);text-decoration:none;display:block;line-height:1.3}
.tiles a:after{content:"";position:absolute;inset:0}
.tiles span{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.eco{display:grid;gap:20px;align-items:center;background:linear-gradient(135deg,#e3f3e6,#fff8d1);border:1px solid var(--line);border-radius:22px;padding:24px;margin:34px 0}
@media (min-width:800px){.eco{grid-template-columns:90px 1fr}}
.eco>.ic{width:76px;height:76px;padding:16px;border-radius:22px;background:var(--verde);color:#fff;box-shadow:0 10px 26px -10px rgba(0,132,61,.8)}
.eco p:last-child{margin:0}
.sec-h{display:flex;align-items:center;gap:10px}
.sec-h .ic{width:34px;height:34px;padding:6px;border-radius:10px;background:var(--verde);color:#fff}
.az{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.az a{display:inline-block;min-width:38px;text-align:center;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:var(--card);text-decoration:none;font-weight:800;color:var(--verde2)}
.az a:hover{background:var(--amarelo);color:var(--mata)}
/* rodapé */
.foot{position:relative;background:linear-gradient(160deg,#00230f,var(--mata) 60%,#001a4d);color:#cfe3d5;margin-top:64px;padding:40px 0 24px;font-size:15px}
.foot:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--verde),var(--amarelo),var(--anil))}
.fbrand{display:flex;align-items:flex-start;gap:14px;margin-bottom:26px;max-width:640px}
.fbrand .ic{width:40px;height:40px;padding:8px;border-radius:12px;background:rgba(0,132,61,.4);color:#9be8b4;flex:none}
.fbrand p{margin:0}
.fbrand strong{color:#fff}
.fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:22px}
.fh{font-weight:800;color:var(--amarelo);margin:0 0 8px;text-transform:uppercase;font-size:13px;letter-spacing:.8px}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{margin:0 0 6px}
.foot a{color:#e3f1e8;text-decoration:none}
.foot a:hover{color:var(--amarelo)}
.small{color:#a9c7b4;font-size:13px;margin-top:26px;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
/* calculadora */
.calc{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--amarelo);border-radius:var(--r);padding:20px;margin:0 0 26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;box-shadow:var(--shadow)}
.calc label{display:block;font-size:14px;font-weight:700;color:var(--ink)}
.calc input,.calc select{display:block;width:100%;margin-top:5px;padding:10px 12px;font:inherit;border:1px solid #a9c4b1;border-radius:10px;background:var(--bg);color:var(--text)}
.calc input:focus,.calc select:focus{outline:3px solid rgba(255,213,0,.6);border-color:var(--verde)}
.calc output{grid-column:1/-1;display:block;background:linear-gradient(135deg,var(--mata),var(--verde2));color:#fff;border-radius:12px;padding:14px 16px;font-weight:700;font-size:18px}
@media (max-width:640px){body{font-size:16px}.nav{margin-left:0;width:100%;padding-bottom:8px}.hero .wrap{padding-bottom:26px}.home-hero .wrap{padding-top:28px;padding-bottom:36px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media (prefers-color-scheme:dark){:root{--bg:#07140d;--card:#0e2117;--soft:#143023;--ink:#f0f8f2;--text:#d3e4d9;--muted:#9db8a7;--line:#22402f;--link:#8fc2ff;--shadow:0 8px 24px -12px rgba(0,0,0,.6)}a:hover{color:var(--amarelo)}.nota{background:#2a2508;border-color:#6d5c10}.tiles .ic{background:var(--soft);color:var(--amarelo)}.cards .ic{color:#6fdc98}.eco{background:linear-gradient(135deg,#0f2a1b,#2a2508)}th{background:#0b3d22}.cards li:hover{border-color:#2f6b45}.calc input,.calc select{border-color:#2f5a40}}
.wide .post>p,.wide .post>ul,.wide .post>ol,.wide .post>h2,.wide .post>h3,.wide .post>blockquote,.wide .post>.tbl{max-width:820px}