/* Tema combo — Axys Consulting. CONTEÚDO do blog apenas: o cabeçalho, o rodapé,
   as fontes e o consentimento de cookies vêm do SITE, por partials gerados
   (template/scripts/gerar-tema-do-site.mjs). Regras de header/footer foram
   removidas daqui para não existirem dois donos do mesmo pixel.
   Original: Design do "Site Axys_v2" (14/08/2026):
   blog.html (hero escuro + cards brancos) e artigo.html (página clara).
   Tokens extraídos dos modelos renderizados. Satoshi self-hosted é SERVIDA PELO
   SITE (mesma origem — o blog vive sob /blog) em /assets/css/fonts/; Inter por
   pilha de sistema, como no site. Zero asset de terceiro (terceirosBlog). */

@font-face{font-family:'Satoshi';font-weight:900;font-display:swap;src:url("/assets/css/fonts/Satoshi-Black.woff2") format("woff2")}
@font-face{font-family:'Satoshi';font-weight:700;font-display:swap;src:url("/assets/css/fonts/Satoshi-Bold.woff2") format("woff2")}
@font-face{font-family:'Satoshi';font-weight:500;font-display:swap;src:url("/assets/css/fonts/Satoshi-Medium.woff2") format("woff2")}

:root{
  --escuro:#0B0B0A; --papel:#FAFAF7; --tinta:#1E1D1E; --claro:#F5F5F1;
  --mudo:#6E6D68; --accent:#C63F00; --linha:#E4E3DE; --card:#fff; --raio:16px;
  --titulo:'Satoshi',ui-sans-serif,sans-serif;
  --corpo:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --container:1120px; --larg-texto:720px;
}
*,*::before,*::after{box-sizing:border-box}
/* O cabeçalho do SITE é TRANSLÚCIDO (alpha .88): a cor que se enxerga é a mistura
   com o que está atrás. No site a página é escura, então lê como #0B0B0A; com o
   body claro do blog, o mesmo cabeçalho saía lavado (#282826) — relatado em 18/08.
   Por isso a PÁGINA é escura (igual ao site) e a área de LEITURA é que é clara. */
body{margin:0;background:var(--escuro)}
/* TIPOGRAFIA do blog fica no CONTEÚDO, não no body: em body ela é herdada pelo
   cabeçalho/rodapé que vêm do SITE. O line-height 1.65 deixava o botão "Falar
   com um especialista" 6px mais alto no blog que no site (14px x 1.65 = 23.1 de
   linha, contra `normal`) — relatado em 19/08. Terceiro caso da mesma raiz:
   regra global do tema mandando em pixel que não é dele. */
.site-main{background:var(--papel);color:var(--tinta);font-family:var(--corpo);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
/* Resets do CONTEÚDO do blog — escopados em .site-main de propósito. Globais,
   eles atropelavam o cabeçalho/rodapé que vêm do SITE: o `img{max-width:100%}`
   travou a largura do logo no <a> de 70px e ele saiu 70x96 num arquivo QUADRADO
   (espremido — relatado em 18/08). O tema não é dono desses pixels. */
.site-main img{max-width:100%;height:auto;display:block}
.site-main a{color:inherit;text-decoration:none}
.site-main h1,.site-main h2,.site-main h3{line-height:1.2;letter-spacing:-.01em;margin:0 0 .5em}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;padding:12px 24px;border-radius:999px;cursor:pointer;border:1px solid transparent}
.btn--primary{background:var(--accent);color:#fff}
.btn--primary:hover{filter:brightness(1.08)}

/* ── hero da listagem (escuro, Satoshi 900) ──────────────────────────────── */
.blog-hero{background:var(--escuro);color:var(--claro);padding:72px 0 64px}
.blog-hero h1{font-family:var(--titulo);font-weight:900;margin:0;font-size:clamp(40px,5vw,64px);line-height:1.05}
.blog-hero p{opacity:.75;max-width:560px;margin:14px 0 0}

/* ── grid de cards (brancos, raio 16, borda) ─────────────────────────────── */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:48px 0 24px}
@media(max-width:960px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.post-grid{grid-template-columns:1fr}}
.post-card{background:var(--card);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;display:flex}
.post-card__link{display:flex;flex-direction:column;width:100%;padding:24px}
.post-card__img{margin:-24px -24px 18px;aspect-ratio:16/9;overflow:hidden}
.post-card__img img{width:100%;height:100%;object-fit:cover}
.post-card__img--ph{display:none} /* modelo: card sem foto é texto puro */
.post-card__body{display:flex;flex-direction:column;flex:1}
.post-card__tag{align-self:flex-start;font-size:12.5px;font-weight:600;color:var(--accent);background:rgba(198,63,0,.08);border-radius:999px;padding:4px 12px;margin:0 0 14px}
.post-card__title{font-family:var(--titulo);font-weight:700;font-size:21px;line-height:1.25;margin:0 0 10px;color:var(--tinta);text-wrap:balance}
.post-card__excerpt{color:var(--mudo);font-size:15.5px;margin:0 0 18px}
.post-card__meta{color:var(--mudo);font-size:13.5px;margin-bottom:12px}
.post-card__cta{margin-top:auto;color:var(--accent);font-weight:600;font-size:15px}
.post-card__link:hover .post-card__title{color:var(--accent)}

/* ── página do artigo (clara) ────────────────────────────────────────────── */
.post__head{max-width:var(--larg-texto);padding-top:56px}
.post__crumb{font-size:14px;color:var(--mudo);margin-bottom:18px}
.post__crumb a{color:var(--mudo)}
.post__crumb a:hover{color:var(--accent)}
.post__tag{display:inline-block;font-size:12.5px;font-weight:600;color:var(--accent);background:rgba(198,63,0,.08);border-radius:999px;padding:4px 12px;margin-bottom:16px}
.post__title{font-family:var(--titulo);font-weight:900;margin:0 0 18px;font-size:clamp(32px,4vw,50px);line-height:1.1}
.post__meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--mudo);font-size:14.5px;margin-bottom:34px}
.post__cover,.post__feature-image{border-radius:var(--raio);margin:0 auto 8px}
.post__feature-caption{color:var(--mudo);font-size:13.5px;text-align:center}
.post__content{max-width:var(--larg-texto);padding-bottom:48px}

/* conteúdo (koenig) */
.gh-content>*+*{margin-top:1.15em}
.gh-content h2,.gh-content h3{font-family:var(--titulo);font-weight:700;line-height:1.25;margin:1.7em 0 .5em}
.gh-content h2{font-size:clamp(24px,2.1vw,30px)}
.gh-content h3{font-size:clamp(20px,1.8vw,24px)}
.gh-content a{color:var(--accent)}
.gh-content blockquote{border-left:3px solid var(--accent);margin:1.4em 0;padding:.2em 0 .2em 1.2em;color:var(--mudo)}
.gh-content pre{background:var(--escuro);color:var(--claro);border-radius:12px;padding:18px;overflow:auto;font-size:14.5px}
.gh-content img,.gh-content .kg-card{border-radius:12px}
.gh-content figcaption{color:var(--mudo);font-size:13.5px;text-align:center}
.gh-content hr{border:0;border-top:1px solid var(--linha);margin:2.2em 0}

/* ── relacionados ────────────────────────────────────────────────────────── */
.related{border-top:1px solid var(--linha);padding:40px 0 56px}
.related h2{font-family:var(--titulo);font-weight:700;font-size:24px;margin:0 0 8px}

/* ── paginação ───────────────────────────────────────────────────────────── */
.pagination{display:flex;justify-content:space-between;align-items:center;padding:8px 0 56px;color:var(--mudo);font-size:15px}
.pagination a,.pagination__btn{color:var(--accent);font-weight:600}
.pagination__pos{opacity:.8}



/* koenig: cards largos e full-bleed (exigidos pelo gscan) */
.gh-content .kg-width-wide{max-width:min(var(--container),96vw);margin-left:50%;transform:translateX(-50%)}
.gh-content .kg-width-full{max-width:100vw;margin-left:50%;transform:translateX(-50%)}