/* OMV Books · Intro de firma negra sobre papel claro, ronda 6. */
.cinema[hidden]{display:none!important}
.cinema{position:fixed;inset:0;z-index:90;overflow:hidden;isolation:isolate;pointer-events:none;color:#0b0b0a;background:#f2f2f0}
.cinema-backdrop{position:absolute;inset:0;z-index:-2;background:
  radial-gradient(ellipse at 31% 27%,#fff 0,transparent 47%),
  radial-gradient(ellipse at 79% 74%,#d9d9d633 0,transparent 38%),
  linear-gradient(124deg,#f8f8f6 0,#f1f1ef 51%,#e9e9e6 100%)}
.cinema-backdrop:before{content:"";position:absolute;inset:-9%;opacity:.46;background:
  repeating-linear-gradient(114deg,transparent 0 24px,#11111108 25px,#11111108 26px,transparent 27px 51px);
  transform:rotate(-2deg);mix-blend-mode:multiply}
.cinema-backdrop:after{content:"";position:absolute;inset:0;background:
  linear-gradient(90deg,#0000000b,transparent 20% 80%,#0000000e),
  linear-gradient(180deg,#ffffff80,transparent 25% 75%,#0000000a)}
.cinema-comp{position:absolute;inset:0;opacity:0;overflow:hidden;contain:layout paint}
.cinema-ready .cinema-comp{opacity:1}
.cinema-mobile{display:none}
.cinema-desktop:before{content:"";position:absolute;left:5vw;top:20vh;width:19vw;height:1px;background:linear-gradient(90deg,#1119,transparent)}
.cinema-desktop:after{content:"";position:absolute;right:5vw;bottom:18vh;width:9vw;aspect-ratio:1;border-right:1px solid #1113;border-bottom:1px solid #1113}

.cinema-skip{position:absolute;top:max(20px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));z-index:5;min-width:104px;min-height:48px;padding:12px 18px;border:1px solid #111;background:#f5f5f2e8;color:#111;font:800 11px/1.2 Montserrat,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;pointer-events:auto;box-shadow:4px 4px 0 #111;transition-property:background-color,color,box-shadow,scale;transition-duration:150ms;transition-timing-function:cubic-bezier(.2,0,0,1)}
.cinema-skip:hover,.cinema-skip:focus-visible{background:#111;color:#fff;outline:2px solid #111;outline-offset:3px;box-shadow:4px 4px 0 #aaa}
.cinema-skip:active{scale:.96}

.cinema-cut{position:absolute;inset:0;z-index:4;opacity:0;background:#f2f2f0;transform-origin:left center}
.cinema-cut:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 45%,#fff8,transparent 44%)}
.cinema-cut:after{content:"";position:absolute;right:0;inset-block:0;width:2px;background:#111;box-shadow:none}

@media(max-width:700px){
  .cinema-desktop{display:none}.cinema-mobile{display:block}
  .cinema-backdrop{background:
    radial-gradient(ellipse at 50% 28%,#fff 0,transparent 43%),
    radial-gradient(ellipse at 17% 78%,#d7d7d433 0,transparent 36%),
    linear-gradient(168deg,#f8f8f6 0,#f0f0ee 56%,#e8e8e5 100%)}
  .cinema-mobile:before{content:"";position:absolute;left:8vw;right:23vw;top:25svh;height:1px;background:linear-gradient(90deg,#1119,transparent)}
  .cinema-mobile:after{content:"";position:absolute;left:8vw;bottom:19svh;width:24vw;height:10vw;border-left:1px solid #1113;border-bottom:1px solid #1113}
  .cinema-skip{top:max(17px,env(safe-area-inset-top));right:max(17px,env(safe-area-inset-right));min-width:92px;min-height:46px;padding:11px 15px;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}}