/* Trabajo Astra@ · M07/M08 [EXPERIMENT] · 11/10/2026.
   Same source videos, responsive framing, and a manual retry when autoplay is unavailable.
   app.js remains the sole owner of visibility, autoplay and the global pause control. */
.astra-ventana-movil > picture img,
.astra-ventana-movil > .astra-ventana-video{object-position:35% 50%;}
.astra-media-controls{position:absolute;z-index:2;display:grid;justify-items:center;gap:6px;max-width:240px;text-align:center;}
.astra-cortina-controls{top:calc(var(--cab-h) + 22px);right:var(--gutter);}
.astra-dibujo-controls{left:55.4%;top:72%;transform:translateX(-50%);}
.astra-media-controls button,
.astra-media-controls a{display:inline-flex;justify-content:center;align-items:center;min-height:44px;border:1px solid rgb(247 229 201/.45);border-radius:999px;padding:8px 14px;background:rgb(16 12 8/.88);color:var(--papel);font:500 .75rem/1.25 var(--ui);text-decoration:none;cursor:pointer;touch-action:manipulation;}
.astra-media-controls button:focus-visible,
.astra-media-controls a:focus-visible{outline:2px solid var(--ventana);outline-offset:4px;}
.astra-media-controls button:disabled{opacity:.65;cursor:wait;}
.astra-media-status{font:400 .7rem/1.45 var(--ui);color:var(--papel);background:rgb(16 12 8/.85);padding:5px 8px;border-radius:5px;}
.astra-media-status:empty{display:none;}
.astra-media-controls [hidden]{display:none!important;}

@media(orientation:portrait){
  /* Enough room for the whole laptop screen after the existing 1.08 parallax scale.
     Poster and video share the same fit; no clipped hand and no image-to-video crop jump. */
  html:not(.pelicula) .taller .escena-banda{padding-bottom:min(50svh,106vw);}
  html:not(.pelicula) .taller .lienzo-marco,
  html:not(.pelicula) .taller .escena-velo{height:min(50svh,106vw);}
  html:not(.pelicula) .taller .lienzo{--fx:.63!important;}
  html:not(.pelicula) .taller .pantalla-video,
  html:not(.pelicula) .taller .pantalla-poster{object-fit:contain;}
  html:not(.pelicula) .taller .pantalla-pie{font-size:.75rem;}
}

@media(prefers-reduced-motion:reduce){.astra-media-controls{display:none;}}
