/* Páginas internas no estilo B (/livro, /serie, /colecao e /livros/*): camadas de papel, claro e escuro.
   Depende de css/b.css (tokens, cabeçalho, botões, rodapé). Sem WebGL: o "fundo animado" são as próprias camadas e palavras gigantes em CSS. */
:root{
  --cv1:#8A6200;--cv2:#1F6FB5;--cv3:#2B7A2F;--cv4:#B3261E;--cv5:#0F766E;--cv6:#B5530E;--cv7:#6B3FEA;
  --pg-line:rgba(0,0,0,.14);--giant:rgba(17,17,17,.13)
}
html[data-theme="dark"]{--cv1:#FFD580;--cv2:#6FB3F2;--cv3:#86E08A;--cv4:#FF8A8A;--cv5:#4FE0D0;--cv6:#FF9A5C;--cv7:#B99BFF;--pg-line:rgba(255,255,255,.2);--giant:rgba(236,236,232,.14)}
.cv1{--vc:var(--cv1)}.cv2{--vc:var(--cv2)}.cv3{--vc:var(--cv3)}.cv4{--vc:var(--cv4)}.cv5{--vc:var(--cv5)}.cv6{--vc:var(--cv6)}.cv7{--vc:var(--cv7)}

html{scroll-padding-top:calc(var(--hud-h,60px) + 8px)}
main{overflow-x:clip}
html:not(.js) .lang{display:none}

/* camadas: todas as seções depois do hero */
main>section:not(.lv-hero){position:relative;background:var(--layer);border-radius:30px 30px 0 0;box-shadow:var(--sh1);margin-top:-30px}
main>section:not(.lv-hero):nth-of-type(even){background:var(--layer2)}
.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}
.eyebrow{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-d);margin-bottom:.8rem;font-weight:600}
.eyebrow span{font:inherit}
.section-head h2{font-size:clamp(2rem,4.6vw,3.6rem);letter-spacing:-.04em;line-height:1}
.section-intro{margin-top:.9rem;color:var(--mut);max-width:62ch}
.mono{letter-spacing:.02em}
.lead{color:var(--mut);max-width:52ch;margin-top:1rem}
.noscript-note{max-width:60ch;margin:calc(60px + 1.5rem) auto 0;padding:.7rem 1rem;border:1px dashed var(--line);border-radius:12px;font-size:.9rem;color:var(--mut);background:var(--layer)}
.panel,.pn-card{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shc)}

/* hero */
.lv-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:calc(60px + 1.5rem) 0 4rem;overflow:hidden;background:var(--bg)}
.lv-giant{position:absolute;left:50%;top:52%;z-index:0;margin:0;white-space:nowrap;font-weight:700;font-size:clamp(3rem,16.4vw,19rem);line-height:1;letter-spacing:-.055em;color:transparent;-webkit-text-stroke:2px var(--giant);transform:translate(-50%,calc(-50% + var(--hp,0) * -6vh));pointer-events:none;user-select:none}
.lv-hero-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}
.lv-hero .eyebrow{border-top:3px solid var(--ink);padding-top:.7rem;color:var(--mut)}
.lv-title{font-size:clamp(2.2rem,5.2vw,4.4rem);font-weight:700;letter-spacing:-.045em;line-height:1}
.lv-sub{margin:1rem 0 0;font-size:clamp(1.05rem,2vw,1.4rem);font-weight:500;line-height:1.3}
.lv-cta{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.6rem 0 0}
.lv-return,.sr-links,.cl-links{margin:2rem 0 0;display:flex;flex-wrap:wrap;gap:.7rem}
.lv-halo{position:absolute;inset:6% -8%;z-index:-1;background:radial-gradient(closest-side,rgba(215,38,30,.12),transparent 72%);pointer-events:none}
html[data-theme="dark"] .lv-halo{background:radial-gradient(closest-side,rgba(255,74,63,.16),transparent 72%)}

/* edições, compra e QR (reaproveitados em /livro, /serie, /colecao e /livros/*) */
.eds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.ed{display:grid;grid-template-columns:150px minmax(0,1fr);gap:1.2rem;padding:1.3rem}
.cover img{border-radius:6px;box-shadow:var(--shb)}
.ed .tag{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-d);margin-bottom:.3rem}
.ed h3{font-size:1.2rem;letter-spacing:-.015em;margin-bottom:.4rem}
.ed .ai{font-size:.82rem;color:var(--mut);margin-bottom:.6rem}
.ed .row{display:flex;gap:.9rem;align-items:center;flex-wrap:wrap;margin-top:.7rem}
.qr{display:grid;justify-items:center;gap:.3rem;margin:0}
.qr .tile{background:var(--tile);border-radius:12px;padding:.4rem;border:2px solid var(--ink)}
.qr img{width:112px;height:112px;min-width:112px;min-height:112px}
.qr figcaption{font-family:"PlexMono",monospace;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut)}
.buy-k,.sr-buy-k,.sr-scan{margin:0 0 .6rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-d);font-weight:600}
.buy{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.6rem}
.buy .btn{justify-content:center;text-align:center}
.buyblock{margin-top:1.6rem;padding:1.1rem 1.2rem 1.2rem}
.qrs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.9rem 1.4rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--line)}
.qrs .scan{flex:1 1 100%;margin:0}
.soon{margin:.9rem 0 0;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.cda-note{margin:.5rem 0 0;font-size:.74rem;letter-spacing:.06em;color:var(--mut)}

/* revelação ao rolar (só com JS, movimento normal e fora do modo leve) */
@media (prefers-reduced-motion:no-preference){
  html.lv-on:not(.lite) .sr-rv,html.lv-on:not(.lite) .cl-rv{transition:opacity .85s ease,transform .95s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d,0) * 110ms)}
  html.lv-on:not(.lite) .sr-rv:not(.is-in),html.lv-on:not(.lite) .cl-rv:not(.is-in){opacity:0;transform:translateY(34px)}
}
.sr-d1,.cl-d1{--d:1}.sr-d2,.cl-d2{--d:2}.sr-d3,.cl-d3{--d:3}

/* navegação entre livros */
.pn{padding:clamp(2.5rem,5vw,4rem) 0 3rem}
.pn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.pn-card{display:grid;gap:.25rem;padding:1.1rem 1.2rem;text-decoration:none;min-height:88px;align-content:center}
.pn-card:hover{border-color:var(--ink)}
.pn-k{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--acc-d);font-weight:600}
.pn-t{font-weight:700;font-size:1.05rem;letter-spacing:-.01em;line-height:1.2}
.pn-card.is-next{text-align:right}
.pn-other{margin-top:1.4rem;padding:1.2rem 1.3rem;display:grid;gap:.5rem;justify-items:start}
.pn-other p{color:var(--mut);max-width:62ch}

@media (max-width:1000px){
  .lv-hero-in{grid-template-columns:minmax(0,1fr)}.lv-hero{align-items:flex-start}
  .eds{grid-template-columns:1fr}.pn-grid{grid-template-columns:1fr}.pn-card.is-next{text-align:left}
}
@media (max-width:700px){main>section:not(.lv-hero){border-radius:20px 20px 0 0}.lv-giant{font-size:17.4vw;top:40%}}
@media (max-width:520px){.ed{grid-template-columns:96px minmax(0,1fr)}.lv-cta .btn,.lv-return .btn,.sr-links .btn,.cl-links .btn{width:100%}.qr img{width:96px;height:96px;min-width:96px;min-height:96px}}
@media (max-height:560px){.lv-hero{min-height:0;padding-top:5rem}}
html.lite .lv-giant{transform:translate(-50%,-50%)}
@media (prefers-reduced-motion:reduce){.lv-giant{transform:translate(-50%,-50%)}}

.sr-chip,.cl-chip{position:absolute;left:.4rem;bottom:.4rem;z-index:1;min-width:1.5rem;padding:0 .45rem;border-radius:999px;background:var(--bg);color:var(--ink);border:1.5px solid var(--ink);text-align:center;font-size:.74rem;font-weight:700;line-height:1.5;text-decoration:none}
.cl-chip{border-color:var(--vc)}