#cena-v{position:relative;height:100svh;overflow:hidden;background:#2B3A22;color:#fff}
#mundo{position:absolute;transform-origin:0 0;will-change:transform}
#mundo>*{position:absolute}
#mundo .fundo{left:0;top:0;width:100%;height:100%}
#menino{transform-origin:50% 100%;will-change:transform;filter:drop-shadow(0 0 1px rgba(0,0,0,.25))}
#menino img{display:block;width:100%;height:100%}
#sombra{border-radius:50%;background:radial-gradient(closest-side,rgba(20,15,5,.45),rgba(20,15,5,0));transform:translate(-50%,-50%)}
.janela-luz{background:#FFC867;mix-blend-mode:screen;opacity:0;box-shadow:0 0 18px 6px rgba(255,190,90,.6);border-radius:1px}
.vveu{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(18,22,14,.78) 0%,rgba(18,22,14,.5) 26%,rgba(18,22,14,0) 48%,rgba(18,22,14,0) 78%,rgba(18,22,14,.35) 100%)}
.vcab{position:absolute;left:clamp(20px,7vw,110px);right:20px;top:clamp(84px,12vh,120px);z-index:3;max-width:640px}
.vcab .tag{font-size:14px;font-weight:600;color:#FFE2B3}
.vcab h1{font-size:clamp(44px,6vw,88px);font-style:italic;font-weight:400;margin:8px 0 0;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.vcab p{font-size:17px;max-width:480px;margin-top:14px;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.vcab .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.vdica{position:absolute;left:0;right:0;bottom:22px;text-align:center;z-index:3;font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.6)}
@media(max-width:760px){.vveu{background:linear-gradient(180deg,rgba(18,22,14,.82) 0%,rgba(18,22,14,.55) 30%,rgba(18,22,14,0) 50%,rgba(18,22,14,0) 80%,rgba(18,22,14,.4) 100%)}}

#cena-v .btn.linha{color:#fff;background:rgba(20,29,18,.45);backdrop-filter:blur(6px)}
#cena-v .vcab h1{color:#fff}

.mesa-livro{width:min(1040px,100%);max-width:calc((100svh - 320px) * 1.4);margin-top:28px;display:flex;justify-content:center}
#livro-flip{margin:0 auto}
.pg{background:#FBF6EA;color:#2C2418;overflow:hidden}
.pg .in{position:absolute;inset:0;overflow:hidden;padding:9% 9% 8%;display:flex;flex-direction:column;background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,0) 8%,rgba(0,0,0,0) 92%,rgba(0,0,0,.04))}
.pg.capa img{width:100%;height:100%;object-fit:cover}
.pg h3{font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.4vw,30px);line-height:1.15;margin:8px 0 14px}
.pg h4{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(20px,2.1vw,26px);line-height:1.15;color:#6B3F22;margin-bottom:16px}
.pg .cont{font-family:var(--serif);font-style:italic;font-size:14px;color:#9A7A5A;margin-bottom:14px}
.pg small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9A7A5A}
.pg ol{padding-left:20px;font-family:var(--serif);font-size:clamp(14px,1.4vw,16.5px);line-height:1.9}
.pg .versos p{font-family:var(--serif);font-size:clamp(15px,1.3vw,18px);line-height:1.6;margin:0 0 .5em}
.pg .num,.pg .pe{margin-top:auto;font-size:11px;color:#9A7A5A;text-align:center}
.pg .fim-l{justify-content:center;text-align:center;align-items:center}
.pg .fim-l p{font-family:var(--serif);font-size:16px;line-height:1.55;max-width:280px}
.pg .fim-l .btn{margin-top:20px}
.pg.contracapa{background:#1F2D1C}.pg.contracapa .in{justify-content:center;align-items:center;background:none}
.pg.contracapa span{font-family:var(--serif);font-style:italic;color:#FFE2B3;font-size:22px;text-align:center}
.controles{display:flex;gap:12px;align-items:center;margin-top:24px}
.controles button{all:unset;cursor:pointer;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--mata);color:var(--mata);font-size:20px}
.controles span{font-size:14px;color:var(--cinza);min-width:110px;text-align:center}
.mesa-livro{width:min(1120px,100%);max-width:none!important;margin:40px auto 0;filter:drop-shadow(0 30px 40px rgba(60,40,20,.28))}
.controles{justify-content:center}
.mesa-livro{display:flex;justify-content:center}
#livro-flip{margin:0 auto}