/* Estilo só do blog. Herda todas as cores e fontes do site. */
.blog-corpo{padding-block:clamp(110px,16vw,150px) clamp(50px,8vw,80px)}
.blog-lista{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.4vw,20px)}
.blog-card{background:var(--nevoa);border-radius:var(--r-xl);overflow:hidden;display:flex;flex-direction:column;
  transition:.5s var(--mola);border:1.5px solid transparent}
.blog-card:hover{transform:translateY(-8px);box-shadow:var(--sh-3);background:#fff;border-color:var(--borda)}
.blog-foto{aspect-ratio:16/10;overflow:hidden;background:var(--borda)}
.blog-foto img{width:100%;height:100%;object-fit:cover;object-position:center 10%;transition:.7s var(--suave)}
.blog-card:hover .blog-foto img{transform:scale(1.06)}
.blog-txt{padding:clamp(20px,3vw,26px);display:flex;flex-direction:column;flex:1}
.blog-txt time{font-size:.8rem;font-weight:800;color:var(--magenta);letter-spacing:.04em;text-transform:uppercase}
.blog-txt h2,.blog-txt h3{font-size:clamp(1.05rem,2.2vw,1.3rem);margin:8px 0 8px;letter-spacing:-.03em;line-height:1.15}
.blog-txt p{font-size:clamp(.88rem,2vw,.95rem);color:var(--grafite);flex:1}
.blog-txt .link{margin-top:16px;font-weight:900;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;color:var(--tinta)}
.blog-txt .link .chev{width:16px;height:12px;color:var(--magenta);transition:.35s var(--mola)}
.blog-card:hover .link .chev{transform:translateX(6px)}

.blog-post{max-width:880px}
.blog-post .voltar{display:flex;width:fit-content;align-items:center;gap:6px;font-weight:800;font-size:.9rem;
  color:var(--grafite);margin-bottom:22px;transition:.3s}
.blog-post .voltar:hover{color:var(--magenta)}
.blog-post .voltar svg{width:18px;height:18px}
.blog-post > time{display:block;font-size:.82rem;font-weight:800;color:var(--magenta);letter-spacing:.04em;text-transform:uppercase}
.blog-post h1{font-size:clamp(1.8rem,5vw,3rem);margin:10px 0 16px}
.blog-post > .lead{margin-bottom:26px}
.blog-capa{float:left;width:40%;margin:6px 30px 22px 0;border-radius:var(--r-xl);overflow:hidden;shape-margin:30px}
.blog-texto::after{content:"";display:block;clear:both}
.blog-capa img{width:100%;height:auto;display:block}
.blog-capa figcaption{display:none}
.blog-texto{font-size:clamp(1rem,2.2vw,1.1rem);line-height:1.75;color:var(--tinta)}
.blog-texto p{margin-bottom:1.15em}
.blog-texto h2{font-size:clamp(1.3rem,3vw,1.7rem);margin:1.7em 0 .55em}
.blog-texto h3{font-size:clamp(1.1rem,2.4vw,1.3rem);margin:1.5em 0 .5em}
.blog-texto ul,.blog-texto ol{margin:0 0 1.15em 1.15em}
.blog-texto li{margin-bottom:.45em}
.blog-texto a{color:var(--roxo);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.blog-texto img{width:100%;height:auto;border-radius:var(--r-lg);margin:1.4em 0}
.blog-texto blockquote{border-left:4px solid var(--magenta);padding:4px 0 4px 20px;margin:1.5em 0;
  font-size:1.08em;font-weight:600;color:var(--grafite)}
.blog-texto strong{font-weight:800}
.blog-mais-titulo{font-size:clamp(1.3rem,3vw,1.8rem);margin:clamp(50px,8vw,80px) 0 22px}
.blog-cta{margin-top:clamp(50px,8vw,80px)}

@media(max-width:900px){
  .blog-lista{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .blog-capa{float:none;width:100%;margin:0 0 26px}
}
@media(max-width:600px){
  .blog-lista{grid-template-columns:1fr}
}