/* PDF: documento em largura integral, legenda abaixo (desktop e mobile). */
.viewer .box:has(> .vb > iframe) {
  width: min(1280px, 96vw);
  height: calc(100vh - 32px);
  height: calc(100dvh - 32px);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
}
.viewer .box:has(> .vb > iframe) > .vh {
  flex-shrink: 0;
  min-width: 0;
}
.viewer .box:has(> .vb > iframe) > .vh b { min-width: 0; }
.viewer .box:has(> .vb > iframe) > .vh button { flex-shrink: 0; }
.viewer .vb:has(> iframe) {
  flex: 1 1 0;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  overflow: hidden;
  padding: 12px;
}
.viewer .vb > iframe {
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: auto !important;
  min-height: 0;
  flex: 1 1 0;
}
.viewer .vb > iframe + div {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  max-height: min(18vh, 160px);
  max-height: min(18dvh, 160px);
  overflow: auto;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  text-align: left !important;
  line-height: 1.5;
  overscroll-behavior: contain;
}
@media (max-width: 600px) {
  .viewer .box:has(> .vb > iframe) {
    width: calc(100vw - 12px);
    height: calc(100vh - 12px);
    height: calc(100dvh - 12px);
    max-height: calc(100vh - 12px);
    max-height: calc(100dvh - 12px);
  }
  .viewer .box:has(> .vb > iframe) > .vh { gap: 6px; padding: 8px; }
  .viewer .vb:has(> iframe) { padding: 6px; }
}