/* Página do blog (/blog) e página de cada texto (/blog/<slug>, gerada pelo servidor) */

/* ===== lista do blog ===== */
.blog-pagina{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:calc(var(--navh) + clamp(48px,9vh,96px)) var(--gut) clamp(64px,10vh,110px)}
.blog-topo{max-width:720px;margin-bottom:clamp(28px,5vh,48px)}
.blog-topo h1{font-size:clamp(2.6rem,5vw,4rem)}
.blog-lista-grande{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.blog-lista-grande .blog-info{padding:16px 18px 20px}
.blog-lista-grande .blog-info b{font-size:1.25rem}
.blog-lista-grande .blog-info span{-webkit-line-clamp:3}
.blog-arquivo{margin-top:clamp(72px,12vh,140px);padding-top:clamp(40px,6vh,64px);border-top:1px solid var(--linha)}

/* ===== um texto ===== */
.post-pagina{position:relative;z-index:1;padding:calc(var(--navh) + clamp(40px,8vh,80px)) var(--gut) clamp(64px,10vh,110px);--cor:var(--lilas)}
.post-artigo{max-width:760px;margin:0 auto}
.post-voltar{display:inline-block;margin-bottom:2rem;color:var(--texto-2);text-decoration:none;font-weight:600;font-size:.92rem}
.post-voltar:hover{color:var(--dourado)}
.post-data{margin:0 0 .8rem;font:600 .74rem var(--corpo);letter-spacing:.18em;text-transform:uppercase;color:var(--lilas)}
.post-titulo{font-size:clamp(2.3rem,5vw,3.6rem);line-height:1.08;margin:0 0 1.6rem}
.post-capa{margin:0 0 2.2rem;border-radius:22px;overflow:hidden;border:1px solid var(--linha)}
.post-capa img{width:100%;height:auto;max-height:70vh;object-fit:cover}
.post-corpo{font-size:1.1rem;line-height:1.8;color:#faf5ffe6}
.post-corpo p{margin:0 0 1.1em}
.post-corpo h2{margin:1.8em 0 .5em;font-size:clamp(1.6rem,2.6vw,2rem)}
.post-corpo h2::after{display:none}
.post-corpo h3{margin:1.6em 0 .4em;font-size:1.35rem}
.post-corpo blockquote{margin:1.6em 0;padding:.2em 0 .2em 1.2em;border-left:3px solid var(--lilas);font:italic 300 1.35rem/1.45 var(--display);color:var(--texto)}
.post-corpo ul,.post-corpo ol{margin:0 0 1.1em;padding-left:1.4em}
.post-corpo li{margin-bottom:.35em}
.post-corpo a{color:var(--dourado);text-underline-offset:3px}
.post-corpo figure{margin:1.8em 0}
.post-corpo img{max-width:100%;height:auto;border-radius:16px}
.post-corpo figcaption{margin-top:.5em;font-size:.86rem;color:var(--texto-3);text-align:center}
.post-corpo hr{border:0;border-top:1px solid var(--linha);margin:2.4em 0}
.partilha{margin-top:3.2rem;padding-top:1.6rem;border-top:1px solid var(--linha)}