/* Extras do site da Pires: seção de blog na home, páginas do blog e campo-isca
   do formulário. Usa os mesmos tokens do site-v3.css. */

.cont-isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- Seção Blog (home) ---------- */
.blog{padding-block:var(--pad-sec);border-top:1px solid var(--line)}
.blog-cabeca{row-gap:var(--space-5);margin-bottom:var(--space-8);align-items:end}
.blog-cabeca__titulo{justify-items:start;gap:var(--space-5);display:grid}
.blog-apoio{max-width:46ch;color:var(--text-2);font-size:var(--fs-lead);line-height:1.6}
@media (width>=1024px){
  .blog-cabeca__titulo{grid-column:1/span 7}
  .blog-apoio{grid-column:8/span 5;padding-bottom:.35em}
}
.blog-lista{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-7) var(--coluna-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.blog-card__link{display:grid;gap:var(--space-3);color:inherit;text-decoration:none}
.blog-card__foto{display:block;aspect-ratio:4/3;margin-bottom:var(--space-2)}
.blog-card__foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease-out)}
.blog-card__meta{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--muted);font-size:var(--fs-ficha);letter-spacing:var(--track-ficha);text-transform:uppercase;font-weight:500;line-height:1.5}
.blog-card__meta>:not(:last-child)::after{content:"\2060·";opacity:.6;margin-left:14px}
.blog-card__titulo{color:var(--text);font-family:var(--font-display);font-optical-sizing:auto;font-size:var(--fs-h3);font-weight:350;letter-spacing:-.01em;line-height:1.2;text-wrap:balance}
.blog-card__resumo{color:var(--text-2);font-size:.9375rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-card__ler{justify-self:start;margin-top:var(--space-1)}
@media (hover:hover) and (pointer:fine){
  .blog-card__link:hover .blog-card__foto img{transform:scale(1.04)}
  .blog-card__link:hover .blog-card__titulo{color:var(--accent)}
}
.blog-card__link:focus-visible{outline:1px solid var(--accent);outline-offset:6px}
.blog-mais{margin-top:var(--space-8)}

/* ---------- Páginas do blog (/blog e /blog/slug) ---------- */
.bpag{min-height:100svh;display:flex;flex-direction:column}
.bpag-topo{position:sticky;top:0;z-index:var(--z-nav);background:var(--tema-vidro);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.bpag-topo__in{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);min-height:64px}
.bpag-marca{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}
.bpag-marca__nome{font-family:var(--font-display);font-size:1.5rem;font-weight:350;letter-spacing:-.01em;line-height:1}
.bpag-marca__risco{width:1px;height:20px;background:var(--line-2)}
.bpag-marca__sub{font-size:var(--fs-ficha);letter-spacing:var(--track-ficha);text-transform:uppercase;font-weight:500}
.bpag-topo__links{display:flex;align-items:center;gap:var(--space-5)}
@media (width<=599.98px){.bpag-topo__voltar{display:none}}
.bpag-btn{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 18px;border-radius:var(--r-pill);background:var(--text);color:var(--linho);font-size:var(--fs-sm);font-weight:500;text-decoration:none}
.bpag-btn:hover{background:var(--accent)}
.bpag-main{flex:1;padding-block:clamp(48px,8vw,120px)}
.bpag-cabeca{display:grid;gap:var(--space-5);justify-items:start;margin-bottom:var(--space-8)}
.bpag-cabeca h1{font-size:var(--fs-h2);letter-spacing:var(--track-display);line-height:1.04;max-width:18ch}
.bpag-cabeca p{max-width:52ch;color:var(--text-2);font-size:var(--fs-lead);line-height:1.6}

.post{max-width:46rem;margin-inline:auto}
.post-cabeca{display:grid;gap:var(--space-5);justify-items:start;margin-bottom:var(--space-7)}
.post-cabeca h1{font-size:clamp(2rem,1.3rem + 2.8vw,3.75rem);letter-spacing:var(--track-display);line-height:1.06}
.post-cabeca .post-resumo{color:var(--text-2);font-size:var(--fs-lead);line-height:1.6}
.post-capa{aspect-ratio:16/9;margin:0 0 var(--space-7)}
.post-capa img{width:100%;height:100%;object-fit:cover;display:block}
.post-corpo{color:var(--text-2);font-size:1.0625rem;line-height:1.75}
.post-corpo>*+*{margin-top:1.1em}
.post-corpo h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.25rem);line-height:1.15;margin-top:1.8em}
.post-corpo h3{margin-top:1.6em}
.post-corpo a{color:var(--accent);text-underline-offset:3px}
.post-corpo ul,.post-corpo ol{padding-left:1.25em}
.post-corpo li+li{margin-top:.4em}
.post-corpo blockquote{border-left:2px solid var(--accent);padding-left:var(--space-5);font-family:var(--font-display);font-size:1.375rem;line-height:1.45;color:var(--text)}
.post-corpo strong{color:var(--text);font-weight:600}
.post-fontes{margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--muted)}
.post-fontes ul{margin-top:var(--space-3);padding-left:1.1em}
.post-fontes a{color:inherit}
.post-cta{margin-top:var(--space-8);padding:clamp(24px,4vw,48px);background:var(--papel);display:grid;gap:var(--space-4);justify-items:start}
.post-cta h2{font-size:var(--fs-h3)}
.post-mais{margin-top:var(--space-9)}
.post-mais>h2{font-size:var(--fs-h3);margin-bottom:var(--space-6)}

.bpag-vazio{color:var(--muted)}
.bpag-rodape{border-top:1px solid var(--line);padding-block:var(--space-7);font-size:var(--fs-sm);color:var(--muted)}
.bpag-rodape__in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4)}
.bpag-rodape a{color:inherit}