@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url(fontes/anton-400.woff2) format('woff2')}
@font-face{font-family:'Courier Prime';font-style:normal;font-weight:400;font-display:swap;src:url(fontes/courier-prime-400.woff2) format('woff2')}
@font-face{font-family:'Courier Prime';font-style:normal;font-weight:700;font-display:swap;src:url(fontes/courier-prime-700.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url(fontes/newsreader-400.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:600;font-display:swap;src:url(fontes/newsreader-600.woff2) format('woff2')}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url(fontes/newsreader-400-italic.woff2) format('woff2')}

:root{
  --papel:#EFE6CC;
  --papel-2:#E5D7B7;
  --papel-3:#DCCDA9;
  --tinta:#1B1B1B;
  --tinta-2:#24231E;
  --tinta-3:#131210;
  --tijolo:#C96024;
  --tijolo-claro:#E4783B;
  --ouro:#E0A017;
  --ouro-claro:#F0BD47;
  --salvia:#6E8B6B;
  --petroleo:#2E6B7A;
  --fraco:rgba(27,27,27,.62);
  --linha:rgba(27,27,27,.2);
  --creme-t:239,230,204;
  --display:"Anton","Haettenschweiler","Arial Narrow",sans-serif;
  --dado:"Courier Prime","Courier New",monospace;
  --leitura:"Newsreader",Georgia,"Times New Roman",serif;
  --max:1200px;
  --arco:linear-gradient(90deg,#E0A017,#F0BD47,#C96024,#B0442A,#6E8B6B,#2E6B7A);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;color:var(--tinta);
  font-family:var(--leitura);font-size:18px;line-height:1.62;overflow-x:hidden;
  background:
    radial-gradient(120% 60% at 50% 0%,#F5EDD8 0%,rgba(245,237,216,0) 55%),
    radial-gradient(90% 50% at 100% 40%,#F2E8CF 0%,rgba(242,232,207,0) 60%),
    var(--papel);
}
body::before{
  content:"";position:fixed;inset:-30%;pointer-events:none;z-index:900;opacity:.28;
  mix-blend-mode:multiply;animation:grao 1.1s steps(3) infinite;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='170' height='170'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/><feColorMatrix type='saturate' values='0'/></filter><rect width='170' height='170' filter='url(%23n)' opacity='.3'/></svg>");
}
@keyframes grao{
  0%{transform:translate(0,0)}33%{transform:translate(-2%,1.5%)}66%{transform:translate(1.5%,-1%)}100%{transform:translate(0,0)}
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
::selection{background:var(--ouro);color:var(--tinta)}
.env{width:min(100% - 2.5rem,var(--max));margin-inline:auto}

.display{font-family:var(--display);font-weight:400;text-transform:uppercase;line-height:.9;text-wrap:balance;margin:0}
.rotulo{font-family:var(--dado);text-transform:uppercase;font-size:.7rem;letter-spacing:.22em;font-weight:700}
p{margin:0 0 1.05em}
.leitura{max-width:62ch}

/* barra de progresso */
.progresso{
  position:fixed;top:0;left:0;height:3px;width:100%;z-index:70;
  transform:scaleX(0);transform-origin:0 50%;
  background:var(--arco);box-shadow:0 0 14px rgba(224,160,23,.7);
}

/* topo */
.topo{
  position:sticky;top:0;z-index:60;color:var(--papel);
  background:linear-gradient(180deg,#232019,#141310);
  border-bottom:3px solid var(--tijolo);
  transition:box-shadow .3s ease;
}
.topo.grudou{box-shadow:0 12px 34px rgba(0,0,0,.42),0 0 22px rgba(201,96,36,.22)}
.topo-int{display:flex;align-items:center;gap:1.5rem;height:56px}
.marca{font-family:var(--dado);text-transform:uppercase;font-size:.72rem;letter-spacing:.2em;font-weight:700;text-decoration:none;white-space:nowrap}
.marca b{color:var(--ouro);font-weight:700;text-shadow:0 0 14px rgba(224,160,23,.6)}
.menu{display:flex;gap:1.3rem;margin-left:auto}
.menu a{
  position:relative;font-family:var(--dado);text-transform:uppercase;font-size:.68rem;letter-spacing:.16em;
  text-decoration:none;color:rgba(var(--creme-t),.7);padding:.3rem 0;transition:color .2s;
}
.menu a::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ouro);
  transform:scaleX(0);transform-origin:0 50%;transition:transform .28s cubic-bezier(.2,.7,.3,1);
  box-shadow:0 0 10px rgba(224,160,23,.8);
}
.menu a:hover,.menu a:focus-visible{color:var(--papel)}
.menu a:hover::after,.menu a:focus-visible::after{transform:scaleX(1)}
.topo .botao{margin-left:1.1rem}
@media(max-width:900px){
  .menu{display:none}
  .topo .botao{margin-left:auto;padding:.55rem .8rem;font-size:.62rem;letter-spacing:.12em;box-shadow:3px 3px 0 rgba(0,0,0,.6)}
  .marca{font-size:.62rem;letter-spacing:.14em}
}

/* botoes */
.botao{
  position:relative;overflow:hidden;isolation:isolate;
  display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap;
  font-family:var(--dado);text-transform:uppercase;font-size:.72rem;letter-spacing:.16em;font-weight:700;
  background:linear-gradient(180deg,var(--tijolo-claro),var(--tijolo));color:#FFF4E2;text-decoration:none;
  padding:.78rem 1.35rem;border:none;cursor:pointer;
  box-shadow:4px 4px 0 var(--tinta),0 0 0 rgba(228,120,59,0);
  transition:transform .14s ease,box-shadow .22s ease,filter .22s;
}
.botao::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.42) 46%,transparent 62%);
  transform:translateX(-130%);
}
.botao:hover::after,.botao:focus-visible::after{animation:brilho .75s ease}
@keyframes brilho{to{transform:translateX(130%)}}
.botao:hover,.botao:focus-visible{
  transform:translate(2px,2px);
  box-shadow:2px 2px 0 var(--tinta),0 0 26px rgba(228,120,59,.55);
  filter:saturate(1.1);
}
.botao--vazio{background:transparent;color:var(--tinta);box-shadow:inset 0 0 0 2px var(--tinta)}
.botao--vazio:hover,.botao--vazio:focus-visible{background:var(--tinta);color:var(--papel);box-shadow:inset 0 0 0 2px var(--tinta),0 0 22px rgba(27,27,27,.3);transform:none}
.botao--ouro{background:linear-gradient(180deg,var(--ouro-claro),var(--ouro));color:var(--tinta);box-shadow:4px 4px 0 rgba(0,0,0,.55)}
.botao--ouro:hover,.botao--ouro:focus-visible{box-shadow:2px 2px 0 rgba(0,0,0,.55),0 0 26px rgba(240,189,71,.6)}
.botao--fantasma{background:transparent;color:var(--papel);box-shadow:inset 0 0 0 2px rgba(var(--creme-t),.45)}
.botao--fantasma:hover,.botao--fantasma:focus-visible{background:rgba(var(--creme-t),.1);box-shadow:inset 0 0 0 2px var(--papel),0 0 24px rgba(var(--creme-t),.25);transform:none}
:focus-visible{outline:3px solid var(--ouro);outline-offset:3px}

/* ============ ABERTURA COM A TV ============ */
.abertura{
  position:relative;color:var(--papel);overflow:hidden;
  padding:clamp(1.8rem,4vw,3rem) 0 0;
  background:
    radial-gradient(90% 70% at 50% 8%,rgba(224,160,23,.16) 0%,rgba(224,160,23,0) 60%),
    radial-gradient(70% 60% at 82% 78%,rgba(46,107,122,.22) 0%,rgba(46,107,122,0) 65%),
    linear-gradient(180deg,#191713 0%,#100F0D 55%,#0C0B09 100%);
}
.abertura::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 4px);
  opacity:.5;
}
.abertura > *{position:relative;z-index:2}
.faixa-topo{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.6rem}
.faixa-topo span{
  padding:.32rem .66rem;font-family:var(--dado);font-size:.62rem;letter-spacing:.22em;
  text-transform:uppercase;font-weight:700;background:rgba(var(--creme-t),.1);
  border:1px solid rgba(var(--creme-t),.24);color:rgba(var(--creme-t),.85);
}
.faixa-topo .vivo{border-color:var(--tijolo);color:#FFD9BE;background:rgba(201,96,36,.22)}
.faixa-topo .vivo::before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--tijolo-claro);
  margin-right:.5rem;vertical-align:middle;box-shadow:0 0 10px var(--tijolo-claro);animation:pisca 1.6s ease-in-out infinite;
}
@keyframes pisca{0%,100%{opacity:1}50%{opacity:.25}}

.tv{position:relative;max-width:700px;margin-inline:auto;perspective:1400px}
.tv::before{
  content:"";position:absolute;inset:-14% -10%;z-index:0;pointer-events:none;
  background:radial-gradient(closest-side,rgba(224,160,23,.28),rgba(224,160,23,0) 70%);
  filter:blur(28px);animation:respira 6s ease-in-out infinite;
}
@keyframes respira{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}
.tv-corpo{
  position:relative;z-index:1;padding:clamp(12px,1.6vw,20px);
  border-radius:28px/36px;
  background:linear-gradient(158deg,#4A443B 0%,#2A2621 35%,#15140F 100%);
  box-shadow:
    0 44px 90px rgba(0,0,0,.65),
    inset 0 2px 0 rgba(255,255,255,.1),
    inset 0 -3px 0 rgba(0,0,0,.6);
  transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.7,.3,1);
}
.tv-tela{
  cursor:pointer;position:relative;overflow:hidden;aspect-ratio:var(--tela,16/9);
  border-radius:20px/28px;background:#08080A;
  box-shadow:inset 0 0 70px rgba(0,0,0,.95),inset 0 0 0 2px rgba(0,0,0,.8);
}
.tv-tela video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;opacity:0;transition:opacity .8s ease}
.tv-tela video.ligado{opacity:1}
.chuvisco{
  position:absolute;inset:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='c'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='220' height='220' filter='url(%23c)'/></svg>");
  opacity:.72;filter:grayscale(1) contrast(3.2) brightness(1.15);animation:grao .28s steps(2) infinite;
}
.chuvisco.some{opacity:0;transition:opacity .7s ease}
.tv-tela::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:4;
  background:
    repeating-linear-gradient(0deg,rgba(0,0,0,.34) 0 1px,rgba(0,0,0,0) 1px 3px),
    radial-gradient(125% 105% at 50% 48%,rgba(255,255,255,.06) 0%,rgba(0,0,0,.12) 58%,rgba(0,0,0,.6) 100%);
}
.varredura{
  position:absolute;left:0;right:0;height:18%;z-index:5;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.09),rgba(255,255,255,0));
  animation:varre 7s linear infinite;
}
@keyframes varre{0%{top:-20%}100%{top:110%}}
.hud{
  position:absolute;z-index:6;font-family:var(--dado);font-size:.72rem;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(255,255,255,.9);text-shadow:0 0 10px rgba(0,0,0,.9);
}
.hud-play{top:14px;left:16px;display:flex;align-items:center;gap:.4rem}
.hud-play b{font-weight:700}
.hud-play em{font-style:normal;animation:pisca 1.8s ease-in-out infinite}
.hud-tempo{bottom:14px;right:16px;color:rgba(255,255,255,.75)}
.tv-controles{
  position:absolute;bottom:14px;left:16px;z-index:6;display:flex;gap:.5rem;
}
.knob{
  width:38px;height:38px;border-radius:50%;border:1px solid rgba(var(--creme-t),.3);
  background:linear-gradient(160deg,#3A352E,#16150F);color:rgba(var(--creme-t),.9);
  display:grid;place-content:center;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 4px 10px rgba(0,0,0,.5);
  transition:box-shadow .22s,color .22s,transform .14s;
}
.knob:hover,.knob:focus-visible{color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 0 20px rgba(224,160,23,.6);transform:translateY(-2px)}
.knob svg{width:16px;height:16px;fill:currentColor}
.knob--som{
  width:auto;height:38px;border-radius:19px;padding:0 .9rem;gap:.5rem;
  grid-auto-flow:column;align-items:center;
  font-family:var(--dado);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
}
.knob--som[data-som="on"]{border-color:var(--ouro);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 20px rgba(224,160,23,.55)}
.tv-base{
  width:38%;height:16px;margin:0 auto;border-radius:0 0 12px 12px;
  background:linear-gradient(180deg,#2A2621,#100F0C);box-shadow:0 18px 30px rgba(0,0,0,.6);
}

.abertura-texto{text-align:center;padding:clamp(1.6rem,4vw,2.6rem) 0 0}
h1.chamada{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(2rem,5.4vw,4.2rem);line-height:.96;margin:0 auto 1.3rem;max-width:19ch;
  text-shadow:0 0 40px rgba(224,160,23,.28);
}
h1.chamada em{
  font-style:normal;
  background:linear-gradient(100deg,var(--tijolo-claro),var(--ouro-claro) 55%,var(--tijolo-claro));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 18px rgba(228,120,59,.45));
}
.abertura-texto p{color:rgba(var(--creme-t),.78);max-width:56ch;margin-inline:auto;font-size:1.06rem}
.acoes{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}
.acoes--centro{justify-content:center}
.nota-venda{font-family:var(--dado);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--creme-t),.5);margin:1.1rem 0 0}

h1.titulo-livro{
  font-family:var(--display);font-weight:400;text-transform:uppercase;margin:0 0 .5rem;
  font-size:clamp(2.9rem,10.5vw,7.6rem);line-height:.82;letter-spacing:.005em;
  display:flex;flex-direction:column;align-items:center;text-wrap:balance;
  text-shadow:0 0 60px rgba(224,160,23,.22);
}
h1.titulo-livro .realce{
  background:linear-gradient(100deg,var(--tijolo-claro),#F0BD47 52%,var(--tijolo-claro));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 24px rgba(228,120,59,.5));
}
.assinatura-capa{
  font-family:var(--dado);font-size:.76rem;letter-spacing:.34em;text-transform:uppercase;
  color:rgba(var(--creme-t),.72);margin:0 0 1.5rem;
}
.linha-fina{
  font-size:clamp(1.1rem,2.4vw,1.5rem);line-height:1.32;font-style:italic;
  color:var(--papel);max-width:26ch;margin:0 auto 1.2rem;
  position:relative;padding-top:1.2rem;
}
.linha-fina::before{
  content:"";position:absolute;top:0;left:50%;width:60px;height:2px;margin-left:-30px;
  background:var(--arco);box-shadow:0 0 14px rgba(224,160,23,.6);
}

/* contador */
.faixa{
  margin-top:clamp(2.6rem,6vw,4rem);color:var(--papel);padding:1.5rem 0;
  background:linear-gradient(180deg,#0C0B09,#151410);
  border-top:1px solid rgba(var(--creme-t),.12);
}
.faixa-int{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2.4rem}
.faixa-rot{color:var(--ouro);margin:0;max-width:15ch;line-height:1.7;text-shadow:0 0 18px rgba(224,160,23,.45)}
.faixa-data{font-family:var(--dado);font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;color:rgba(var(--creme-t),.8);line-height:1.8;margin:0}
.relogio{display:flex;gap:1.4rem;margin-left:auto;font-variant-numeric:tabular-nums}
.unidade{text-align:center;min-width:60px}
.unidade b{
  display:block;font-family:var(--display);font-weight:400;font-size:clamp(1.9rem,4.6vw,3rem);line-height:1;
  color:var(--papel);text-shadow:0 0 22px rgba(240,189,71,.45);transition:transform .25s,color .25s;
}
.unidade b.bate{animation:bate .45s cubic-bezier(.2,.7,.3,1)}
@keyframes bate{0%{transform:translateY(-38%) rotateX(50deg);opacity:.25;color:var(--ouro-claro)}100%{transform:none;opacity:1}}
.unidade i{display:block;font-style:normal;font-family:var(--dado);font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--creme-t),.55);margin-top:.45rem}
@media(max-width:780px){.relogio{margin-left:0;gap:1rem}.unidade{min-width:52px}}

/* secoes */
section{padding:clamp(3.2rem,7.5vw,6rem) 0;position:relative}
.cabeca{display:flex;align-items:baseline;gap:1.1rem;border-top:2px solid currentColor;padding-top:.9rem;margin-bottom:2.4rem}
.cabeca .n{font-family:var(--dado);font-size:.68rem;letter-spacing:.18em;font-weight:700}
.cabeca h2{font-size:clamp(2.1rem,5.6vw,3.6rem)}

/* o livro */
.livro-grade{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.jaqueta{position:relative}
.jaqueta img{
  width:100%;border-radius:2px;
  box-shadow:0 2px 0 var(--papel-3),16px 16px 0 rgba(27,27,27,.1),0 30px 60px rgba(27,27,27,.32);
  transition:transform .5s cubic-bezier(.2,.7,.3,1),box-shadow .5s;
}
.jaqueta:hover img{transform:translateY(-8px) rotate(-.7deg);box-shadow:0 2px 0 var(--papel-3),22px 22px 0 rgba(201,96,36,.18),0 44px 76px rgba(27,27,27,.4)}
.livro-texto p{font-size:1.12rem;line-height:1.58}
.frase-forte{
  font-size:clamp(1.2rem,2.4vw,1.5rem);line-height:1.32;margin-top:1.9rem;font-weight:600;
  padding-left:1.3rem;
  background-image:linear-gradient(180deg,#E0A017,#C96024 40%,#B0442A 70%,#2E6B7A);
  background-size:5px 100%;background-repeat:no-repeat;background-position:left top;
}
.ficha{border:2px solid var(--tinta);background:linear-gradient(180deg,var(--papel-2),var(--papel-3));margin-top:2rem}
.ficha dl{margin:0;display:grid;grid-template-columns:auto 1fr}
.ficha dt,.ficha dd{margin:0;padding:.55rem .9rem;border-bottom:1px solid var(--linha);font-family:var(--dado);font-size:.72rem}
.ficha dt{text-transform:uppercase;letter-spacing:.13em;color:var(--fraco);border-right:1px solid var(--linha)}
.ficha dd{text-align:right}
.ficha dl>:nth-last-child(-n+2){border-bottom:none}

/* capitulos / episodios */
.capitulos{color:var(--papel);background:linear-gradient(180deg,#1A1915 0%,#24231E 45%,#17160F 100%)}
.capitulos .cabeca{color:rgba(var(--creme-t),.35)}
.capitulos .cabeca h2{color:var(--papel)}
.capitulos .cabeca .n{color:var(--ouro)}
.trilho-env{margin-inline:calc(50% - 50vw);padding-inline:max(1.25rem,calc(50vw - var(--max)/2))}
.trilho{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(258px,1fr);gap:1.1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:.4rem 0 1.4rem;scrollbar-width:thin;scrollbar-color:var(--tijolo) transparent}
.trilho::-webkit-scrollbar{height:6px}
.trilho::-webkit-scrollbar-thumb{background:var(--tijolo);box-shadow:0 0 12px rgba(201,96,36,.7)}
.trilho::-webkit-scrollbar-track{background:rgba(var(--creme-t),.1)}
.cap-card{
  scroll-snap-align:start;position:relative;background:#141412;
  border:1px solid rgba(var(--creme-t),.14);display:flex;flex-direction:column;
  transition:transform .3s cubic-bezier(.2,.7,.3,1),border-color .3s,box-shadow .3s;
}
.cap-card:hover,.cap-card:focus-within{
  transform:translateY(-10px) scale(1.015);border-color:var(--cor,var(--ouro));z-index:2;
  box-shadow:0 24px 48px rgba(0,0,0,.55),0 0 30px color-mix(in srgb,var(--cor,var(--ouro)) 45%,transparent);
}
.cap-tela{position:relative;aspect-ratio:2/3;overflow:hidden;background:#1d1d1b}
.cap-tela img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1),filter .4s;filter:saturate(.88) contrast(1.02)}
.cap-card:hover .cap-tela img{transform:scale(1.07);filter:saturate(1.05) contrast(1.06)}
.cap-tela::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 62%,rgba(20,20,18,.92) 100%);
}
.cap-tela video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s;z-index:1}
.cap-card:hover video[data-tocando],.cap-card:focus-within video[data-tocando]{opacity:1}
.cap-tag{
  position:absolute;top:0;left:0;z-index:2;padding:.28rem .55rem;font-family:var(--dado);font-size:.58rem;
  letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  background:linear-gradient(180deg,var(--ouro-claro),var(--ouro));color:var(--tinta);
}
.cap-regua{height:5px;background:var(--cor);box-shadow:0 0 16px color-mix(in srgb,var(--cor) 70%,transparent)}
.cap-corpo{padding:.95rem 1rem 1.2rem;display:grid;gap:.55rem;flex:1}
.cap-num{font-family:var(--dado);font-size:.62rem;letter-spacing:.2em;color:color-mix(in srgb,var(--cor) 50%,#EFE6CC)}
.cap-corpo h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.14rem;line-height:1.04;margin:0}
.cap-corpo q{font-style:italic;font-size:.95rem;line-height:1.5;color:rgba(var(--creme-t),.7);quotes:none}
.aviso{margin-top:1.2rem;font-family:var(--dado);font-size:.7rem;letter-spacing:.1em;color:rgba(var(--creme-t),.5)}

/* capitulo liberado */
.livre{color:var(--papel);background:linear-gradient(180deg,#17160F 0%,#1B1B18 40%,#121110 100%)}
.livre .cabeca{color:rgba(var(--creme-t),.3)}
.livre .cabeca h2{color:var(--papel)}
.livre .cabeca .n{color:var(--ouro)}
.episodio-destaque{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(1rem,3vw,2rem);align-items:center;
  margin:0 0 clamp(2.4rem,5vw,4rem);padding:clamp(1.3rem,3vw,2.2rem);text-decoration:none;
  border:2px solid var(--ouro-claro);background:linear-gradient(135deg,#2A2115,#17140F 62%,#2B1C12);
  box-shadow:0 0 0 5px rgba(224,160,23,.12),0 0 34px rgba(224,160,23,.34),10px 10px 0 rgba(201,96,36,.55);
  transition:transform .2s ease,box-shadow .25s ease;animation:alerta-brilho 2.2s ease-in-out infinite;
}
.episodio-destaque:hover,.episodio-destaque:focus-visible{transform:translateY(-5px);box-shadow:0 0 0 6px rgba(224,160,23,.18),0 0 48px rgba(240,189,71,.62),14px 14px 0 rgba(201,96,36,.65)}
.episodio-icone{width:clamp(66px,10vw,94px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;padding-left:.12em;font-size:clamp(2rem,5vw,3.2rem);color:#fff;background:var(--tijolo);box-shadow:0 0 28px rgba(228,120,59,.7)}
.episodio-texto .rotulo{color:var(--ouro);margin:0 0 .7rem}
.episodio-texto h3{font-size:clamp(1.8rem,4vw,3.1rem);margin:0 0 .65rem}
.episodio-clique{font-family:var(--dado);font-size:clamp(.76rem,1.6vw,1rem);font-weight:700;letter-spacing:.12em;line-height:1.4;color:#fff;margin:0;text-transform:uppercase}
.episodio-seta{font-family:var(--display);font-size:clamp(2.5rem,6vw,4.4rem);color:var(--ouro-claro);line-height:1}
@keyframes alerta-brilho{0%,100%{filter:brightness(1)}50%{filter:brightness(1.16)}}
@media(max-width:820px){
  .episodio-destaque{grid-template-columns:auto 1fr;padding:1.15rem}
  .episodio-texto{text-align:center}
  .episodio-seta{display:none}
}















/* autora */
.autora-grade{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:clamp(1.6rem,4vw,3rem);align-items:start}
.autora-grade img{border:2px solid var(--tinta);box-shadow:12px 12px 0 rgba(224,160,23,.35);transition:transform .4s,box-shadow .4s}
.autora-grade img:hover{transform:translateY(-5px);box-shadow:14px 14px 0 rgba(201,96,36,.4)}
.autora-grade p{font-size:1.05rem;max-width:60ch}
.assina{font-family:var(--dado);font-size:.7rem;letter-spacing:.08em;line-height:1.4;color:var(--fraco);margin-top:1.2rem}

/* duas colunas */
.duas{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(1.5rem,4vw,2.6rem)}
.cartao{
  border:2px solid var(--tinta);padding:clamp(1.3rem,3vw,2rem);
  background:linear-gradient(160deg,var(--papel-2),#E1D1AB);display:flex;flex-direction:column;gap:.85rem;
  transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s;
}
.cartao:hover{transform:translateY(-6px);box-shadow:10px 10px 0 rgba(201,96,36,.28),0 22px 40px rgba(27,27,27,.16)}
.cartao h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.45rem;line-height:1.02;margin:0}
.cartao p{margin:0;font-size:1rem}
.cartao .botao{align-self:flex-start;margin-top:auto}

/* redes */
.redes{color:var(--papel);background:linear-gradient(180deg,#1D1C17 0%,#232019 30%,#131210 100%)}
.redes .cabeca{color:rgba(var(--creme-t),.35)}
.redes .cabeca h2{color:var(--papel)}
.redes .cabeca .n{color:var(--ouro)}
.redes-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:1rem}
.rede{
  position:relative;overflow:hidden;display:flex;align-items:center;gap:1rem;text-decoration:none;
  background:linear-gradient(160deg,#1A1916,#0F0E0C);border:1px solid rgba(var(--creme-t),.16);
  padding:1.05rem 1.2rem;transition:transform .25s cubic-bezier(.2,.7,.3,1),border-color .25s,box-shadow .25s;
}
.rede::after{
  content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none;
  background:radial-gradient(70% 120% at 12% 50%,color-mix(in srgb,var(--marca) 26%,transparent),transparent 68%);
}
.rede:hover,.rede:focus-visible{transform:translateY(-5px);border-color:var(--marca);box-shadow:0 16px 34px rgba(0,0,0,.5),0 0 26px color-mix(in srgb,var(--marca) 45%,transparent)}
.rede:hover::after,.rede:focus-visible::after{opacity:1}
.rede svg{width:30px;height:30px;flex:none;fill:var(--marca);position:relative;z-index:1;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--marca) 60%,transparent));transition:transform .25s}
.rede:hover svg{transform:scale(1.12)}
.rede span{display:grid;gap:.15rem;min-width:0;position:relative;z-index:1}
.rede b{font-family:var(--dado);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--papel)}
.rede i{font-style:normal;font-family:var(--dado);font-size:.72rem;letter-spacing:.04em;color:rgba(var(--creme-t),.6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.redes-nota{margin:1.6rem 0 0;font-family:var(--dado);font-size:.68rem;letter-spacing:.08em;line-height:1.8;color:rgba(var(--creme-t),.5);max-width:62ch}

/* ============ LANCAMENTO ============ */
.lancamento{
  color:var(--papel);position:relative;overflow:hidden;
  background:
    radial-gradient(80% 60% at 20% 0%,rgba(201,96,36,.28),rgba(201,96,36,0) 60%),
    radial-gradient(70% 70% at 90% 90%,rgba(224,160,23,.2),rgba(224,160,23,0) 62%),
    linear-gradient(180deg,#141310,#1E1C17 50%,#100F0C);
}
.lancamento .cabeca{color:rgba(var(--creme-t),.35)}
.lancamento .cabeca h2{color:var(--papel)}
.lancamento .cabeca .n{color:var(--ouro)}
.conv{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:clamp(2rem,5vw,3.6rem);align-items:center}
.data-grande{display:flex;align-items:flex-end;gap:1rem;margin:0 0 .6rem}
.data-grande b{
  font-family:var(--display);font-weight:400;font-size:clamp(4.4rem,13vw,9rem);line-height:.8;
  background:linear-gradient(160deg,var(--ouro-claro),var(--tijolo));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 30px rgba(228,120,59,.4));
}
.data-grande span{
  font-family:var(--dado);font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;
  color:rgba(var(--creme-t),.75);line-height:1.9;padding-bottom:.5rem;
}
.conv-frase{font-size:clamp(1.15rem,2.3vw,1.45rem);line-height:1.36;max-width:24ch;margin:0 0 1.6rem;color:var(--papel)}
.conv-dados{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem;margin:0 0 1.8rem;padding:0;list-style:none}
.conv-dados li{border-left:3px solid var(--ouro);padding:.15rem 0 .15rem .8rem}
.conv-dados b{display:block;font-family:var(--dado);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro);margin-bottom:.25rem}
.conv-dados span{font-size:1rem;line-height:1.45;color:rgba(var(--creme-t),.9)}
.mapa{
  position:relative;border:1px solid rgba(var(--creme-t),.2);background:#12110E;
  box-shadow:0 26px 54px rgba(0,0,0,.5);overflow:hidden;
}
.mapa svg{display:block;width:100%;height:auto}
.mapa-legenda{
  position:absolute;left:0;right:0;bottom:0;padding:.7rem .9rem;
  background:linear-gradient(180deg,rgba(18,17,14,0),rgba(18,17,14,.94));
  font-family:var(--dado);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--creme-t),.85);
}
@keyframes pulsa{0%{r:5;opacity:1}100%{r:26;opacity:0}}
.pino-onda{animation:pulsa 2.4s ease-out infinite}
.relogio--grande .unidade{min-width:74px}
.relogio--grande .unidade b{font-size:clamp(2.4rem,6vw,4rem)}
@media(max-width:900px){.conv{grid-template-columns:1fr}}

/* ============ LEITOR DO CAPITULO ============ */
.leitor{max-width:940px;margin-inline:auto;perspective:1800px}
.leitor-fechado{display:grid;justify-items:center;gap:1.4rem;text-align:center}
.livro-fechado{
  position:relative;width:min(300px,72vw);cursor:pointer;background:none;border:0;padding:0;
  transform:rotate(-2deg);transition:transform .5s cubic-bezier(.2,.7,.3,1),filter .5s;
}
.livro-fechado img{width:100%;box-shadow:0 2px 0 #C9BB98,14px 14px 0 rgba(0,0,0,.35),0 34px 60px rgba(0,0,0,.55)}
.livro-fechado:hover,.livro-fechado:focus-visible{transform:rotate(-2deg) translateY(-10px) scale(1.02);filter:drop-shadow(0 0 34px rgba(224,160,23,.4))}
.livro-fechado::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 62%);
  transform:translateX(-120%);
}
.livro-fechado:hover::after{animation:brilho 1s ease}
.leitura-alerta{
  display:block;margin:0 auto 1.2rem;padding:.85rem 1rem;font-family:var(--dado);font-size:clamp(.74rem,2.5vw,.92rem);
  font-weight:700;letter-spacing:.11em;line-height:1.4;text-transform:uppercase;color:#18130D;
  background:linear-gradient(110deg,var(--ouro-claro),#FFE38C,var(--tijolo-claro));border:2px solid #FFF0B7;
  box-shadow:0 0 0 5px rgba(224,160,23,.16),0 0 30px rgba(240,189,71,.72),6px 6px 0 var(--tijolo);
  animation:chama-clique 1.7s ease-in-out infinite;
}
@keyframes chama-clique{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.045);filter:brightness(1.17)}}
.abrir-dica{font-family:var(--dado);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--creme-t),.6);margin:0}
@media(prefers-reduced-motion:reduce){.episodio-destaque,.leitura-alerta{animation:none}}

.leitor-aberto{display:none}
.leitor[data-aberto="1"] .leitor-fechado{display:none}
.leitor[data-aberto="1"] .leitor-aberto{display:block;animation:abriu .7s cubic-bezier(.2,.7,.3,1)}
@keyframes abriu{from{opacity:0;transform:rotateY(-22deg) scale(.94)}to{opacity:1;transform:none}}

.pagina{
  position:relative;background:linear-gradient(100deg,#E6D9B8 0%,var(--papel) 6%,#F3EBD7 55%,var(--papel-2) 100%);
  color:var(--tinta);border-radius:2px 8px 8px 2px;
  box-shadow:inset 14px 0 22px -14px rgba(90,70,30,.5),0 30px 60px rgba(0,0,0,.5);
  padding:clamp(1.6rem,3.6vw,2.6rem) clamp(1.5rem,3.4vw,2.4rem) 3.2rem;
  touch-action:pan-y;user-select:none;-webkit-user-select:none;overflow:hidden;
}
.pagina::before{
  content:"";position:absolute;top:0;bottom:0;left:0;width:26px;pointer-events:none;
  background:linear-gradient(90deg,rgba(120,95,45,.28),rgba(120,95,45,0));
}
.visor{overflow:hidden;position:relative}
.visor::after{
  content:"";position:absolute;top:-4%;bottom:-4%;left:50%;width:56px;margin-left:-28px;
  pointer-events:none;z-index:3;
  background:linear-gradient(90deg,rgba(120,95,45,0),rgba(120,95,45,.16) 42%,rgba(90,70,30,.28) 50%,rgba(120,95,45,.16) 58%,rgba(120,95,45,0));
}
@media(max-width:760px){.visor::after{display:none}}
/* paginas do capitulo, em imagem */
.visor{overflow:hidden;position:relative}
.trilho-pags{
  display:flex;gap:var(--calha,44px);align-items:flex-start;
  transition:transform .5s cubic-bezier(.24,.72,.28,1);will-change:transform;
}
.trilho-pags.arrastando{transition:none}
.trilho-pags img{
  flex:0 0 auto;width:auto;height:auto;max-width:100%%;max-height:min(74vh,620px);
  border-radius:2px;box-shadow:0 10px 24px rgba(60,45,20,.18);
}
.leitor[data-tudo="1"] .visor{overflow:visible;height:auto !important}
.leitor[data-tudo="1"] .trilho-pags{
  display:grid;grid-template-columns:1fr;gap:1.2rem;transform:none !important;
}
.leitor[data-tudo="1"] .trilho-pags img{width:100%%;flex:none;max-width:620px;max-height:none;margin-inline:auto}
.leitor[data-tudo="1"] .folio-btns,.leitor[data-tudo="1"] [data-indicador]{visibility:hidden}
.leitor[data-tudo="1"] .visor::after{display:none}
.folio .ver-tudo{
  width:auto;height:auto;border:1.5px solid var(--tinta);background:transparent;color:var(--tinta);cursor:pointer;
  font-family:var(--dado);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  padding:.42rem .8rem;border-radius:17px;transition:background .2s,color .2s;
}
.folio .ver-tudo:hover,.folio .ver-tudo:focus-visible{background:var(--tinta);color:var(--papel);transform:none;box-shadow:none}

.folio{
  position:absolute;left:0;right:0;bottom:0;height:3.2rem;display:flex;align-items:center;
  justify-content:space-between;padding:0 clamp(1.5rem,3.4vw,2.4rem);
  font-family:var(--dado);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--fraco);
  border-top:1px solid rgba(27,27,27,.12);background:linear-gradient(180deg,rgba(239,230,204,0),rgba(230,217,184,.7));
}
.folio-btns{display:flex;gap:.4rem}
.folio button{
  width:34px;height:34px;border-radius:50%;border:1.5px solid var(--tinta);background:transparent;color:var(--tinta);
  display:grid;place-content:center;cursor:pointer;transition:background .2s,color .2s,transform .15s,box-shadow .2s;
}
.folio button:hover:not(:disabled),.folio button:focus-visible:not(:disabled){background:var(--tinta);color:var(--papel);transform:translateY(-2px);box-shadow:0 6px 14px rgba(27,27,27,.3)}
.folio button:disabled{opacity:.28;cursor:default}
.folio svg{width:14px;height:14px;fill:currentColor}
.barra-pag{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(27,27,27,.1)}
.barra-pag i{display:block;height:100%;width:0;background:var(--arco);background-size:300% 100%;transition:width .45s cubic-bezier(.24,.72,.28,1)}
.leitor-dica{margin:1rem 0 0;text-align:center;font-family:var(--dado);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--creme-t),.5)}

/* livro anterior */
.secao-enxuta{padding:clamp(2rem,4vw,3rem) 0}
.anterior{
  display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:1.4rem;align-items:center;
  border:1px solid var(--linha);background:linear-gradient(160deg,var(--papel-2),#E3D3AC);
  padding:1.1rem 1.3rem;transition:box-shadow .3s,transform .3s;
}
.anterior:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(27,27,27,.16)}
.anterior img{width:104px;box-shadow:0 8px 18px rgba(27,27,27,.3)}
.anterior h3{font-family:var(--display);font-weight:400;text-transform:uppercase;font-size:1.2rem;line-height:1.05;margin:0 0 .35rem}
.anterior p{font-size:.94rem;line-height:1.5;max-width:56ch;margin:0;color:var(--fraco)}
.anterior .botao{flex:none}
@media(max-width:760px){
  .anterior{grid-template-columns:84px minmax(0,1fr);gap:1rem}
  .anterior img{width:84px}
  .anterior .botao{grid-column:1 / -1;justify-self:start}
}

/* rodape */
.rodape{background:linear-gradient(180deg,#141310,#0B0A08);color:rgba(var(--creme-t),.7);padding:0 0 2.2rem;font-family:var(--dado);font-size:.74rem;line-height:1.9}
.arco{height:7px;background:var(--arco);background-size:200% 100%;animation:desliza 9s linear infinite;box-shadow:0 0 22px rgba(224,160,23,.45)}
@keyframes desliza{to{background-position:200% 0}}
.rodape-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;padding-top:2.6rem}
.rodape strong{color:var(--papel);font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.66rem;display:block;margin-bottom:.55rem}
.rodape a{color:var(--ouro);text-decoration:none;border-bottom:1px solid rgba(224,160,23,.35);transition:color .2s,border-color .2s,text-shadow .2s}
.rodape a:hover{color:var(--ouro-claro);border-color:var(--ouro-claro);text-shadow:0 0 12px rgba(240,189,71,.6)}
.legal{margin-top:2.2rem;padding-top:1.3rem;border-top:1px solid rgba(var(--creme-t),.18);font-size:.68rem;color:rgba(var(--creme-t),.5);max-width:72ch}

/* entrada */
.sobe{opacity:0;transform:translateY(26px);filter:blur(6px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.3,1),filter .8s ease}
.sobe.dentro{opacity:1;transform:none;filter:none}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  html{scroll-behavior:auto}
  .sobe{opacity:1;transform:none;filter:none}
  .varredura,.chuvisco{display:none}
}
@media(max-width:900px){
  .livro-grade,.autora-grade{grid-template-columns:1fr}
  .jaqueta{max-width:320px;margin-inline:auto}
  .autora-grade img{max-width:230px}
  .tv-corpo{border-radius:18px/22px}
  .hud{font-size:.62rem}
  .knob{width:34px;height:34px}
}