/* Blog editorial: abertura curta, filtros e artigos com o mesmo peso. */
.blog-hub{background:#fff}.blog-hub main{background:#fff}
.blog-hub .blog-header{background:var(--deep)}
.blog-hub .header nav a[aria-current=page]{color:var(--yellow)}
.blog-banner{position:relative;overflow:hidden;background:#eef5e7;padding:48px 0;text-align:center;isolation:isolate}
.blog-banner:before,.blog-banner:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;z-index:-1}
.blog-banner:before{background:#d7ebc4;left:-50px;bottom:-115px}.blog-banner:after{background:#f1ed9d;right:-25px;top:-120px}
.blog-banner h1{font-size:38px;line-height:1.2;letter-spacing:-1px;max-width:none;margin:0;color:var(--deep)}
.blog-banner .icon{position:absolute;width:48px;height:48px;color:#268440;opacity:.55;stroke-width:1.2;pointer-events:none}.banner-plug{left:max(6%,calc(50% - 490px));top:45px;transform:rotate(-16deg)}.banner-sun{right:max(6%,calc(50% - 490px));top:45px;transform:rotate(12deg)}
.blog-hub .blog-list{padding:30px 0 65px;min-height:0}.blog-hub .blog-list:before{display:none}
.blog-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:0 0 30px}
.blog-filters button{font:inherit;font-size:13px;line-height:1.2;padding:11px 21px;background:#f2f5ef;color:#274531;border:1px solid transparent;border-radius:30px;cursor:pointer;transition:background .2s,border-color .2s}
.blog-filters button:hover{background:#e5efdd;border-color:#bed4b2}.blog-filters button[aria-pressed=true]{background:var(--green);color:var(--deep);font-weight:600}
.blog-hub .journal-grid{gap:24px}.blog-hub .journal-card{border-radius:14px;background:white;border:1px solid #e1e8dc;box-shadow:none}.blog-hub .journal-card:hover{border-color:#8dbb83}.blog-hub .journal-card[hidden]{display:none}
.blog-hub .journal-image{height:225px}.blog-hub .journal-copy{padding:23px}.blog-hub .article-category{font-size:11px;letter-spacing:.4px;text-transform:none;color:#326d40;background:#edf4e8;align-self:flex-start;padding:4px 9px;border-radius:5px}
.blog-hub .journal h3{font-size:23px;line-height:1.25;color:var(--deep);margin:14px 0 13px}.blog-hub .journal-copy>p{color:#344c3b;font-size:15px;line-height:1.65;margin-bottom:23px}.blog-hub .read-article{font-size:13px;color:#176c2e}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1000px){.blog-hub .journal-image{height:185px}.blog-hub .journal-copy{padding:19px}.blog-hub .journal h3{font-size:21px}}
@media(max-width:720px){.blog-banner{padding:35px 0}.blog-banner h1{font-size:31px}.blog-banner .icon{width:30px;height:30px;top:38px}.banner-plug{left:17px}.banner-sun{right:17px}.blog-hub .blog-list{padding:25px 0 45px}.blog-filters{gap:7px;margin-bottom:25px}.blog-filters button{padding:10px 15px;font-size:12px}.blog-hub .journal-image{height:220px}.blog-hub .journal-copy{padding:23px}.blog-hub .journal h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.blog-filters button{transition:none}}

/* Citação de destaque dentro do artigo. */
.post-body blockquote{margin:34px 0;padding:22px 26px;border-left:3px solid var(--green);background:#f1f8e8;border-radius:0 16px 16px 0;font-size:18px;line-height:1.7;color:var(--ink)}
.post-body blockquote cite{display:block;margin-top:12px;font-size:14px;font-style:normal;color:#4a6b52}
/* Paragrafo de fechamento com link para o site principal. */
.post-body .post-cta{color:var(--muted)}
.post-body .post-cta a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.post-body blockquote{padding:18px 20px;font-size:17px}}

/* Mobile — repete o card em linha do editorial.css. Precisa vir aqui porque
   estas regras do hub tem seletor mais especifico (.blog-hub .journal-image)
   e o blog.css e carregado depois do editorial. */
@media(max-width:720px){
  .blog-hub .journal-grid{gap:14px}
  .blog-hub .journal-card .article-open{
    display:grid;grid-template-columns:92px 1fr;gap:0;align-items:start;height:auto;
  }
  .blog-hub .journal-card .article-open:has(.journal-image:empty){grid-template-columns:1fr}
  .blog-hub .journal-image{height:100%;min-height:84px;border-radius:16px 0 0 16px;margin:1px}
  .blog-hub .journal-copy{padding:12px 14px 13px 12px}
  .blog-hub .article-category{font-size:10px;letter-spacing:.6px;padding:3px 7px;border-radius:4px}
  .blog-hub .journal h3{font-size:16px;line-height:1.25;margin:7px 0 5px;letter-spacing:-.2px}
  .blog-hub .journal-copy>p{
    font-size:12.5px;line-height:1.45;margin:0 0 8px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  }
  .blog-hub .read-article{font-size:12px;gap:5px;margin-top:0}
}