/* Astra R6 · EXPERIMENT. Native horizontal browsing; app.js owns video playback. */
#documental{scroll-margin-top:calc(var(--cab-h) + 28px);min-width:0;outline:none}
.documental-galeria{grid-column:1 / span 7;min-width:0}
.doc-pista{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#8d7453 transparent;min-width:0;padding:4px 2px 12px;touch-action:pan-x pan-y pinch-zoom}
.doc-fragmento{flex:0 0 94%;min-width:0;max-width:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.doc-fragmento:last-child{scroll-margin-right:0}
.doc-pista::after{content:"";flex:0 0 calc(6% - 16px)}
.doc-fragmento video{display:block;width:100%;height:auto;aspect-ratio:854/480;object-fit:contain;background:#0b0f12;border-radius:2px;box-shadow:0 18px 40px -28px #000}
/* R13: independent poster survives Safari's early native-poster removal. */
.doc-pantalla{position:relative;isolation:isolate;aspect-ratio:854/480;background:#0b0f12;border-radius:2px}
.doc-poster{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit;pointer-events:none}
.doc-fotograma-listo>.doc-poster{visibility:hidden}
.doc-pie{padding:16px 2px 0;color:var(--papel)}
.doc-identidad{display:flex;align-items:baseline;gap:10px;font:400 .875rem/1.4 var(--ui)}
.doc-identidad strong{font-weight:500}
.doc-numero{font-size:.7rem;letter-spacing:.08em;color:#cfb88f}
.doc-duracion{margin-left:auto;white-space:nowrap;color:#cfb88f;font-size:.75rem}
.doc-descripcion{font:italic 400 .95rem/1.4 var(--lectura);color:rgb(247 229 201/.8);margin-top:6px}
.doc-reproduccion{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}
.doc-reproduccion:has(> [hidden]):not(:has(> :not([hidden]):not(:empty))){display:none}
.doc-reproduccion button,.doc-reproduccion a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid rgb(247 229 201/.42);border-radius:3px;background:rgb(8 12 18/.6);color:var(--papel);font:500 .75rem/1.3 var(--ui);cursor:pointer;text-decoration:none}
[data-doc-status]{font:400 .75rem/1.4 var(--ui);color:#ecd8b5}
[data-doc-status]:empty{display:none}
.doc-navegacion{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
.doc-navegacion button{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid rgb(247 229 201/.4);border-radius:50%;background:none;color:var(--papel);font:400 1.4rem/1 var(--ui);cursor:pointer;touch-action:manipulation}
.doc-navegacion button:disabled{opacity:.3;cursor:default}
[data-doc-position]{text-align:center;font:500 .72rem/1.4 var(--ui);letter-spacing:.06em;color:#dbc49e}
.doc-pista:focus-visible,.doc-navegacion button:focus-visible,.doc-reproduccion button:focus-visible,.doc-reproduccion a:focus-visible{outline:2px solid #edc77d;outline-offset:3px}
.documental-galeria [hidden]{display:none!important}
/* A shorter interval carries the visitor from the hand to the films and the night. */
.taller-mas{padding-block:clamp(44px,7svh,76px) clamp(56px,9svh,96px);row-gap:clamp(40px,6svh,68px)}
@media(max-width:860px){
  #documental .documental-texto{margin-top:24px}
  .doc-pista{gap:12px}
  .doc-fragmento{flex-basis:94%}
  .doc-pista::after{flex-basis:calc(6% - 12px)}
  .doc-identidad{font-size:.82rem;gap:8px}
  .doc-descripcion{font-size:.9rem}
}
/* Compact typography on short landscape screens; the reading order stays vertical. */
@media(orientation:landscape) and (max-height:560px) and (min-width:600px){
  #documental{scroll-margin-top:calc(var(--cab-h) + 12px)}
  .documental-titulo{font-size:clamp(24px,3.3vw,32px);margin-top:8px}
  .documental-texto .l{font-size:1rem}
  .doc-pie{padding-top:10px}
  .doc-identidad{font-size:.78rem}
  .doc-descripcion{font-size:.85rem}
}
@media(prefers-reduced-motion:reduce){.doc-pista{scroll-behavior:auto}}
@media print{
  .doc-pista{display:block;overflow:visible}
  .doc-fragmento{break-inside:avoid;margin-block:20px}
  .doc-navegacion,.doc-reproduccion{display:none}
}

/* R14 C5: one vertical block, three complete desktop cards, full film below. */
#documental{display:block;width:100%;max-width:1100px;margin-inline:auto}
#documental .documental-texto{margin-top:clamp(38px,6vw,68px);text-align:center}
.doc-largo,.doc-largo-nativo{display:block;width:100%;margin-top:24px}
.doc-largo[hidden],.doc-largo [hidden]{display:none!important}
.doc-largo-pantalla{position:relative;isolation:isolate;aspect-ratio:16/9;background:#0b0f12;border-radius:4px;box-shadow:0 28px 64px -35px #000;overflow:hidden}
.doc-largo video,.doc-largo-nativo{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0b0f12;border-radius:4px}
.doc-largo video{display:block}
.doc-largo-poster{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;pointer-events:none}
.doc-largo-decodificado .doc-largo-poster{visibility:hidden}
.doc-largo-play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(60px,7vw,84px);height:clamp(60px,7vw,84px);padding:17px;border-radius:50%;border:1px solid rgb(255 247 223/.7);background:rgb(34 40 35/.28);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgb(255 255 255/.5),0 8px 24px rgb(0 0 0/.2);color:#fff4dc;cursor:pointer;touch-action:manipulation}
.doc-largo-play svg{width:100%;height:100%;fill:currentColor;stroke:none}
.doc-largo-play:disabled{cursor:progress;opacity:.65}
.doc-largo-acciones{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:44px;margin-top:4px}
[data-doc-full-status]{margin-right:auto;text-align:left;font:400 .8rem/1.4 var(--ui);color:var(--papel)}
[data-doc-fullscreen]{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid rgb(247 229 201/.4);border-radius:50%;background:rgb(8 12 18/.35);color:var(--papel);cursor:pointer}
[data-doc-fullscreen] svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.doc-largo :focus-visible{outline:2px solid #edc77d;outline-offset:3px}
.doc-largo video:focus-visible{outline-offset:-3px}
.doc-enlace .enlace{margin-top:0}
.doc-largo-pantalla:fullscreen{width:100vw;height:100vh;border-radius:0;background:#000;display:grid;place-items:center}
.doc-largo-pantalla:fullscreen video{width:100%;height:100%;object-fit:contain}
@media(min-width:1000px){
  .doc-pista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible;scroll-snap-type:none;padding:4px 2px 12px}
  .doc-pista::after{display:none}
  .doc-fragmento{width:100%;max-width:none}
  .doc-navegacion{display:none}
  .doc-descripcion{max-width:28em}
}
@media print{.doc-largo-play,.doc-largo-acciones{display:none!important}}