.blog-hero{background:var(--cream);padding:86px 0 78px;border-bottom:1px solid var(--line)}.blog-hero h1{font-family:'DM Sans',Arial,sans-serif;color:var(--navy);font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.08;max-width:720px;letter-spacing:-.035em}.blog-hero p{color:var(--muted);font-size:1.1rem;max-width:650px;margin-top:20px}.blog-content{padding:62px 0 110px}.blog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:42px}.category-tabs{display:flex;gap:8px;flex-wrap:wrap}.category-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);padding:10px 15px;border-radius:999px;font:600 .78rem 'DM Sans',sans-serif;cursor:pointer}.category-tabs button.active,.category-tabs button:hover{background:var(--navy);border-color:var(--navy);color:#fff}.search-box{display:flex;align-items:center;gap:9px;border:1px solid var(--line);padding:10px 14px;background:#fff;color:var(--muted);min-width:220px}.search-box input{border:0;outline:0;font:inherit;width:100%;color:var(--ink)}.featured-post{background:var(--navy);color:#fff;padding:40px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-bottom:66px}.featured-post .eyebrow{color:#dfbd82}.featured-post h2{font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3vw,3rem);line-height:1.1;max-width:700px}.featured-post p{color:#ccdade;max-width:680px;margin:14px 0 24px}.featured-post .post-meta{color:#a7bdc1}.featured-link{color:#dfbd82;font-weight:700;white-space:nowrap}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:56px}.results-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.results-heading .eyebrow{margin-bottom:0}.results-heading span:last-child{font-size:.78rem;color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.post-card{border:1px solid var(--line);padding:25px;background:#fff;display:flex;flex-direction:column;min-height:275px;transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.post-card .post-category{color:var(--gold);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.post-card h3{font-family:'Playfair Display',serif;color:var(--navy);font-size:1.45rem;line-height:1.18;margin:12px 0}.post-card p{font-size:.88rem;color:var(--muted);line-height:1.55}.post-meta{font-size:.72rem;color:var(--muted);margin-top:auto;padding-top:20px}.post-card a{color:var(--navy);font-size:.84rem;font-weight:700;margin-top:18px}.blog-aside{display:flex;flex-direction:column;gap:18px}.aside-card{background:var(--navy);color:#fff;padding:28px}.aside-card .eyebrow{color:#dfbd82}.aside-card h2{font-family:'Playfair Display',serif;line-height:1.15;font-size:1.7rem}.aside-card p{color:#c5d5d8;font-size:.86rem;margin:15px 0 22px}.aside-card .button{font-size:.8rem;width:100%}.aside-card.light{background:var(--cream);color:var(--navy)}.aside-card.light p{color:var(--muted)}.empty-state{grid-column:1/-1;padding:40px;background:var(--cream);color:var(--muted);text-align:center}@media(max-width:900px){.blog-layout{grid-template-columns:1fr}.blog-aside{display:grid;grid-template-columns:1fr 1fr}.featured-post{grid-template-columns:1fr}.featured-link{justify-self:start}}@media(max-width:720px){.blog-hero{padding:60px 0}.blog-hero h1{font-size:clamp(2.5rem,12vw,3.7rem)}.blog-hero p{font-size:1rem}.blog-content{padding:42px 0 76px}.blog-toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%}.featured-post{padding:28px 22px;margin-bottom:48px}.featured-post h2{font-size:2rem}.post-grid{grid-template-columns:1fr}.blog-aside{grid-template-columns:1fr}.category-tabs{gap:6px}.category-tabs button{padding:9px 11px}}

.article-page{background:var(--cream);padding:60px 0 110px}.article-container{max-width:860px}.breadcrumbs{display:flex;gap:10px;color:var(--muted);font-size:.78rem;margin-bottom:44px}.breadcrumbs a{color:var(--navy);font-weight:700}.article-container h1{font-family:'DM Sans',Arial,sans-serif;color:var(--navy);font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.08;letter-spacing:-.035em;max-width:850px}.article-lead{font-size:1.12rem;color:var(--muted);max-width:740px;margin:20px 0}.article-meta{font-size:.8rem;color:var(--muted);padding:18px 0 36px;border-bottom:1px solid var(--line)}.article-body{background:#fff;padding:46px 56px;margin-top:42px;box-shadow:var(--shadow)}.article-body h2{font-family:'DM Sans',Arial,sans-serif;color:var(--navy);font-size:1.55rem;line-height:1.2;margin:30px 0 12px}.article-body h2:first-child{margin-top:0}.article-body p{font-size:1.05rem;line-height:1.85;color:#435861;margin-bottom:18px}.article-note{background:#f5f2ed;border-left:4px solid var(--gold);padding:20px 22px;color:var(--muted);font-size:.9rem;margin-top:38px}.article-cta{background:var(--navy);color:#fff;padding:30px;margin-top:40px}.article-cta h2{color:#fff;margin:0 0 8px}.article-cta p{color:#ccdade;font-size:.92rem;margin-bottom:18px}.article-cta .button{color:#fff}@media(max-width:720px){.article-page{padding:40px 0 76px}.breadcrumbs{margin-bottom:30px}.article-container h1{font-size:clamp(2.35rem,11vw,3.5rem)}.article-body{padding:30px 22px;margin-top:30px}.article-body p{font-size:1rem;line-height:1.75}.article-body h2{font-size:1.35rem}.article-cta{padding:24px 20px}}


/* Blog uses the same typography and WhatsApp CTA pattern as the landing page. */
.blog-hero h1,.featured-post h2,.post-card h3,.article-container h1,.article-body h2{font-family:'DM Sans',Arial,sans-serif}
.category-tabs button{font-family:'DM Sans',Arial,sans-serif}
.blog-hero .button-primary,.aside-card .button-primary,.article-cta .button-primary{background:var(--green);border-color:var(--green);color:#fff}
.blog-hero .button-primary:hover,.aside-card .button-primary:hover,.article-cta .button-primary:hover{background:var(--green-dark);border-color:var(--green-dark)}

/* Tipografia única em todas as abas e artigos */
.blog-hero h1,.blog-hero p,.featured-post h2,.featured-post p,.featured-post .post-meta,.featured-link,
.results-heading,.post-card,.post-card h3,.post-card p,.post-meta,.post-card a,.blog-aside,
.article-container,.article-container h1,.article-lead,.article-meta,.article-body,.article-body h2,
.article-body p,.article-note,.article-cta,.breadcrumbs,.category-tabs button,.search-box{font-family:'DM Sans',Arial,sans-serif}


/* CTAs contextuais do blog */
.featured-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.featured-actions .button{font-size:.8rem}.post-card .post-read{color:var(--navy);font-size:.84rem;font-weight:700;margin-top:18px}.post-card .post-contact{margin-top:12px;width:100%;font-size:.78rem;padding:11px 13px}.post-card .post-contact .whatsapp-button-icon{width:1.55em;height:1.55em}.post-card .post-contact .bi-whatsapp{display:none}.post-card .post-read+.post-contact{color:#fff}
@media(max-width:900px){.featured-actions{align-items:flex-start}}

/* Padronização tipográfica do card lateral do blog */
.blog-aside,
.blog-aside h2,
.blog-aside h3,
.blog-aside p,
.blog-aside a,
.blog-aside span {
  font-family: 'DM Sans', Arial, sans-serif;
}


/* Cards editoriais: imagem temática, marca e navegação por toda a superfície */
.featured-post { background:var(--cream); color:var(--ink); border:1px solid var(--line); grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr); padding:0; gap:0; overflow:hidden; }
.featured-cover, .post-cover { position:relative; display:block; overflow:hidden; background:#e9eef0; }
.featured-cover { min-height:260px; }
.featured-cover > img, .post-cover > img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.featured-cover:hover > img, .post-cover:hover > img { transform:scale(1.04); }
.post-brand { position:absolute; right:12px; bottom:12px; display:block; width:112px; padding:7px 9px; background:rgba(255,255,255,.93); border-radius:3px; box-shadow:0 4px 12px rgba(18,50,71,.16); }
.post-brand img { width:100%; height:auto; object-fit:contain; }
.featured-copy { padding:36px 40px; }
.featured-post .eyebrow { color:var(--gold); }
.featured-post h2 { color:var(--navy); }
.featured-post p { color:var(--muted); }
.featured-post .post-meta { color:var(--muted); }
.featured-actions { margin-top:22px; flex-direction:row; align-items:center; flex-wrap:wrap; }
.featured-link { color:var(--navy); }
.post-card { padding:0; min-height:0; overflow:hidden; cursor:pointer; }
.post-cover { height:190px; flex:0 0 190px; }
.post-card-body { display:flex; flex-direction:column; padding:22px 25px 25px; flex:1; }
.post-card-title { display:block; }
.post-card-title h3 { margin:12px 0; }
.post-card-title:hover h3, .post-card:focus-visible h3 { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:4px; }
.post-card .post-contact { margin-top:auto; }
.blog-aside .aside-card { background:#f7f8f6; color:var(--navy); border:1px solid var(--line); }
.blog-aside .aside-card .eyebrow { color:var(--gold); }
.blog-aside .aside-card p { color:var(--muted); }
.post-card:focus-visible, .post-card a:focus-visible { outline:3px solid rgba(32,200,107,.45); outline-offset:3px; }
@media(max-width:900px){ .featured-post { grid-template-columns:1fr; } }
@media(max-width:720px){ .featured-copy { padding:28px 22px; } .featured-cover { min-height:210px; } .post-cover { height:180px; } }


/* Artigo em destaque: card inteiro clicável, com apenas o CTA de WhatsApp */
#featured-post { cursor:pointer; }
#featured-post:hover .featured-cover > img { transform:scale(1.04); }
#featured-post:focus-visible { outline:3px solid rgba(32,200,107,.45); outline-offset:3px; }
#featured-post .featured-actions { margin-top:22px; }
#featured-post .featured-actions .button { cursor:pointer; }


/* Padronização do destaque: o título também sinaliza que o card inteiro é clicável */
#featured-post:hover .featured-copy h2,
#featured-post:focus-visible .featured-copy h2 {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

/* Cards do blog: somente tempo de leitura e distância uniforme até o CTA */
.post-card .post-meta {
  margin-top: auto;
  padding-top: 20px;
  min-height: 38px;
  display: flex;
  align-items: flex-end;
}
.post-card .post-contact {
  margin-top: 16px;
}
.featured-copy .post-meta {
  display: block;
  margin-top: 20px;
  padding-top: 0;
}
.featured-copy .featured-actions {
  margin-top: 16px;
}

/* Mesmo espaçamento do destaque: a regra do identificador não pode alterar o padrão */
#featured-post .featured-actions { margin-top: 16px; }

/* Título do blog: somente no mobile, duas linhas exatas solicitadas */
.blog-title-mobile { display: none; }
@media (max-width: 720px) {
  .blog-title-desktop { display: none; }
  .blog-title-mobile { display: inline; }
}

/* Último ajuste mobile: o título do blog permanece exatamente em duas linhas */
@media (max-width: 720px) {
  .blog-hero h1 { font-size: clamp(1.65rem, 8vw, 2.4rem); }
  .blog-title-mobile { white-space: nowrap; }
}
