:root{--verde:#1a7a4f;--verde-esc:#0e5236;--verde-claro:#e8f5ee;--teal:#0f766e;--amarelo:#f5b301;--tinta:#22302b;--cinza:#5b6b64;--fundo:#f4f8f6;--card:#ffffff;--borda:#e3eae6;--destaque:#fff3d6} *{margin:0;padding:0;box-sizing:border-box} body{font-family:Georgia,'Times New Roman',serif;color:var(--tinta);background:var(--fundo);line-height:1.7;font-size:18px} header{background:linear-gradient(120deg,var(--verde-esc) 0%,var(--verde) 60%,var(--teal) 100%);color:#fff;padding:22px 0} .wrap{max-width:1060px;margin:0 auto;padding:0 20px} .brand{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap} .brand a{color:#fff;text-decoration:none;font-size:1.7rem;font-weight:bold;font-family:Arial,Helvetica,sans-serif;letter-spacing:-.5px;text-shadow:0 1px 3px rgba(0,0,0,.25)} .brand span{color:#d3f0e0;font-size:.95rem;font-family:Arial,Helvetica,sans-serif} nav{background:#0b3f2a;font-family:Arial,Helvetica,sans-serif;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px rgba(0,0,0,.15)} nav a{color:#fff;text-decoration:none;padding:12px 14px;font-size:.95rem;display:inline-block;border-bottom:3px solid transparent;transition:all .15s ease} nav a:hover{background:rgba(255,255,255,.08);border-bottom-color:var(--amarelo)} main{padding:36px 0 48px} .grid{display:grid;grid-template-columns:2fr 1fr;gap:32px} @media(max-width:800px){.grid{grid-template-columns:1fr}} h1{font-size:2rem;line-height:1.25;margin-bottom:14px;color:var(--verde-esc)} h2{font-size:1.4rem;margin:30px 0 12px;color:var(--verde-esc)} h3{font-size:1.15rem;margin:22px 0 10px} p{margin-bottom:16px} ul,ol{margin:0 0 16px 26px} li{margin-bottom:8px} a{color:var(--verde)} .meta{color:var(--cinza);font-size:.9rem;font-family:Arial,Helvetica,sans-serif;margin-bottom:22px} .card{background:var(--card);border:1px solid var(--borda);border-radius:12px;padding:26px 28px;margin-bottom:22px;transition:transform .18s ease,box-shadow .18s ease} .card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(14,82,54,.12)} .card h2{margin-top:0;font-size:1.2rem} .card h2 a{color:var(--verde-esc);text-decoration:none} .card h2 a:hover{color:var(--verde);text-decoration:underline} .card .resumo{color:var(--cinza);font-size:.96rem} .leia{font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:bold} .leia a{text-decoration:none} /* HERO */ .hero{background:linear-gradient(120deg,var(--verde-esc),var(--teal));border-radius:16px;color:#fff;padding:44px 40px;margin-bottom:30px;position:relative;overflow:hidden} .hero::after{content:"💰";position:absolute;right:24px;bottom:-18px;font-size:7rem;opacity:.18;transform:rotate(-12deg)} .hero h1{color:#fff;font-size:2.3rem;margin-bottom:10px} .hero p{color:#d3f0e0;font-family:Arial,Helvetica,sans-serif;font-size:1.05rem;max-width:34em} .hero .cta{display:inline-block;background:var(--amarelo);color:#3d2e00;font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-decoration:none;padding:12px 22px;border-radius:999px;margin-top:8px;transition:transform .15s ease} .hero .cta:hover{transform:scale(1.05)} /* CHIPS DE CATEGORIA */ .chip{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:.72rem;font-weight:bold;text-transform:uppercase;letter-spacing:.6px;padding:4px 12px;border-radius:999px;margin-bottom:10px} .chip-orcamento{background:#e8f5ee;color:#1a7a4f} .chip-dividas{background:#fdecec;color:#b3261e} .chip-investir{background:#e8f0fd;color:#1a56b0} .chip-renda{background:#fff3d6;color:#8a6400} .chip-familia{background:#f3e8fd;color:#7326b0} .chip-longoprazo{background:#e6f7f6;color:#0f766e} /* GRADE DE ARTIGOS NA HOME */ .cardgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px} @media(max-width:640px){.cardgrid{grid-template-columns:1fr}} .cardgrid .card{margin-bottom:0;display:flex;flex-direction:column} .cardgrid .card .leia{margin-top:auto} .icone{font-size:1.9rem;line-height:1;margin-bottom:10px;display:block} .destaque-card{grid-column:1/-1;background:linear-gradient(120deg,#ffffff 65%,var(--verde-claro));border-left:6px solid var(--amarelo)} .destaque-card h2{font-size:1.5rem} .secao{font-family:Arial,Helvetica,sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--verde-esc);border-bottom:3px solid var(--amarelo);display:inline-block;padding-bottom:4px;margin:34px 0 18px} /* SIDEBAR */ aside .card{padding:20px} aside .card:hover{transform:none;box-shadow:none} aside h3{margin-top:0;font-family:Arial,Helvetica,sans-serif;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;color:var(--verde-esc);border-bottom:3px solid var(--amarelo);display:inline-block;padding-bottom:3px} aside ul{list-style:none;margin-left:0} aside li{border-bottom:1px solid var(--borda);padding:9px 0;font-size:.95rem} aside li:last-child{border-bottom:none} aside a{text-decoration:none} aside a:hover{color:var(--verde-esc);text-decoration:underline} .ad-slot{background:repeating-linear-gradient(45deg,#eef3f0,#eef3f0 12px,#e6ede9 12px,#e6ede9 24px);border:2px dashed #b9cbc2;border-radius:10px;color:var(--cinza);font-family:Arial,Helvetica,sans-serif;font-size:.85rem;text-align:center;padding:34px 12px;margin:26px 0} .aviso{background:var(--destaque);border-left:4px solid #d9a520;padding:14px 18px;border-radius:0 8px 8px 0;font-size:.92rem;margin:26px 0;color:#5c4a12} footer{background:#122820;color:#cfd8d3;padding:36px 0 30px;font-family:Arial,Helvetica,sans-serif;font-size:.9rem} footer a{color:#9fd4b8;text-decoration:none;margin-right:18px} footer a:hover{color:#d3f0e0;text-decoration:underline} footer p{margin-bottom:10px} article .card{padding:34px 38px} article .card:hover{transform:none;box-shadow:none} @media(max-width:600px){article .card{padding:24px 20px}body{font-size:17px}.hero{padding:30px 22px}.hero h1{font-size:1.7rem}}