/* OMV Books · Intro física · ronda 1. El CSS vive aislado para no contaminar el home. */
.cinema[hidden]{display:none!important}
.cinema{position:fixed;inset:0;z-index:90;pointer-events:none;color:#efe7da;isolation:isolate;overflow:hidden}
.cinema-backdrop{position:absolute;inset:0;z-index:-2;background:
  radial-gradient(ellipse at 32% 43%,#563813 0,transparent 34%),
  radial-gradient(ellipse at 74% 54%,#20170d 0,transparent 42%),#0c0a08}
.cinema-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#0008,transparent 42%,#0005);mix-blend-mode:multiply}
.cinema-comp{position:absolute;inset:0;overflow:hidden;contain:layout paint}
.cinema-mobile{display:none}
.cinema-grain{position:absolute;inset:-40px;opacity:.11;background:
  radial-gradient(circle at 12% 22%,#fff 0 .5px,transparent .8px),
  radial-gradient(circle at 68% 74%,#fff 0 .45px,transparent .75px),
  radial-gradient(circle at 82% 18%,#fff 0 .35px,transparent .7px);background-size:7px 7px,9px 9px,11px 11px;mix-blend-mode:soft-light;transform:rotate(2deg)}
.cinema-frame{position:absolute;inset:clamp(22px,3vw,48px);border:1px solid #d5ad7029}
.cinema-frame:before,.cinema-frame:after{content:"";position:absolute;background:#d3a45e}
.cinema-frame:before{left:-1px;top:12%;width:2px;height:18%}
.cinema-frame:after{right:-1px;bottom:10%;width:2px;height:9%}
.cinema-light{position:absolute;inset:0;background:radial-gradient(ellipse at 34% 45%,#d39a4c42 0,transparent 49%);opacity:0}
.cinema-floor{position:absolute;left:34%;top:85%;width:min(36vw,500px);height:34px;border-radius:50%;background:radial-gradient(ellipse,#000 8%,#000b 42%,transparent 73%);filter:blur(9px);transform:translateX(-50%);opacity:0}

/* El encuadre de escritorio usa todo el campo: volumen a la izquierda, display a la derecha. */
.cinema-camera{position:absolute;left:34%;top:48%;width:min(33vw,46svh,430px);aspect-ratio:2/3;perspective:1700px;opacity:0}
.cinema-float,.cinema-book{position:absolute;inset:0;transform-style:preserve-3d}
.cinema-book{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
.cinema-bottom,.cinema-cover,.cinema-leaf{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;border-radius:4px 10px 10px 4px;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cinema-bottom{background:linear-gradient(100deg,#070604,#2b2115 8%,#100d09 88%,#050403);border:1px solid #9b7648;box-shadow:10px 18px 32px #000b,inset 0 0 0 5px #090806,inset 0 0 0 6px #59462e}
.cinema-edge{position:absolute;right:-14px;top:1.1%;height:97.8%;width:28px;background:
  linear-gradient(90deg,#8b7655,#f0e6d1 32%,#aa9673 100%),
  repeating-linear-gradient(0deg,transparent 0 2px,#76624480 2px 2.65px);background-blend-mode:multiply;box-shadow:inset 3px 0 7px #59472e8c,2px 0 2px #0008;transform:translateZ(14px) rotateY(90deg)}
.cinema-headband{position:absolute;right:-1px;top:-2px;width:101%;height:6px;border-radius:2px;background:repeating-linear-gradient(90deg,#bd8037 0 4px,#ead39e 4px 8px);box-shadow:0 1px 2px #0008;transform:translateZ(13px)}
.cinema-spine{position:absolute;left:-15px;top:0;height:100%;width:30px;background:linear-gradient(90deg,#0c0906,#46341f 48%,#120e09);border:1px solid #745634;border-radius:4px 0 0 4px;transform:translateZ(14px) rotateY(-90deg);box-shadow:inset -4px 0 6px #0008}
.cinema-spine:before,.cinema-spine:after{content:"";position:absolute;left:3px;right:3px;height:2px;background:#bb8c4c99}
.cinema-spine:before{top:6%}.cinema-spine:after{bottom:6%}
.cinema-spine span{position:absolute;inset:9% 1px;display:grid;place-items:center;writing-mode:vertical-rl;font:700 9px/28px Montserrat,sans-serif;text-align:center;letter-spacing:.2em;color:#e0b56f}
.cinema-cover-front,.cinema-cover-back{position:absolute;inset:0;border-radius:inherit;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cinema-cover-front{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:13%;gap:16px;background:
  linear-gradient(105deg,#050504,#392d1d 3.5%,#15120e 10%,#211a12 88%,#070604),
  radial-gradient(circle at 70% 15%,#d5a75f22,transparent 34%);border:1px solid #a78452;box-shadow:inset 0 0 0 5px #090806,inset 0 0 0 6px #6d5736,inset -12px 0 24px #0005,7px 9px 16px #0007;overflow:hidden;transform:translateZ(1px)}
.cinema-cover-front:before{content:"";position:absolute;inset:8px;border:1px solid #c4975438;border-radius:1px 6px 6px 1px;pointer-events:none}
.cinema-cover-front img{width:90%;height:auto;margin-bottom:10px;filter:drop-shadow(0 1px 0 #ffe3a6)}
.cinema-cover-front>span{font:700 11px/1.4 Montserrat,sans-serif;letter-spacing:.22em;color:#d3a45e}
.cinema-cover-front p{font:800 clamp(34px,4.1vw,61px)/.96 var(--display);letter-spacing:-.045em}
.cinema-cover-front small{font-size:7px;letter-spacing:.12em;margin-top:10px;color:#c4b499}
.cinema-cover-back{background:linear-gradient(90deg,#1b140d,#3d2f1e 8%,#17110b);box-shadow:inset 0 0 0 6px #20170f,inset 0 0 0 7px #735839;transform:rotateY(180deg) translateZ(1px)}
.cinema-sheen{position:absolute;inset:-10% -25%;background:linear-gradient(110deg,transparent 34%,#fff2ce73 50%,transparent 66%);opacity:0}
.cinema-leaf-flex{position:absolute;inset:1px 28% 1px 0;transform-origin:left center;transform-style:preserve-3d;background:linear-gradient(90deg,#837052,#e4d8c0 9%,#f2e8d4);border-radius:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cinema-leaf-tip{position:absolute;left:100%;top:0;bottom:0;width:38.89%;background:linear-gradient(90deg,#f0e5d0,#fff5df 84%,#aa9573);transform-origin:left center;border-radius:0 3px 3px 0;box-shadow:0 .5px 0 #7e6a4c;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.cinema-shadow{position:absolute;inset:0;background:linear-gradient(90deg,#33210bc7,transparent 72%);opacity:0}

.cinema-type{position:absolute;z-index:0;right:5.2vw;top:50%;width:45vw;transform:translateY(-50%);font:800 clamp(6rem,10.2vw,11rem)/.78 var(--display);letter-spacing:-.065em;text-align:right;color:#efe7da}
.cinema-type-line{display:block;overflow:hidden;padding:.08em .04em .04em}
.cinema-type-line b{display:block;font:inherit}
.cinema-type-line--accent{color:#d8a353}
.cinema-folio{position:absolute;left:5vw;top:7%;font:700 9px/1.4 Montserrat,sans-serif;letter-spacing:.2em;color:#d3a45e}
.cinema-caption{position:absolute;right:5.2vw;bottom:7%;font:600 9px/1.4 Montserrat,sans-serif;letter-spacing:.2em;color:#baab96}
.cinema-skip{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));z-index:4;pointer-events:auto;border:1px solid #c8923e;background:#0c0a08;color:#efe7da;padding:12px 17px;font-size:11px;min-width:145px;min-height:48px;text-align:left;transition:background .2s,color .2s}
.cinema-skip span{float:right;color:#c8923e;margin-left:20px}.cinema-skip:hover,.cinema-skip:focus-visible{background:#d3a45e;color:#0c0a08;outline:2px solid #efe7da;outline-offset:3px}.cinema-skip:hover span,.cinema-skip:focus-visible span{color:#0c0a08}

.cinema-cut{position:absolute;inset:0;background:#0c0a08;z-index:3;opacity:0;transform-origin:left center}
.cinema-cut:after{content:"";position:absolute;right:0;inset-block:0;width:2px;background:#d2a15a;box-shadow:0 0 25px #c79549}

/* Móvil no es el escritorio encogido: halo vertical, monograma y volumen centrado. */
@media(max-width:700px){
  .cinema-desktop{display:none}.cinema-mobile{display:block}
  .cinema-backdrop{background:radial-gradient(ellipse at 50% 46%,#5a3b17 0,transparent 38%),#0c0a08}
  .cinema-frame{inset:18px}.cinema-frame:before{top:18%;height:15%}.cinema-frame:after{bottom:12%;height:7%}
  .cinema-light{background:radial-gradient(ellipse at 50% 45%,#d39a4c45 0,transparent 52%)}
  .cinema-camera{left:50%;top:45%;width:min(67vw,41svh);perspective:1100px}
  .cinema-floor{left:50%;top:81%;width:240px;height:28px}
  .cinema-monogram{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;font:800 min(49vw,25svh)/1 var(--display);letter-spacing:-.08em;color:#d8a35312}
  .cinema-monogram span{transform:rotate(-90deg) scaleY(1.25)}
  .cinema-folio{left:23px;top:max(24px,env(safe-area-inset-top));font-size:8px}
  .cinema-caption{left:23px;right:auto;bottom:8%;max-width:170px;font-size:8px;line-height:1.8;text-align:left}
  .cinema-cover-front{gap:12px;padding:12%}.cinema-cover-front p{font-size:clamp(31px,9vw,46px)}.cinema-cover-front>span{font-size:9px}.cinema-cover-front small{font-size:6px}
  .cinema-skip{right:18px;top:max(18px,env(safe-area-inset-top));min-width:126px;font-size:10px}
  .cinema-cut{transform-origin:center top}.cinema-cut:after{inset-inline:0;top:auto;bottom:0;width:auto;height:2px}
}

@media(prefers-reduced-motion:reduce){.cinema{display:none!important}}