/* Reel (26/9/26) — plantilla page-reel.php. Dos escenas a página completa sobre negro.
   El póster y el reproductor comparten caja: el mayor 16:9 que cabe en la pantalla,
   así al pulsar no salta nada. Todo texto cae en la medida de la cápsula (--edge). */

@font-face{font-family:'nh-ultralight';src:url('../fonts/Nh-25xthin.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap}

body.ma-reel{background:#000}
.rv{position:relative;background:#000;color:var(--bone)}
.rv+.rv{border-top:1px solid rgba(246,245,243,.08)}
.rv-st{position:relative;height:100svh;min-height:420px;overflow:hidden}
.rv-po,.rv-fr{position:absolute;left:50%;top:50%;width:min(100vw,calc(100svh * 16 / 9));aspect-ratio:16/9;transform:translate(-50%,-50%)}
.rv-po{object-fit:cover;transition:opacity .5s ease}
.rv-st::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.62) 100%);transition:opacity .5s ease}
.rv-ui{position:absolute;left:var(--edge);right:var(--edge);bottom:clamp(34px,7vh,72px);z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;transition:opacity .4s ease}
.rv-k{margin:0 0 10px;font-family:var(--f-label);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--orange)}
.rv-t{margin:0;font-family:'nh-ultralight',var(--f-text);font-weight:200;font-size:clamp(46px,7vw,112px);line-height:.9;letter-spacing:-.035em;color:var(--bone)}
.rv-play{flex:0 0 auto;display:inline-flex;align-items:center;gap:12px;padding:13px 22px 13px 13px;border:0;border-radius:999px;cursor:pointer;
  background:var(--orange);color:#fff;font-family:var(--f-label);font-size:13px;letter-spacing:.04em;text-decoration:none;transition:background-color .25s,transform .5s var(--ease-spring)}
.rv-play:hover{background-color:#E04400;transform:scale(1.03)}
.rv-ic{position:relative;width:26px;height:26px;border-radius:50%;background:#fff}
.rv-ic::after{content:"";position:absolute;left:10px;top:8px;border-left:8px solid var(--orange);border-top:5px solid transparent;border-bottom:5px solid transparent}
.rv-ns{position:absolute;left:var(--edge);bottom:24px;z-index:3}

/* Reproductor */
.rv-fr{z-index:3;background:#000;opacity:0;transition:opacity .5s ease .1s}
.rv-fr iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.rv.is-on .rv-fr{opacity:1}
.rv.is-on .rv-ui,.rv.is-on .rv-po,.rv.is-on .rv-st::after{opacity:0;pointer-events:none}
body.rv-playing .ma-shell{opacity:0;pointer-events:none;transition:opacity .4s ease}

.rv-end{background:#000;padding:clamp(60px,10vh,110px) 0 calc(clamp(70px,11vh,120px) + 34px)}
.rv-more{display:flex;flex-wrap:wrap;gap:8px 34px}
body.ma-reel .ma-foot{position:relative;z-index:4;margin-top:-34px;border-top:0;border-radius:34px 34px 0 0}

@media (max-width:760px){
  .rv-st{height:100svh}
  .rv-ui{flex-direction:column;align-items:flex-start;gap:20px;bottom:clamp(28px,6vh,56px)}
  .rv-t{font-size:15vw}
}
@media (prefers-reduced-motion:reduce){
  .rv-po,.rv-ui,.rv-fr,.rv-st::after{transition:none}
}