/* Blog Premium: reaproveita os tokens de style.css */
.bhero{padding-block:clamp(48px,7vw,96px) clamp(32px,4vw,56px);background:var(--paper)}
.bhero .wrap{display:flex;flex-direction:column;gap:22px}
.bhero h1{font-size:clamp(2.6rem,6vw,5rem)}
.bhero h1 em{font-style:normal;color:var(--olive)}
.blist{padding-block:0 clamp(72px,9vw,120px)}
.blist.more{padding-top:clamp(56px,7vw,88px);background:var(--linen)}
.bgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,3vw,44px) clamp(18px,2vw,28px)}
.bgrid.two{grid-template-columns:repeat(2,1fr)}
.bcard{display:flex;flex-direction:column;gap:12px;min-width:0}
.bcard.big{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:12px clamp(28px,4vw,56px);align-items:center}
.bcard.big .bimg{grid-row:span 5;aspect-ratio:4/3}
.bcard.big h2{font-size:clamp(2rem,3.4vw,3rem)}
.bimg{display:block;overflow:hidden;border-radius:999px 999px 4px 4px;aspect-ratio:4/3.4;background:var(--cream)}
.bcard:not(.big) .bimg{border-radius:4px}
.bimg img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.bcard:hover .bimg img{transform:scale(1.04)}
.bmeta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--olive)}
.bmeta time{color:var(--stone);font-weight:500}
.bcard h2{font-size:1.75rem;line-height:1.08}
.bcard h2 a{text-decoration:none}
.bcard h2 a:hover{color:var(--olive)}
.bcard p{font-size:.95rem;color:var(--ink-soft);font-weight:300}
.bmore{font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--olive);text-decoration:none;align-self:flex-start;border-bottom:1px solid currentColor;padding-bottom:3px}
/* Artigo */
.post{padding-top:clamp(40px,6vw,80px)}
.phead{max-width:860px;display:flex;flex-direction:column;gap:18px}
.phead h1{font-size:clamp(2.4rem,5vw,4.2rem)}
.back{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--ink-soft)}
.back:hover{color:var(--olive)}
.pcover{max-width:1100px;margin:clamp(32px,4vw,52px) auto 0}
.pcover img{width:100%;max-height:640px;object-fit:cover;border-radius:4px}
.pcover figcaption,.pbody figcaption{font-size:.78rem;color:var(--stone);margin-top:10px}
.pbody{max-width:760px;padding-block:clamp(36px,5vw,60px);font-size:1.05rem;line-height:1.8;color:var(--ink-soft)}
.pbody > * + *{margin-top:1.1em}
.pbody h2{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.1;color:var(--ink);margin-top:1.6em}
.pbody strong{color:var(--ink);font-weight:600}
.pbody ul{padding-left:1.2em}
.pbody li{margin-top:.4em}
.pbody li::marker{color:var(--olive)}
.pbody figure{margin:2em 0}
.pbody figure img{width:100%;border-radius:4px}
.pcta{max-width:1100px;margin:0 auto clamp(56px,7vw,88px);background:var(--olive-deep);color:var(--linen);border-radius:4px;padding:clamp(28px,4vw,48px) clamp(24px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:24px 48px;flex-wrap:wrap}
.pcta > div{max-width:560px;display:flex;flex-direction:column;gap:12px}
.pcta h2{font-size:clamp(1.8rem,3vw,2.5rem);color:var(--paper)}
.pcta p{font-size:.92rem;color:rgba(234,227,217,.8);font-weight:300}
.pcta .btn svg{width:18px;height:18px}
@media (max-width:880px){
  .bgrid{grid-template-columns:1fr 1fr}
  .bcard.big{grid-template-columns:1fr}
  .bcard.big .bimg{grid-row:auto}
}
@media (max-width:560px){
  .bgrid,.bgrid.two{grid-template-columns:1fr}
}
