.vd-dialogo { width: min(96vw, 90rem); max-width: 96vw; }
.vd-layout { min-width: 0; }
.vd-dialogo .vd-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--e6); align-items: start; }
.vd-datos, .vd-original { min-width: 0; }
.vd-original { position: sticky; top: 0; padding: var(--e4); background: var(--color-superficie-2); border: 1px solid var(--color-borde); border-radius: var(--r-tarjeta); }
.vd-original h3 { margin-top: 0; }
.vd-controles { display: flex; flex-wrap: wrap; gap: var(--e2); align-items: center; }
.vd-controles select { width: 100%; }
.vd-pdf { display: block; width: 100%; max-height: 68vh; overflow: auto; margin-block: var(--e3); background: var(--color-papel); }
.vd-pdf canvas { display: block; max-width: none; width: 100%; height: auto; }
.vd-controles > select[aria-label="Ampliación del original"] { width: auto; max-width: 100%; }
.vd-vistas { display: none; }
@media (max-width: 900px) {
  .vd-dialogo .vd-layout { display: block; }
  .vd-vistas:not([hidden]) { display: inline-flex; margin-block: var(--e3); }
  .vd-original { position: static; }
  .vd-dialogo .vd-original { display: none; }
  .vd-dialogo .vd-ver-documento .vd-original { display: block; }
  .vd-ver-documento .vd-datos { display: none; }
  .vd-pdf { max-height: 60vh; }
}

.vd-pdf[data-zoom="1.25"] canvas { width: 125%; }
.vd-pdf[data-zoom="1.5"] canvas { width: 150%; }
.vd-pdf[data-zoom="2"] canvas { width: 200%; }