@charset "utf-8";
/* CSS Document */

  #overlay.is-gallery {
    align-items: flex-start;
    overflow-y: auto;
  }
  #videoWrapper.is-gallery {
    aspect-ratio: auto;
    background: transparent;
    width: min(calc(100vw - 120px), 1200px);
    margin: 30px auto;
  }
  #closeBtn { position: fixed; z-index: 2; }

  .photo-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
  }
  .photo-grid img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    display: block;
  }

  /* Tablet: 2 por fila */
  @media (max-width: 900px) {
    .photo-grid { grid-template-columns: repeat(2, 1fr); }
  }

  /* Móvil: una debajo de otra, a todo el ancho */
  @media (max-width: 600px) {
    #overlay.is-gallery { padding: 0; }
    #videoWrapper.is-gallery { width: 100%; margin: 70px 0 20px; }
    .photo-grid { grid-template-columns: 1fr; gap: 10px; }
    .photo-grid img { aspect-ratio: auto; object-fit: contain; }
  }