/* Tema "aguas" — Aguas Profundas (folk horror brasileiro: noite verde-agua + ambar de lamparina).
   Redesenho 15/10/2026 (pedido do dono: "menos vibe code, moderna, SEM CARA DE IA, sem perder atencao para o video"):
   revista/cinemateca em vez de template de blog. Mesmas classes do gerador; o que mudou foi o sistema:
   - tipografia editorial: Newsreader (serifa, OFL) no texto e nos titulos + IBM Plex Mono (OFL) so' em
     metadado, rotulo, minutagem e botao (ficha de arquivo/claquete). A sans do sistema saiu de cena;
   - cantos retos (2px), filetes de 1px no lugar de cartao com sombra, nada de pilula, vidro fosco, gradiente
     decorativo ou zoom no hover; ambar so' onde ha acao;
   - hero da home alinhado a esquerda, sem avatar redondo; o video mais recente ("Em cartaz") e' o protagonista;
   - grao de filme (SVG embutido, 0 requisicao) no hero; modo claro = papel antigo.
   Historico: 30/09 hero com a imagem do episodio; 29/09 tema separado do gerador. Ver scripts/blog_tema/README.md. */
@font-face{font-family:'Newsreader';src:url(/static/fontes/Newsreader-roman-sub.woff2) format('woff2');font-weight:400 600;font-style:normal;font-display:swap}
@font-face{font-family:'Newsreader';src:url(/static/fontes/Newsreader-italic-sub.woff2) format('woff2');font-weight:300 400;font-style:italic;font-display:swap}
@font-face{font-family:'Plex Mono';src:url(/static/fontes/IBMPlexMono-400-latin.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}

:root{
  color-scheme:dark light;
  --bg:#060a0b;--bg2:#0a1012;--bg3:#101a1c;--fg:#ece6da;--fg2:#b9b4aa;--fg3:#8f938d;
  --acc:#e0b25c;--acc-forte:#f3d49a;--acc-tinta:#1a1205;--ouro:#e0b25c;--ouro2:#f3d49a;--agua:#8fcbc6;
  --borda:#1a2629;--borda2:#2a3a3e;--topo-bg:#060a0b;
  --hero-fg:#f3eee4;--hero-fg2:#d6d2c8;--hero-veu:6,10,11;--hero-fim:var(--bg);--hero-acc:#e0b25c;--hero-acc2:#f3d49a;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --mono:'Plex Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  --sans:var(--mono);
  --texto:40rem;--largo:68rem;--raio:2px;
  --s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4.5rem;
  --grao:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
}
@media (prefers-color-scheme:light){
  :root{
    /* papel antigo: creme quente, tinta sepia-escura, ambar queimado como acento (AA sobre o creme) */
    --bg:#f2ede2;--bg2:#ebe4d5;--bg3:#e2d9c6;--fg:#1d1a14;--fg2:#4a443a;--fg3:#665f52;
    --acc:#8a5a12;--acc-forte:#6b440a;--acc-tinta:#fff8ea;--ouro:#8a5a12;--ouro2:#6b440a;
    --borda:#d8cfbc;--borda2:#bfb39b;--topo-bg:#f2ede2;
    --hero-fim:#0a1012;
  }
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--fg);background:var(--bg);
  font-family:var(--serif);font-size:1.125rem;line-height:1.68;font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-kerning:normal}
::selection{background:#3a2c12;color:#fff}
img{max-width:100%;height:auto}
a{color:var(--acc-forte);text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .15s}
a:hover{color:var(--fg)}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
strong,b{font-weight:600}

/* ---------- cabecalho: barra fina, so' tipografia ---------- */
header.topo{position:sticky;top:0;z-index:20;background:var(--topo-bg);border-bottom:1px solid var(--borda)}
header.topo .in{max-width:var(--largo);margin:0 auto;padding:0 1rem;min-height:3.25rem;display:flex;align-items:center;gap:.4rem 1rem;flex-wrap:wrap}
header.topo .in>a:first-child:not(.marca){display:none}
header.topo .marca{color:var(--fg);text-decoration:none;font-family:var(--serif);font-weight:500;font-size:1.05rem;
  letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
header.topo nav{margin-left:auto;display:flex;gap:.25rem 1.4rem;flex-wrap:wrap;font:400 .72rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
header.topo nav a{color:var(--fg3);text-decoration:none;padding:.35rem 0;border-bottom:1px solid transparent}
header.topo nav a:hover{color:var(--fg);border-bottom-color:var(--ouro)}

/* ---------- hero: figura + veu escuro + grao; texto alinhado a esquerda ---------- */
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--bg2);color:var(--hero-fg);
  min-height:min(62vh,38rem);display:grid;align-items:end}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.8) contrast(1.04)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(var(--hero-veu),.25) 0%,rgba(var(--hero-veu),.45) 45%,rgba(var(--hero-veu),.92) 88%,var(--hero-fim) 100%)}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:var(--grao);opacity:.07}
.hero.sem-capa{min-height:0;background:#0a1012}
.hero-in{width:100%;max-width:var(--largo);margin:0 auto;padding:6rem 1rem 2.4rem}
.hero .tag{color:var(--hero-acc2)}
.hero h1{color:var(--hero-fg);max-width:22ch;margin:.15em 0 .3em}
.hero .sub{color:var(--hero-fg2);max-width:58ch;font-family:var(--serif);font-style:italic;font-weight:300;
  font-size:clamp(1.12rem,1rem + .45vw,1.32rem);line-height:1.5;margin:0 0 .4em}
.hero p:last-child{margin-bottom:0}
/* botoes: retangulo ambar para a acao principal; o resto vira link de texto em mono */
.acoes{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.6rem;margin:1.5rem 0 .9rem}
.btn{display:inline-flex;align-items:center;gap:.55rem;min-height:2.9rem;padding:.6rem 0;border-radius:var(--raio);
  border:1px solid transparent;background:none;color:var(--hero-fg2);text-decoration:none;
  font:400 .78rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;transition:color .15s,background-color .15s}
.btn:hover{color:#fff;text-decoration:underline;text-underline-offset:.45em}
.btn-primario{padding:.6rem 1.2rem;background:var(--hero-acc);border-color:var(--hero-acc);color:#1a1205}
.btn-primario::before{content:"";width:0;height:0;border-style:solid;border-width:.42em 0 .42em .7em;border-color:transparent transparent transparent currentColor}
.btn-primario:hover{background:var(--hero-acc2);border-color:var(--hero-acc2);color:#1a1205;text-decoration:none}
.meta{color:var(--hero-fg2);font:400 .72rem/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0}
.hero-home{min-height:min(52vh,30rem)}
.hero-home .hero-in{padding-top:5rem}
.hero-home h1{font-size:clamp(2.6rem,1.5rem + 4.8vw,5rem);letter-spacing:-.02em;font-weight:400;line-height:.98;max-width:none}
.hero-avatar{display:none}
.hero-pagina,.hero-links,.hero-nota,.hero-short{min-height:0}
.hero-pagina .hero-in,.hero-nota .hero-in,.hero-short .hero-in{padding:4.5rem 1rem 2.2rem}
.hero-pagina .hero-bg,.hero-links .hero-bg{filter:saturate(.6) brightness(.8)}
.hero-links .hero-in{padding:4rem 1rem 2rem}
.hero-links .centro{text-align:left}
.hero-links .centro img{display:none}
.hero-links h1{margin:0 0 .2em;font-weight:400;font-size:clamp(2rem,1.5rem + 2vw,3rem)}

/* ---------- miolo: coluna de leitura (~65ch) com excecoes largas ---------- */
main{flex:1;width:100%;max-width:var(--largo);margin:0 auto;padding:var(--s6) 1rem var(--s8);
  display:grid;grid-template-columns:minmax(0,1fr) min(var(--texto),100%) minmax(0,1fr);align-content:start}
main>*{grid-column:2;min-width:0}
main>.grade,main>.cartao,main>.em-cartaz{grid-column:1/-1}
main>.video{grid-column:1/-1;width:min(60rem,100%);justify-self:center;margin-top:0}
main>.video.vert{width:min(100%,360px)}
main>.video:first-child{margin-top:-1rem}

h1,h2,h3{font-family:var(--serif);color:var(--fg);text-wrap:balance;font-optical-sizing:auto}
h1{font-size:clamp(2.2rem,1.4rem + 3.4vw,3.6rem);line-height:1.04;font-weight:400;letter-spacing:-.02em;margin:.1em 0 .35em}
h2{font-size:clamp(1.5rem,1.2rem + 1.1vw,2.1rem);line-height:1.15;font-weight:400;margin:2.4em 0 .8em;letter-spacing:-.01em;
  padding-top:.9rem;border-top:1px solid var(--borda2)}
main>h2:first-child{margin-top:.4em}
h3{font:400 .72rem/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ouro);margin:3em 0 1.1em;display:flex;align-items:center;gap:.9rem}
h3::after{content:"";flex:1;height:1px;background:var(--borda)}
p{margin:0 0 1.15em;text-wrap:pretty}
ul,ol{padding-left:1.2em}
li{margin:.35em 0}

.sub{color:var(--fg2);font-family:var(--serif);font-size:1rem;line-height:1.6}
main>h1+.sub,main>.intro{font-size:clamp(1.15rem,1.05rem + .45vw,1.35rem);line-height:1.55;color:var(--fg2);font-style:italic;font-weight:300;margin-bottom:1.6em}
.tag{display:inline-block;font:400 .72rem/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ouro);margin-bottom:.4rem}
.tag a{color:inherit}
main>.tag{display:block}

/* ---------- "Em cartaz" (home): o video mais recente como protagonista ---------- */
.em-cartaz{display:grid;gap:1.2rem 3rem;margin:0 0 var(--s6)}
.em-cartaz .cartaz{position:relative;display:block;aspect-ratio:16/9;background:#000;overflow:hidden}
.em-cartaz .cartaz img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88) brightness(.86)}
.em-cartaz .cartaz::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.6))}
.em-cartaz .play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:var(--hero-acc);z-index:1;transition:transform .2s}
.em-cartaz .play::after{content:"";position:absolute;left:28px;top:24px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #1a1205}
.em-cartaz .cartaz:hover .play{transform:scale(1.06)}
.em-cartaz .dur{position:absolute;right:14px;bottom:12px;z-index:1;font:400 .74rem/1 var(--mono);color:#d6d2c8;font-variant-numeric:tabular-nums}
.em-cartaz h2{margin:.1em 0 .4em;padding:0;border:0;font-size:clamp(1.7rem,1.3rem + 1.6vw,2.6rem);line-height:1.08}
.em-cartaz h2 a{color:var(--fg);text-decoration:none}
.em-cartaz h2 a:hover{text-decoration:underline;text-decoration-color:var(--ouro)}
.em-cartaz h2 em{display:block;font-size:.62em;font-weight:300;color:var(--ouro2);margin-top:.2em}
.em-cartaz .acoes{margin:1rem 0 0}
.em-cartaz .btn-primario{color:#1a1205}
@media (min-width:900px){.em-cartaz{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:end}}
@media (prefers-color-scheme:light){.em-cartaz h2 em{color:var(--acc)}}

/* ---------- video (fachada leve no srcdoc; o iframe real so carrega no clique) ---------- */
.video{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;margin:var(--s6) 0 var(--s4)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video.vert{aspect-ratio:9/16;height:auto;width:min(100%,360px);max-height:80vh}

/* ---------- episodios: verbetes de catalogo (imagem, entidade, titulo), sem caixa nem sombra ---------- */
.cartao{display:grid;grid-template-columns:minmax(0,1fr);gap:.9rem;color:inherit;text-decoration:none;margin:var(--s5) 0;
  padding-top:1.1rem;border-top:1px solid var(--borda)}
.cartao img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;filter:saturate(.85);background:var(--bg3)}
.cartao .t{display:flex;flex-direction:column;gap:.35rem}
.cartao .t .tag{margin:0}
.cartao .t b{font-family:var(--serif);font-weight:400;font-size:1.35rem;line-height:1.22;color:var(--fg)}
.cartao:hover .t b{text-decoration:underline;text-decoration-color:var(--ouro);text-decoration-thickness:1px;text-underline-offset:.2em}
.cartao .t .sub{font-size:.98rem;color:var(--fg2)}
@media (min-width:760px){
  main>.cartao{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2.5rem;align-items:start}
  main>.cartao .t b{font-size:clamp(1.6rem,1.2rem + 1vw,2.1rem);line-height:1.12}
}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:0 2rem;margin:var(--s5) 0}
.grade .cartao{margin:0 0 1.5rem}
.grade .cartao .t b{font-size:1.2rem}

/* ---------- listas simples (trechos, notas) ---------- */
main>ul:not([class]){list-style:none;padding:0;border-top:1px solid var(--borda);counter-reset:it}
main>ul:not([class]) li{margin:0;border-bottom:1px solid var(--borda);counter-increment:it;position:relative;padding:.75rem 0 .75rem 2.4rem;line-height:1.5} /* 16/10: grid quebrava item com <strong>/<em>/<a> */
main>ul:not([class]) li::before{content:counter(it,decimal-leading-zero);font:400 .7rem/1 var(--mono);color:var(--fg3);position:absolute;left:0;top:1.35rem}
main>ul:not([class]) li a{color:var(--fg);text-decoration:none;font-size:1.06rem;line-height:1.4}
main>ul:not([class]) li a:hover{color:var(--acc-forte);text-decoration:underline;text-decoration-thickness:1px}

/* ---------- capitulos: indice de livro ---------- */
.capitulos{list-style:none;padding:0;margin:var(--s4) 0;border-top:1px solid var(--borda)}
.capitulos li{margin:0}
.capitulos a{display:grid;grid-template-columns:5em 1fr;gap:1rem;align-items:baseline;padding:.6rem 0;color:var(--fg);text-decoration:none;border-bottom:1px solid var(--borda)}
.capitulos a:hover{color:var(--acc-forte)}
.capitulos time{font:400 .78rem/1 var(--mono);color:var(--ouro);font-variant-numeric:tabular-nums}

/* ---------- transcricao ---------- */
.transcricao{font-size:1.1875rem;line-height:1.75}
.transcricao h3:first-child{margin-top:1.5em}
.transcricao h3:first-child+p::first-letter{float:left;font-size:3.6em;line-height:.85;padding:.06em .1em 0 0;color:var(--ouro);font-weight:400}

/* ---------- blocos ---------- */
.aviso{border-top:1px solid var(--borda);border-bottom:1px solid var(--borda);padding:.9rem 0;color:var(--fg3);
  font:400 .76rem/1.65 var(--mono);margin:var(--s6) 0}
.cta{border-top:1px solid var(--borda2);border-bottom:1px solid var(--borda2);padding:1.6rem 0;margin-top:var(--s7);color:var(--fg2);font-size:1rem;
  display:flex;flex-wrap:wrap;align-items:center;column-gap:1.4rem}
.cta strong{display:block;flex-basis:100%;font-family:var(--serif);font-weight:400;font-size:1.6rem;color:var(--fg);margin-bottom:.3rem;line-height:1.2}
.cta a{display:inline-flex;align-items:center;min-height:2.9rem;margin:1rem 0 0;padding:.6rem 0;border-radius:var(--raio);border:1px solid transparent;
  color:var(--fg2);text-decoration:none;font:400 .78rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.cta a:hover{color:var(--fg);text-decoration:underline;text-underline-offset:.45em}
.cta a:first-of-type{padding:.6rem 1.2rem;background:var(--acc);border-color:var(--acc);color:var(--acc-tinta)}
.cta a:first-of-type:hover{background:var(--acc-forte);border-color:var(--acc-forte);color:var(--acc-tinta);text-decoration:none}
.afiliado{margin:var(--s6) 0}
.rascunho{background:#2c2413;color:#f1dcae;border:1px solid #4a3c1c;padding:.7rem 1rem;font:400 .8rem/1.5 var(--mono)}

/* ---------- fontes e livros: notas de rodape de arquivo ---------- */
.fontes,.livros{padding:0;list-style:none;counter-reset:f}
.fontes li,.livros li{margin:0;padding:.9rem 0;border-bottom:1px solid var(--borda)}
.fontes li{counter-increment:f;position:relative;padding-left:2.5rem}
.fontes li::before{content:"[" counter(f) "]";position:absolute;left:0;top:1.15rem;font:400 .72rem/1 var(--mono);color:var(--ouro)}
.fontes li:first-child,.livros li:first-child{border-top:1px solid var(--borda)}
.fontes small{color:var(--fg3);font:400 .76rem/1.6 var(--mono)}
.livros .comprar{margin-left:.5rem;font:400 .74rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}

/* ---------- /links/ (link-in-bio): lista com filete e icone, sem cartao ---------- */
.centro{text-align:center}
main>.centro{padding-top:var(--s4)}
.centro img{width:96px;height:96px;border-radius:50%;display:block;margin:0 auto var(--s4)}
.centro h1{font-size:clamp(1.9rem,1.5rem + 2vw,2.6rem);font-weight:400;margin-bottom:.2em}
.centro .sub{font-style:italic;font-size:1.1rem}
.links{list-style:none;padding:0;width:100%;justify-self:center;max-width:32rem;margin:var(--s5) auto var(--s6);border-top:1px solid var(--borda)}
.links li{margin:0}
.links{--icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.6 13.4a1 1 0 0 1 0-1.4l3.5-3.5a3 3 0 0 1 4.2 4.2l-1.5 1.5a1 1 0 0 1-1.4-1.4l1.5-1.5a1 1 0 0 0-1.4-1.4l-3.5 3.5a1 1 0 0 1-1.4 0zm2.8-2.8a1 1 0 0 1 0 1.4l-3.5 3.5a3 3 0 0 1-4.2-4.2l1.5-1.5a1 1 0 0 1 1.4 1.4l-1.5 1.5a1 1 0 0 0 1.4 1.4l3.5-3.5a1 1 0 0 1 1.4 0z'/%3E%3C/svg%3E")}
.links li a{display:flex;align-items:center;gap:.9rem;min-height:3.4rem;padding:.7rem 0;border-bottom:1px solid var(--borda);
  color:var(--fg);text-decoration:none;font-family:var(--serif);font-size:1.08rem}
.links li a::before{content:"";flex:none;width:1.2rem;height:1.2rem;background:currentColor;opacity:.75;
  -webkit-mask:var(--icone) center/contain no-repeat;mask:var(--icone) center/contain no-repeat}
.links li a::after{content:"\2192";margin-left:auto;font-family:var(--mono);color:var(--fg3)}
.links li a:hover{color:var(--acc-forte)}
.links li a:hover::after{color:var(--acc)}
.links li:first-child a{color:var(--acc-forte)}
.links li:first-child a::before{opacity:1}
.links .rede-youtube,.links .rede-ultimo{--icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.6 7.2a2.5 2.5 0 0 0-1.8-1.8C18.3 5 12 5 12 5s-6.3 0-7.8.4A2.5 2.5 0 0 0 2.4 7.2 26 26 0 0 0 2 12a26 26 0 0 0 .4 4.8 2.5 2.5 0 0 0 1.8 1.8C5.7 19 12 19 12 19s6.3 0 7.8-.4a2.5 2.5 0 0 0 1.8-1.8A26 26 0 0 0 22 12a26 26 0 0 0-.4-4.8zM10 15V9l5.2 3z'/%3E%3C/svg%3E")}
.links .rede-ultimo{--icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-2 14V8l6 4z'/%3E%3C/svg%3E")}
.links .rede-telegram{--icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.5 3.5 2.8 10.7c-1 .4-1 1 0 1.3l4.7 1.5 1.8 5.6c.2.6.6.7 1 .3l2.6-2.5 4.9 3.6c.9.5 1.5.2 1.7-.8L23 4.9c.3-1.2-.4-1.8-1.5-1.4zM9.4 13.9l8.7-5.5c.4-.3.8 0 .5.3l-7.2 6.5-.3 3.6z'/%3E%3C/svg%3E")}
.links .rede-instagram,.links .rede-threads{--icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7.3a4.7 4.7 0 1 0 0 9.4 4.7 4.7 0 0 0 0-9.4zm0 7.7a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm5-8.1a1.1 1.1 0 1 1-2.2 0 1.1 1.1 0 0 1 2.2 0zM12 2c-2.7 0-3 0-4.1.1-3 .1-5.7 1.7-5.8 5.8C2 9 2 9.3 2 12s0 3 .1 4.1c.1 4 2.8 5.7 5.8 5.8C9 22 9.3 22 12 22s3 0 4.1-.1c3-.1 5.7-1.7 5.8-5.8.1-1.1.1-1.4.1-4.1s0-3-.1-4.1c-.1-4-2.8-5.7-5.8-5.8C15 2 14.7 2 12 2zm0 1.8c2.7 0 3 0 4 .1 2.7.1 4 1.4 4.1 4.1.1 1 .1 1.3.1 4s0 3-.1 4c-.1 2.7-1.4 4-4.1 4.1-1 .1-1.3.1-4 .1s-3 0-4-.1c-2.7-.1-4-1.4-4.1-4.1-.1-1-.1-1.3-.1-4s0-3 .1-4c.1-2.7 1.4-4 4.1-4.1 1-.1 1.3-.1 4-.1z'/%3E%3C/svg%3E")}
.links .rede-tiktok{--icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.5 2h-3.2v13.4a2.9 2.9 0 1 1-2-2.7V9.4a6.1 6.1 0 1 0 5.2 6V8.6a7.4 7.4 0 0 0 4.3 1.4V6.8A4.3 4.3 0 0 1 16.5 2z'/%3E%3C/svg%3E")}
.links .rede-spotify{--icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm4.6 14.4a.6.6 0 0 1-.9.2c-2.4-1.5-5.4-1.8-8.9-1a.6.6 0 0 1-.3-1.2c3.9-.9 7.2-.5 9.9 1.1.3.2.4.6.2.9zm1.2-2.7a.8.8 0 0 1-1.1.3c-2.7-1.7-6.9-2.2-10.1-1.2a.8.8 0 0 1-.5-1.5c3.7-1.1 8.3-.6 11.4 1.3.4.2.5.7.3 1.1zm.1-2.9C14.6 8.9 9.2 8.7 6.1 9.6a.9.9 0 1 1-.5-1.8c3.6-1.1 9.5-.9 13.3 1.4a.9.9 0 0 1-1 1.6z'/%3E%3C/svg%3E")}
.links .rede-podcast_rss,.links .rede-apple_podcasts,.links .rede-youtube_music{--icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4a16 16 0 0 1 16 16h-3A13 13 0 0 0 4 7zm0 6a10 10 0 0 1 10 10h-3a7 7 0 0 0-7-7zm2 6a2 2 0 1 1 0 4 2 2 0 0 1 0-4z'/%3E%3C/svg%3E")}
.links .rede-email{--icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1zm1 2.5V17h16V7.5l-8 5.2zM5.3 7l6.7 4.4L18.7 7z'/%3E%3C/svg%3E")}
.links .rede-fontes{--icone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h9a4 4 0 0 1 4 4v14H9a4 4 0 0 0-4-4zm2 2v10.2A6 6 0 0 1 9 15h7V7a2 2 0 0 0-2-2z'/%3E%3C/svg%3E")}
p.aviso.centro{justify-self:center;width:100%;max-width:32rem}

/* ---------- notas do radar (post-card) e /telegram/ ---------- */
.notas{list-style:none;padding:0;border-top:1px solid var(--borda)}
.post-card{margin:0;padding:.85rem 0;border-bottom:1px solid var(--borda);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.2rem 1rem}
.post-card a{color:var(--fg);text-decoration:none;font-size:1.08rem;line-height:1.4}
.post-card a:hover{color:var(--acc-forte)}
.post-card .sub{font:400 .72rem/1 var(--mono);letter-spacing:.06em;white-space:nowrap;color:var(--fg3)}
main>ul:not([class]) li.post-card a{padding:0}
.pagina-telegram>h2{margin-top:1.6em}
.pagina-telegram>ul:not([class]){padding-left:1.1em}
.pagina-telegram>ul:not([class]) li::marker{color:var(--ouro)}

/* ---------- rodape ---------- */
footer{border-top:1px solid var(--borda)}
footer .in{max-width:var(--largo);margin:0 auto;padding:2.2rem 1rem 3rem;color:var(--fg3);font-size:.92rem;line-height:1.65}
footer .in>*{max-width:var(--texto)}
footer p{margin:.6rem 0}
footer a{color:var(--fg2)}
footer strong{color:var(--fg2)}

@media (max-width:520px){
  body{font-size:1.0625rem}
  .transcricao{font-size:1.125rem}
  header.topo .in{padding:.55rem 1rem}
  header.topo .marca{letter-spacing:.14em;font-size:.9rem}
  header.topo nav{width:100%;margin-left:0;gap:.2rem 1.1rem;font-size:.66rem}
  .hero{min-height:min(56vh,30rem)}
  .hero-in{padding:4.5rem 1rem 1.8rem}
  .hero-home{min-height:0}
  .hero-home .hero-in{padding:3rem 1rem 1.4rem}
  .hero-home .acoes{gap:.1rem 1.2rem;margin-top:1.1rem}
  .hero .acoes .btn:not(.btn-primario){min-height:2.5rem;font-size:.7rem}
  main{padding-top:1.4rem}
  .acoes .btn-primario,.em-cartaz .btn-primario{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
  .em-cartaz .cartaz:hover .play{transform:none}
}
@media print{
  header.topo,footer,.video,.cta,.hero-bg,.acoes,.em-cartaz .cartaz{display:none}
  .hero{min-height:0;color:#000}.hero::after,.hero::before{display:none}.hero h1,.hero .sub,.hero .meta{color:#000;text-shadow:none}
  body{background:#fff;color:#000}
}

/* 16/10/2026 — caixa de compra do Kit Dia do Saci (linha [KIT] das paginas editoriais) e destaque da home */
.kit-caixa{margin:var(--s6) 0;border:1px solid var(--borda2);border-left:3px solid var(--acc);background:var(--bg2);border-radius:var(--raio)}
.kit-caixa .in{padding:var(--s5);display:grid;gap:.6rem}
.kit-capa{float:right;width:38%;max-width:12rem;height:auto;margin:0 0 .6rem 1rem;border:1px solid var(--borda2)}
.kit-nome{margin:0;font-size:1.2rem}
.kit-itens{margin:0;padding-left:1.1rem}
.kit-preco{margin:0;font-family:var(--mono);font-size:.95rem;color:var(--acc)}
.kit-btn{justify-self:start;padding:.6rem 1.1rem;background:var(--acc);color:var(--acc-tinta);text-decoration:none;font-family:var(--mono)}
.kit-btn:hover,.kit-btn:focus-visible{background:var(--acc-forte)}
.kit-btn.kit-btn-escola{background:transparent;color:var(--fg);border:1px solid var(--acc)}
.kit-btn.kit-btn-escola:hover,.kit-btn.kit-btn-escola:focus-visible{background:var(--bg3,var(--bg2));color:var(--fg)}
.kit-nota{margin:0;font-size:.95rem;color:var(--fg2)}
.destaque-home{border-top:1px solid var(--borda);padding-top:var(--s4)}
@media (max-width:480px){.kit-capa{float:none;width:60%;margin:0 0 .6rem}}
.kit-amostras{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4);margin:var(--s5) 0}
.kit-amostras figure{margin:0}.kit-amostras img{width:100%;height:auto;border:1px solid var(--borda2);background:#fff}
.kit-amostras figcaption{font-family:var(--mono);font-size:.75rem;color:var(--fg3);margin-top:.35rem}
@media (max-width:480px){.kit-amostras{grid-template-columns:1fr 1fr}}

/* 19/10/2026 — chamada discreta ao kit/e-book no fim das paginas de lenda, video e dormir; botao do kit acima da dobra no celular */
.chamada-oferta{margin:var(--s6) 0;padding:var(--s4) var(--s5);border-left:3px solid var(--acc);background:var(--bg2);border-radius:var(--raio);font-size:.98rem}
.chamada-oferta p{margin:0}
.kit-topo{margin:var(--s4) 0}
.kit-topo .in{padding:var(--s4)}
.kit-topo .kit-nome{font-size:1rem;font-weight:400}
@media (max-width:700px){.kit-caixa .kit-nota{order:8}.kit-caixa .kit-itens{order:9}.kit-caixa .kit-capa{order:10;width:50%}}

/* 23/10/2026 — pagina-pilar por criatura (padrao A24): data visivel, ficha, trecho literal, tabela de versoes, estante, citar, cluster */
main>h1+.sub.atualizado,.atualizado{font:400 .74rem/1.6 var(--mono);font-style:normal;letter-spacing:.04em;color:var(--fg3);margin:-.4rem 0 1.4rem}
dl.ficha{margin:var(--s5) 0;border-top:1px solid var(--borda2)}
dl.ficha>div{display:grid;grid-template-columns:minmax(7rem,10rem) 1fr;gap:.2rem var(--s4);padding:.65rem 0;border-bottom:1px solid var(--borda)}
dl.ficha dt{font:400 .72rem/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ouro)}
dl.ficha dd{margin:0}
@media (max-width:520px){dl.ficha>div{grid-template-columns:1fr}}
blockquote.fonte{margin:var(--s5) 0;padding:.2rem 0 .2rem var(--s5);border-left:3px solid var(--acc)}
blockquote.fonte p{margin:0 0 .5rem;font-size:1.12rem;font-style:italic;color:var(--fg)}
blockquote.fonte footer{font:400 .78rem/1.6 var(--mono);color:var(--fg3)}
blockquote.fonte cite{font-style:normal;color:var(--fg2)}
.tabela{overflow-x:auto;margin:var(--s5) 0;-webkit-overflow-scrolling:touch}
.tabela table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.95rem;line-height:1.45}
.tabela th{font:400 .7rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ouro);text-align:left;border-bottom:1px solid var(--borda2);padding:.5rem .6rem}
.tabela td{vertical-align:top;border-bottom:1px solid var(--borda);padding:.55rem .6rem}
.estante .livros{list-style:none;padding:0;margin:var(--s4) 0}
.estante .livros li{padding:.7rem 0;border-bottom:1px solid var(--borda)}
.estante small{color:var(--fg2);font-size:.9rem}
.citar{margin:var(--s5) 0;padding:var(--s4) var(--s5);background:var(--bg2);border-left:3px solid var(--borda2);font-size:.95rem}
.citar p{margin:.2rem 0}.citar details{margin-top:.6rem;font-size:.9rem}
nav.cluster{margin:var(--s6) 0;padding:var(--s4) var(--s5);border:1px solid var(--borda2);background:var(--bg2)}
nav.cluster h2{margin:0 0 .6rem;padding:0;border:0;font-size:1.1rem}
nav.cluster ul{list-style:none;margin:0;padding:0}
nav.cluster li{padding:.3rem 0}
nav.cluster .papel{font:400 .68rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg3);margin-left:.5rem}
.cluster-compacto{display:flex;flex-wrap:wrap;gap:.2rem 1.1rem;margin:0 0 var(--s5);font:400 .74rem/1.8 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg3)}
.cluster-compacto strong{font-weight:400;color:var(--fg)}
.cluster-compacto a{white-space:nowrap}
.lista-lendas{list-style:none;padding:0;margin:var(--s4) 0}
.lista-lendas li{padding:.8rem 0;border-bottom:1px solid var(--borda)}
/* 23/10/2026 — pagina de filme: cartaz e cartao de pre-estreia */
.cartaz-filme{margin:var(--s5) 0;padding:0}
.cartaz-filme img{display:block;width:100%;height:auto;border:1px solid var(--borda2);background:#000}
.filme-pre{margin:var(--s5) 0;padding:var(--s4) var(--s5);border:1px solid var(--borda2);border-left:3px solid var(--acc);background:var(--bg2)}
.filme-pre p{margin:.25rem 0}
.filme-pre .pre-quando{font:400 .74rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ouro)}
/* 23/10/2026 — A Carta (formulario no rodape das paginas), calendario, rodape extra, licenca aberta */
.carta-form{margin:var(--s6) 0;padding:var(--s4) var(--s5);border:1px solid var(--borda2);border-left:3px solid var(--acc);background:var(--bg2)}
.carta-form h2{margin:0 0 .5rem;padding:0;border:0;font-size:1.15rem}
.carta-form-campos{display:grid;gap:.5rem}
.carta-form-campos label{font:400 .72rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg3)}
.carta-form-campos .carta-aceite{display:flex;gap:.5rem;align-items:flex-start;font:400 .9rem/1.45 var(--serif);letter-spacing:0;text-transform:none;color:var(--fg2)}
.carta-form-campos input[type=email]{width:100%;box-sizing:border-box;padding:.6rem .7rem;font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--borda2);border-radius:var(--raio)}
.carta-form-campos button{padding:.65rem 1.2rem;font:400 .78rem/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;border:0;border-radius:var(--raio);cursor:pointer;background:var(--acc);color:var(--acc-tinta)}
.carta-form-campos button:hover{background:var(--acc-forte)}
.carta-peq{font-size:.82rem;color:var(--fg3);margin:.25rem 0 0}
.calendario ul{list-style:none;padding:0}.calendario li{padding:.7rem 0;border-bottom:1px solid var(--borda)}
.cal-quando{font:400 .72rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ouro);margin-left:.4rem}
.cal-reg{font:400 .72rem/1.4 var(--mono);color:var(--fg3)}
#escolas pre{overflow-x:auto;padding:var(--s4);background:var(--bg2);border:1px solid var(--borda2);font-size:.82rem}
footer .in .rodape-extra a{margin-right:.8rem}
.licenca-aberta{margin:var(--s5) 0;padding:var(--s4) var(--s5);border:1px solid var(--borda2);border-left:3px solid var(--agua);background:var(--bg2);font-size:.95rem}
.estante-linha{margin:var(--s6) 0 var(--s4)}