/* ===== Solo móvil (no altera escritorio) ===== */
@media (max-width: 767.98px){
  .dir-gallery{
    display:grid; gap:12px;
    grid-template-areas: "stage" "thumbs";
  }
  .dir-stage{
    grid-area:stage; position:relative; overflow:hidden; border-radius:12px;
    background:#f3f4f6; min-height:220px; /* evita colapso */
  }
  .dir-stage img, .dir-stage__img{
    display:block; width:100%; height:auto;
    aspect-ratio:16/9; object-fit:cover; /* rectángulo visible estable */
  }
  .dir-thumbs{
    grid-area:thumbs; display:flex; gap:8px; overflow-x:auto;
    scrollbar-width:none;
  }
  .dir-thumbs::-webkit-scrollbar{ display:none; }
  .dir-thumb img{
    width:84px; height:84px; object-fit:cover; border-radius:12px; display:block;
  }
  .dir-thumb.is-active img{ outline:3px solid #0b6b3a; outline-offset:2px; }
}