/* Estilos do blog (listagem + artigos). Compartilhado por todas as páginas geradas. */
:root{
  --black:#0A0A0B;--gold:#C9A24B;--gold-bright:#E8C766;--gold-deep:#9C7C32;
  --ink:#ECEAE4;--ink-2:rgba(236,234,228,.87);--ink-dim:#9C9A93;--ink-faint:#6A6862;
  --line:rgba(201,162,75,.22);--line-soft:rgba(236,234,228,.08);
  --ease:cubic-bezier(.16,.84,.44,1);--mono:'Geist Mono',ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--black);color:var(--ink);font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:rgba(201,162,75,.28);color:#fff}
:target{scroll-margin-top:90px}
a{color:var(--gold);text-decoration:none;transition:color .25s var(--ease)}
a:hover{color:var(--gold-bright)}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(1000px 640px at 18% 2%,rgba(201,162,75,.10),transparent 60%),radial-gradient(820px 520px at 86% 16%,rgba(236,234,228,.035),transparent 55%),linear-gradient(to bottom,#08080A,#0A0A0B 42%,#070708)}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.03;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.12;letter-spacing:.01em}
.wrap{max-width:880px;margin:0 auto;padding:0 clamp(20px,5vw,28px)}
.article{max-width:720px;margin:0 auto;padding:0 clamp(20px,5vw,28px)}

/* progress bar (artigo) */
.progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright));z-index:60;transition:width .1s linear}


/* ---------- LISTAGEM ---------- */
.head{padding:clamp(120px,18vh,180px) 0 clamp(30px,5vw,48px)}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:18px}
.head h1{font-size:clamp(2.6rem,8vw,4.4rem);margin-bottom:18px}
.head p{max-width:54ch;color:var(--ink-dim);font-size:clamp(1.04rem,2.6vw,1.2rem)}
.filters{display:flex;flex-wrap:wrap;gap:9px;padding:6px 0 8px}
.chip{font-family:'Inter',sans-serif;font-size:.8rem;letter-spacing:.02em;color:var(--ink-dim);border:1px solid var(--line-soft);border-radius:30px;padding:8px 16px;cursor:pointer;background:transparent;transition:.22s var(--ease)}
.chip:hover{border-color:var(--line);color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--black);font-weight:500}
.chip.sub{font-size:.76rem;color:var(--ink-faint)}
.chip.sub[aria-pressed="true"]{background:rgba(201,162,75,.16);border-color:var(--line);color:var(--gold-bright);font-weight:500}
.posts{padding:14px 0 clamp(60px,10vw,110px)}
.post{display:block;padding:34px 0;border-top:1px solid var(--line-soft);transition:.25s var(--ease)}
.post:last-child{border-bottom:1px solid var(--line-soft)}
.post[hidden]{display:none}
.post .meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-family:'Inter',sans-serif;font-size:.74rem;letter-spacing:.04em;color:var(--ink-faint);margin-bottom:14px}
.post .cat{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-weight:600;font-size:.68rem}
.post .dot{width:3px;height:3px;border-radius:50%;background:var(--ink-faint)}
.post h2{font-size:clamp(1.5rem,4.2vw,2.2rem);color:var(--ink);transition:color .25s var(--ease);margin-bottom:12px}
.post:hover h2{color:var(--gold-bright)}
.post p{color:var(--ink-dim);max-width:64ch;font-size:1.04rem;margin-bottom:16px}
.post .more{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-family:'Inter',sans-serif;font-size:.9rem;font-weight:500}
.post .more .arr{transition:transform .3s var(--ease)}
.post:hover .more .arr{transform:translateX(4px)}
.empty{padding:30px 0;color:var(--ink-faint);font-style:italic;font-family:'Cormorant Garamond',serif;font-size:1.3rem}

/* ---------- ARTIGO ---------- */
article{padding:clamp(112px,16vh,160px) 0 0}
.back{display:inline-flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-size:.82rem;letter-spacing:.04em;color:var(--ink-dim);margin-bottom:26px}
.back:hover{color:var(--gold)} .back .arr{transition:transform .3s var(--ease)} .back:hover .arr{transform:translateX(-3px)}
.a-tag{font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:18px}
.a-tag a{color:var(--gold)}
.a-title{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(2.1rem,6vw,3.4rem);line-height:1.1;letter-spacing:.005em;color:var(--ink);margin-bottom:24px}
.a-meta{display:flex;flex-wrap:wrap;align-items:center;gap:11px;font-size:.82rem;color:var(--ink-faint);letter-spacing:.03em;padding-bottom:30px;margin-bottom:36px;border-bottom:1px solid var(--line-soft)}
.a-meta .who{display:flex;align-items:center;gap:9px;color:var(--ink-dim)}
.a-meta .who img{width:26px;height:26px;object-fit:contain}
.a-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--ink-faint)}
.prose{font-size:clamp(1.06rem,2.5vw,1.16rem);color:var(--ink-2)}
.prose p{margin:0 0 24px}
.prose>p.lead{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.4rem,3.4vw,1.7rem);line-height:1.45;color:var(--ink);margin-bottom:34px}
.prose h2{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.5rem,4vw,2rem);color:var(--ink);line-height:1.18;margin:48px 0 16px}
.prose h3{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.35rem;color:var(--ink);margin:34px 0 12px}
.prose strong{font-weight:600;color:var(--ink)}
.prose em{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.06em}
.prose a{text-decoration:underline;text-decoration-color:rgba(201,162,75,.4);text-underline-offset:3px}
.prose blockquote{margin:34px 0;padding:6px 0 6px 26px;border-left:2px solid var(--gold);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.4rem,3.6vw,1.8rem);line-height:1.4;color:var(--ink)}
.prose blockquote p{margin:0}
.prose ul,.prose ol{margin:0 0 24px;padding-left:4px;list-style:none}
.prose li{position:relative;padding-left:26px;margin-bottom:12px}
.prose ul li::before{content:"";position:absolute;left:4px;top:13px;width:7px;height:1px;background:var(--gold)}
.prose ol{counter-reset:li}
.prose ol li{counter-increment:li}
.prose ol li::before{content:counter(li);position:absolute;left:0;top:0;font-family:var(--mono);font-size:.8em;color:var(--gold)}
.prose code{font-family:var(--mono);font-size:.86em;background:rgba(255,255,255,.05);border:1px solid var(--line-soft);border-radius:6px;padding:2px 7px;color:var(--gold-bright)}
.prose pre{background:#0c0c0e;border:1px solid var(--line-soft);border-radius:12px;padding:20px 22px;overflow-x:auto;margin:0 0 28px}
.prose pre code{background:none;border:0;padding:0;color:var(--ink-2);font-size:.92em}
.prose hr{border:0;height:1px;background:var(--line-soft);margin:44px 0}
.prose figure{margin:34px 0}
.prose figure img,.prose p img{width:100%;border-radius:14px;border:1px solid var(--line-soft);display:block}
.prose figure figcaption{margin-top:10px;font-size:.82rem;color:var(--ink-faint);text-align:center}
.a-end{margin-top:56px;padding:40px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.a-end .kw{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.a-end .kw span{font-family:'Inter',sans-serif;font-size:.74rem;letter-spacing:.02em;color:var(--ink-dim);border:1px solid var(--line-soft);border-radius:20px;padding:6px 13px}
.a-end .sig{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3rem;color:var(--ink);margin-bottom:18px;text-align:center}
.a-end .links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.a-end .lk{font-family:'Inter',sans-serif;font-size:.86rem;color:var(--ink);border:1px solid var(--line-soft);border-radius:28px;padding:10px 18px;transition:.25s var(--ease)}
.a-end .lk:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,162,75,.05)}

/* ---------- ÍNDICE (TOC) ---------- */
.toc{margin:6px 0 10px;padding:24px clamp(22px,4vw,30px);border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(201,162,75,.05),rgba(201,162,75,.02))}
.toc-title{font-family:'Inter',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.toc ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.toc li{position:relative;padding-left:24px;line-height:1.45}
.toc li::before{content:"";position:absolute;left:2px;top:12px;width:11px;height:1px;background:var(--gold)}
.toc a{color:var(--ink-2);font-family:'Inter',sans-serif;font-size:.98rem;text-decoration:none;transition:color .2s var(--ease)}
.toc a:hover{color:var(--gold-bright)}

/* ---------- ELEMENTOS CANÔNICOS (callout, stat, pull-quote, figura, divisor) ---------- */
.cx{margin:30px 0;padding:18px 24px;border-left:2px solid var(--gold);border-radius:0 12px 12px 0;background:rgba(201,162,75,.05)}
.cx-label{display:flex;align-items:center;gap:8px;font-family:'Inter',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.cx-ic{width:16px;height:16px;flex:none;color:var(--gold)}
.cx p{margin:0 0 12px;font-size:1rem}
.cx p:last-child{margin-bottom:0}
.cx-def{background:rgba(236,234,228,.035);border-left-color:var(--gold-bright)}
.cx-def .cx-label{color:var(--gold-bright)}
.cx-mito{border-left-color:var(--gold-deep)}
.cx-mito .cx-label{color:var(--gold-deep)}

.statbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:36px 0;padding:26px 22px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(201,162,75,.06),transparent)}
.stat{text-align:center;padding:4px 8px}
.stat-n{display:block;font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.7rem,5vw,2.4rem);line-height:1;color:var(--gold-bright)}
.stat-l{display:block;margin-top:9px;font-family:'Inter',sans-serif;font-size:.76rem;letter-spacing:.02em;color:var(--ink-dim);line-height:1.4}

.prose blockquote.pull{border:0;padding:0;margin:46px auto;max-width:92%;text-align:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:clamp(1.55rem,4.4vw,2.1rem);line-height:1.34;color:var(--ink)}
.prose blockquote.pull::before{content:"";display:block;width:42px;height:2px;background:var(--gold);margin:0 auto 22px}
.prose blockquote.pull p{margin:0}

.fig{margin:40px 0}
.fig-box{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#0d0d10,#0a0a0c);padding:clamp(16px,4vw,30px)}
.fig-box svg{display:block;width:100%;height:auto}
.fig figcaption{margin-top:14px;text-align:center;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:.95rem;color:var(--ink-faint);line-height:1.5}

.prose hr{border:0;height:1px;width:62%;margin:54px auto;background:linear-gradient(90deg,transparent,var(--gold-deep),transparent);opacity:.85;position:relative;overflow:visible}
.prose hr::after{content:"◆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--black);color:var(--gold);font-size:.58rem;line-height:1;padding:0 12px}

/* ---------- RELACIONADOS ---------- */
.related{margin-top:60px}
.rel-h{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(1.5rem,4vw,2rem);color:var(--ink);margin-bottom:22px}
.rel-grid{display:flex;flex-wrap:wrap;gap:18px}
.rel-card{display:flex;flex-direction:column;flex:1 1 260px;max-width:400px;border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;transition:.25s var(--ease)}
.rel-card:hover{border-color:var(--line);background:rgba(201,162,75,.04)}
.rel-cover{display:block;width:100%;line-height:0;border-bottom:1px solid var(--line-soft)}
.rel-cover svg{display:block;width:100%;height:auto}
.rel-body{padding:18px 22px 22px}
.rel-cat{display:block;font-family:'Inter',sans-serif;font-size:.67rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:9px}
.rel-title{display:block;font-family:'Cormorant Garamond',serif;font-size:1.35rem;line-height:1.2;color:var(--ink);margin-bottom:7px;transition:color .25s var(--ease)}
.rel-card:hover .rel-title{color:var(--gold-bright)}
.rel-ex{display:block;color:var(--ink-dim);font-size:.92rem;line-height:1.5}

@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}