/* Screenshots verticais: preservar largura legível; o diálogo rola, não encolhe a tela inteira. */
.media-lightbox {
  width: min(960px, calc(100% - 32px));
  max-height: calc(100% - 32px);
  overflow: auto;
  padding: 24px 18px;
}

.media-lightbox img {
  display: block;
  width: min(860px, 100%);
  max-width: none;
  max-height: none;
  height: auto;
  margin: 0 auto;
  object-fit: initial;
}

@media (max-width: 760px) {
  .media-lightbox {
    width: calc(100% - 18px);
    max-height: calc(100% - 18px);
    padding: 54px 8px 8px;
  }

  .media-lightbox img { width: 100%; }
}