/* ==========================================================================
   Blog — mesma identidade do site (areia, tinta, ouro)
   ========================================================================== */
html.blog{scroll-snap-type:none!important;scroll-behavior:smooth}
.pagina-blog .topo{background:rgba(247,243,237,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--borda)}
.menu--blog a[aria-current="page"]{opacity:1;color:var(--ouro)}

main.blog{
  padding:calc(var(--topo-h) + var(--demo-h,0px) + clamp(2rem,5vw,4rem)) clamp(1.2rem,4vw,4rem) clamp(3rem,6vw,5rem);
  max-width:1240px;margin:0 auto;
}

/* ---- capa da listagem ---------------------------------------------------- */
.blog__cabeca{max-width:760px;margin-bottom:clamp(2rem,5vw,3.5rem)}
.blog__cabeca .grande{margin:.8rem 0 1rem}
.blog__cabeca .grande i{color:var(--ouro)}
.blog__cats{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.6rem}
.blog__cats a{
  padding:.5rem 1rem;border-radius:100px;border:1px solid var(--borda);
  font-size:.82rem;color:var(--tinta-3);transition:all .25s;
}
.blog__cats a:hover{border-color:var(--ouro);color:var(--tinta)}
.blog__cats a[aria-current="page"]{background:var(--tinta);border-color:var(--tinta);color:var(--areia)}

/* ---- cartões ------------------------------------------------------------- */
.blog__lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(1.2rem,2.5vw,2rem)}
.post-cartao__link{
  display:flex;flex-direction:column;height:100%;border-radius:18px;overflow:hidden;
  background:var(--branco);border:1px solid var(--borda);
  transition:transform .35s cubic-bezier(.19,1,.22,1),box-shadow .35s;
}
.post-cartao__link:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(12,27,42,.12)}
.post-cartao__capa{aspect-ratio:16/9;background:linear-gradient(135deg,#F6E3B6,#C99A44 55%,#F2D9A4);display:grid;place-items:center;overflow:hidden}
.post-cartao__capa img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.19,1,.22,1)}
.post-cartao__link:hover .post-cartao__capa img{transform:scale(1.04)}
.post-cartao__capa span{font-size:2.4rem;color:rgba(42,30,8,.55)}
.post-cartao__texto{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.post-cartao h2{font-size:1.45rem;line-height:1.15;letter-spacing:-.01em}
.post-cartao p:not(.etiqueta){color:var(--tinta-3);font-size:.92rem;line-height:1.6}
.post-cartao small{margin-top:auto;padding-top:.6rem;font-size:.74rem;color:var(--tinta-3)}

/* ---- artigo -------------------------------------------------------------- */
.artigo{max-width:760px;margin:0 auto}
.artigo__previa{
  background:var(--ouro-claro);color:#5B3E10;border-radius:10px;padding:.6rem 1rem;
  font-size:.82rem;margin-bottom:1.5rem;text-align:center;
}
.artigo__voltar{font-size:.82rem;color:var(--tinta-3);display:inline-block;margin-bottom:1.6rem}
.artigo__voltar:hover{color:var(--ouro)}
.artigo__cabeca h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.04;letter-spacing:-.02em;margin:.8rem 0 1rem}
.artigo__resumo{font-size:1.15rem;color:var(--tinta-3);line-height:1.6}
.artigo__meta{font-size:.78rem;color:var(--tinta-3);margin-top:1.2rem;padding-bottom:1.6rem;border-bottom:1px solid var(--borda)}
.artigo__capa{margin:2rem 0 0;border-radius:18px;overflow:hidden}
.artigo__capa img{width:100%;max-height:460px;object-fit:cover}

.artigo__corpo{margin-top:2rem;font-size:1.06rem;line-height:1.8;color:#22303E}
.artigo__corpo > * + *{margin-top:1.1rem}
.artigo__corpo h2{font-size:1.8rem;margin-top:2.4rem;line-height:1.15}
.artigo__corpo h3{font-size:1.35rem;margin-top:2rem;line-height:1.2}
.artigo__corpo a{color:var(--ouro);border-bottom:1px solid rgba(169,118,42,.4)}
.artigo__corpo a:hover{border-color:var(--ouro)}
.artigo__corpo ul,.artigo__corpo ol{padding-left:1.3rem}
.artigo__corpo ul{list-style:disc}
.artigo__corpo ol{list-style:decimal}
.artigo__corpo li + li{margin-top:.4rem}
.artigo__corpo li::marker{color:var(--ouro)}
.artigo__corpo blockquote{
  margin:1.8rem 0;padding:1.1rem 1.4rem;border-left:3px solid var(--ouro);
  background:var(--areia-2);border-radius:0 12px 12px 0;color:var(--tinta);
}
.artigo__corpo img{border-radius:14px;margin:1.6rem 0}
.artigo__corpo table{width:100%;border-collapse:collapse;font-size:.92rem}
.artigo__corpo th,.artigo__corpo td{padding:.55rem .7rem;border-bottom:1px solid var(--borda);text-align:left}
.artigo__corpo code{background:var(--areia-2);padding:.1rem .35rem;border-radius:5px;font-size:.9em}

.artigo__cta{
  margin-top:3rem;padding:clamp(1.4rem,3vw,2rem);border-radius:18px;
  background:var(--tinta);color:var(--areia);
  display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;
}
.artigo__cta h2{font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--areia);margin-top:.5rem}
.artigo__cta .acao{background:var(--ouro-luz);border-color:var(--ouro-luz);color:var(--tinta)}

.blog__mais{margin-top:clamp(3rem,7vw,5rem);padding-top:2rem;border-top:1px solid var(--borda)}
.blog__mais > h2{font-size:1.8rem;margin-bottom:1.4rem}

.rodape--blog{margin-top:0;background:var(--tinta);color:var(--areia);padding:clamp(2.2rem,5vw,3.5rem) clamp(1.2rem,4vw,4rem) 2rem;border-top:0}

@media (max-width:860px){
  .menu--blog{display:none}
}
@media (prefers-reduced-motion:reduce){
  .post-cartao__link,.post-cartao__capa img{transition:none}
}