.book3d-scene{--bw:236px;appearance:none;cursor:pointer;--bd:calc(var(--bw) * var(--dep,.19));--bh:calc(var(--bw) * var(--aspect,1.5155));width:var(--bw);height:var(--bh);perspective:1400px;background:0 0;border:0;padding:0;transition:transform .4s;display:block;position:relative}.book3d-scene:hover{transform:scale(1.03)}.book3d{transform-style:preserve-3d;transition:transform 2s cubic-bezier(.42,.08,.35,.95);position:absolute;inset:0}.book3d .f{backface-visibility:hidden;background-image:var(--capa,url(/images/capa-capadura.webp));background-repeat:no-repeat;height:100%;position:absolute;top:0;left:50%}.book3d .front,.book3d .back{width:var(--bw);margin-left:calc(var(--bw) / -2)}.book3d .front{transform:translateZ(calc(var(--bd) / 2));background-size:var(--cov-size,221.2%) 100%;background-position-x:var(--pos-front,97.71%)}.book3d .back{transform:rotateY(180deg) translateZ(calc(var(--bd) / 2));background-size:var(--cov-size,221.2%) 100%;background-position-x:var(--pos-back,3.15%)}.book3d .bspine,.book3d .pages{width:var(--bd);margin-left:calc(var(--bd) / -2)}.book3d .bspine{transform:rotateY(-90deg) translateZ(calc(var(--bw) / 2));background-size:var(--sp-size,1514%) 100%;background-position-x:var(--pos-spine,50.25%)}.book3d .pages{top:calc(var(--bw) * var(--lipy,.04));height:calc(100% - 2 * var(--bw) * var(--lipy,.04));transform:rotateY(90deg) translateZ(calc(var(--bw) / 2 - var(--bw) * var(--lipy,.04)));background:repeating-linear-gradient(90deg,#3a332b 0 1px,#272119 1px 3px)}.book3d .top,.book3d .bottom{width:calc(var(--bw) - var(--bw) * var(--lipy,.04));height:var(--bd);margin-left:calc((var(--bw) - var(--bw) * var(--lipy,.04)) / -2);background:repeating-linear-gradient(#3a332b 0 1px,#272119 1px 3px)}.book3d .top{top:calc(var(--bw) * var(--lipy,.04));transform:translate(calc(var(--bw) * var(--lipy,.04) / -2)) rotateX(90deg) translateZ(calc(var(--bd) / 2))}.book3d .bottom{top:auto;bottom:calc(var(--bw) * var(--lipy,.04));transform:translate(calc(var(--bw) * var(--lipy,.04) / -2)) rotateX(-90deg) translateZ(calc(var(--bd) / 2))}.book3d .front-in,.book3d .back-in{width:var(--bw);margin-left:calc(var(--bw) / -2)}.book3d .front-in{transform:rotateY(180deg) translateZ(calc(var(--bw) * var(--bt,.03) - var(--bd) / 2))}.book3d .back-in{transform:translateZ(calc(var(--bw) * var(--bt,.03) - var(--bd) / 2))}.book3d .spine-in{width:var(--bd);margin-left:calc(var(--bd) / -2);transform:rotateY(90deg) translateZ(calc(var(--bw) * var(--bt,.03) - var(--bw) / 2))}.book3d .front-in,.book3d .back-in,.book3d .spine-in{background:radial-gradient(130% 105%,#0000 55%,#19151229),repeating-linear-gradient(0deg,#19151208 0 2px,#0000 2px 5px),#f2ab23}.book3d .front-edge,.book3d .back-edge{width:calc(var(--bw) * var(--bt,.03));margin-left:calc(var(--bw) * var(--bt,.03) / -2);background:#fdb72d}.book3d .front-edge{transform:rotateY(90deg) translateZ(calc(var(--bw) / 2)) translate(calc(var(--bw) * var(--bt,.03) / 2 - var(--bd) / 2))}.book3d .back-edge{transform:rotateY(90deg) translateZ(calc(var(--bw) / 2)) translate(calc(var(--bd) / 2 - var(--bw) * var(--bt,.03) / 2))}.book3d-scene:after{content:"";left:-4%;right:-18%;bottom:calc(var(--bd) * -.5);height:calc(var(--bd) * .85);filter:blur(5px);pointer-events:none;background:radial-gradient(50% 50%,#19151252,#0000 72%);position:absolute}@media(prefers-reduced-motion:reduce){.book3d{transition:none}}