/* Bloco do livro, logo abaixo do vídeo: capa, ficha da obra e preço. */
.lv-section{padding-top:72px;padding-bottom:72px}
.lv-card{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:56px;align-items:center;padding:44px;border:1px solid #aab0ff33;border-radius:24px;background:linear-gradient(135deg,#626eff26,#0c0e22 55%,#070816)}
/* Livro 3D: capa na frente, lombada à esquerda e o bloco de páginas à direita, em cima e embaixo. */
.lv-cover{--bw:250px;--bh:calc(var(--bw)*1.414);--t:26px;position:relative;margin:0;display:grid;place-items:center;padding:28px 0 44px;perspective:1100px}
.lv-cover::before{content:"";position:absolute;inset:6% 0 14%;background:radial-gradient(closest-side,#626eff4d,#626eff00);filter:blur(22px);pointer-events:none}
.lv-shadow{position:absolute;left:50%;bottom:22px;width:calc(var(--bw)*.92);height:28px;transform:translateX(-44%);background:radial-gradient(closest-side,#000d,#0000);filter:blur(8px);pointer-events:none}
.lv-book{position:relative;z-index:1;width:var(--bw);height:var(--bh);transform-style:preserve-3d;transform:translateZ(0px) rotateX(2deg) rotateY(28deg);animation:lv-sway 9s ease-in-out infinite;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.lv-cover.is-tilting .lv-book{animation:none}
.lv-cover.is-following .lv-book{transition:transform .12s ease-out}
.lv-face{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lv-front{inset:0;transform:translateZ(calc(var(--t)/2));border-radius:2px 7px 7px 2px;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f}
.lv-front img{display:block;width:100%;height:100%;object-fit:cover}
.lv-front::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0009 0,#ffffff24 2.4%,#0000 5.5%,#0000 93%,#0000004d);pointer-events:none}
.lv-glare{position:absolute;inset:0;background:radial-gradient(circle at var(--gx,28%) var(--gy,16%),#ffffff33,#ffffff00 48%);pointer-events:none}
.lv-back{inset:0;transform:rotateY(180deg) translateZ(calc(var(--t)/2));border-radius:7px 2px 2px 7px;background:#0c0e22}
.lv-spine{top:0;left:calc(50% - var(--t)/2);width:var(--t);height:100%;transform:rotateY(-90deg) translateZ(calc(var(--bw)/2));display:grid;place-items:center;background:linear-gradient(90deg,#080a1e,#252d75 38%,#181e57 62%,#090b21);box-shadow:inset 0 0 0 1px #ffffff14}
.lv-spine span{writing-mode:vertical-rl;font:700 10px/1 Syne,Heading,sans-serif;letter-spacing:.22em;color:#dedfed;white-space:nowrap}
.lv-pages{top:3px;left:calc(50% - var(--t)/2 + 1px);width:calc(var(--t) - 2px);height:calc(100% - 6px);transform:rotateY(90deg) translateZ(calc(var(--bw)/2 - 3px));background:repeating-linear-gradient(90deg,#f0f1f5 0 1px,#cdcfe6 1px 2px)}
.lv-top,.lv-bottom{left:1px;top:calc(50% - var(--t)/2 + 1px);width:calc(100% - 4px);height:calc(var(--t) - 2px);background:repeating-linear-gradient(0deg,#f0f1f5 0 1px,#cdcfe6 1px 2px)}
.lv-top{transform:rotateX(90deg) translateZ(calc(var(--bh)/2 - 3px))}
.lv-bottom{transform:rotateX(-90deg) translateZ(calc(var(--bh)/2 - 3px))}
@keyframes lv-sway{
 0%,100%{transform:translateZ(0px) rotateX(2deg) rotateY(28deg)}
 25%{transform:translateZ(0px) rotateX(0deg) rotateY(20deg)}
 75%{transform:translateZ(0px) rotateX(4deg) rotateY(36deg)}
}
.lv-copy .eyebrow{margin-bottom:14px}
.lv-copy h2{margin-bottom:6px!important}
.lv-sub{font-family:Syne,Heading,sans-serif;font-weight:700;font-size:19px;color:var(--paper)!important;margin:0 0 18px!important}
.lv-syn{font-size:17px;max-width:560px}
.lv-ficha{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:14px 34px;margin:26px 0 30px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lv-ficha div{min-width:0}
.lv-ficha dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.lv-ficha dd{margin:4px 0 0;font-weight:700;color:var(--paper);font-size:15px}
.lv-ficha div:last-child dd{white-space:nowrap}
.lv-buy{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.lv-price{display:flex;flex-direction:column;line-height:1}
.lv-price span{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.lv-price strong{font-family:Syne,Display,sans-serif;font-weight:800;font-size:44px;color:var(--paper)}
@media(max-width:860px){
 .lv-card{grid-template-columns:1fr;gap:34px;padding:28px 22px}
 .lv-cover{--bw:196px;--t:21px;padding:14px 0 36px}
 .lv-ficha{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}
 .lv-ficha div:last-child{grid-column:1/-1}
 .lv-buy .button{width:100%;justify-content:center}
}
/* Versão pequena, ao lado do botão de compra abaixo do vídeo. */
.lv-cover.lv-mini{--bw:66px;--t:9px;flex:none;padding:4px 2px 12px;perspective:420px}
.lv-mini::before{inset:-12% -20%;filter:blur(14px)}
.lv-mini .lv-shadow{bottom:4px;height:10px;filter:blur(4px)}
.lv-mini .lv-front{border-radius:1px 3px 3px 1px}
.lv-mini .lv-back{border-radius:3px 1px 1px 3px}
/* No celular, quase da altura do botão, para não empurrar o botão para fora da primeira tela. */
@media(max-width:760px){.lv-cover.lv-mini{--bw:44px;--t:7px;padding:0 0 6px}.lv-mini .lv-shadow{bottom:0}}
@media(prefers-reduced-motion:reduce){.lv-book{animation:none;transition:none}}
