/* hero do blog / paginas */
.b-hero{padding:64px 0 40px;background:radial-gradient(1000px 420px at 88% -10%,var(--brand-soft),transparent 60%),var(--paper)}
.b-hero h1{font-size:clamp(2rem,4.2vw,3.1rem);font-weight:800;max-width:18ch}
.b-hero .lead{font-size:1.08rem;color:#3d4a42;max-width:58ch;margin-top:14px}

/* filtros */
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.filter{font-family:var(--mono);font-size:.8rem;letter-spacing:.04em;background:var(--white);border:1.5px solid var(--line);border-radius:999px;padding:9px 18px;color:var(--deep);cursor:pointer;transition:all .18s}
.filter:hover{border-color:var(--deep)}
.filter.active{background:var(--deep);border-color:var(--deep);color:var(--white)}

/* destaque */
.featured{margin-top:44px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;box-shadow:var(--shadow)}
.featured-media{background:linear-gradient(125deg,#33523F,#557A4C);position:relative;min-height:320px;display:flex;align-items:flex-end;padding:26px}
.featured-media svg{position:absolute;inset:0;width:100%;height:100%;opacity:.5}
.featured-media .mono-tag{position:absolute;top:20px;left:24px;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-soft);background:rgba(20,32,26,.35);padding:6px 12px;border-radius:999px;backdrop-filter:blur(4px)}
.featured-body{padding:38px 40px;display:flex;flex-direction:column;gap:16px}
.post-meta{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#7a8578;display:flex;gap:14px;flex-wrap:wrap}
.post-meta .cat{color:var(--deep);font-weight:500}
.featured-body h2{font-size:clamp(1.4rem,2.6vw,1.9rem);max-width:none}
.featured-body p{color:#4c584f;font-size:.98rem}
.readmore{font-weight:600;color:var(--deep);display:inline-flex;align-items:center;gap:8px;margin-top:auto}
.readmore::after{content:"→";transition:transform .18s}
.readmore:hover::after{transform:translateX(4px)}

/* grid de posts */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.post{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.post:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.post-media{height:150px;position:relative;display:flex;align-items:flex-start;padding:16px}
.post-media .mono-tag{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-soft);background:rgba(20,32,26,.35);padding:5px 11px;border-radius:999px;backdrop-filter:blur(4px);z-index:2}
.post-media svg{position:absolute;inset:0;width:100%;height:100%}
.pm1{background:linear-gradient(125deg,#33523F,#557A4C)}
.pm2{background:linear-gradient(125deg,#3E4A56,#6B7C8A)}
.pm3{background:linear-gradient(125deg,#5A5340,#8D835F)}
.pm4{background:linear-gradient(125deg,#4A3E52,#77688A)}
.pm5{background:linear-gradient(125deg,#2F4A45,#4E7A6E)}
.pm6{background:linear-gradient(125deg,#54453B,#87705C)}
.post-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.post-body h3{font-size:1.08rem;line-height:1.3}
.post-body p{font-size:.9rem;color:#4c584f;flex:1}

/* CTA newsletter */
.news{background:radial-gradient(700px 320px at 12% 0%,rgba(181,211,120,.25),transparent 60%),var(--deep);color:var(--white);border-radius:22px;padding:52px 48px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.news h2{color:var(--white);font-size:clamp(1.5rem,2.8vw,2rem)}
.news p{color:#C4D3BE;margin-top:10px;max-width:52ch}
.news-form{display:flex;gap:10px}
.news-form input{flex:1;padding:14px 18px;border-radius:999px;border:1.5px solid #3E6350;background:var(--deep-2);color:var(--white);font:inherit;font-size:.93rem}
.news-form input::placeholder{color:#8FAF98}
.news-form input:focus{outline:none;border-color:var(--brand)}

/* ajuda / CTA final */
.help{background:var(--white)}
.help-inner{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:var(--brand-soft);border-left:4px solid var(--brand);border-radius:0 var(--radius) var(--radius) 0;padding:30px 34px}
.help-inner h3{font-size:1.2rem;color:var(--deep)}
.help-inner p{color:#3d4a42;font-size:.95rem;margin-top:6px}

@media(max-width:960px){
  .featured{grid-template-columns:1fr}
  .featured-media{min-height:220px}
  .posts{grid-template-columns:1fr 1fr}
  .news{grid-template-columns:1fr;padding:40px 28px}
  .help-inner{grid-template-columns:1fr}
}
@media(max-width:600px){.posts{grid-template-columns:1fr}.news-form{flex-direction:column}}