.em-visor-dialog[hidden],.em-visor [hidden]{display:none!important}
.em-visor-dialog{position:fixed;inset:0;z-index:999999;background:rgba(20,20,20,.8);padding:2vh 2vw;display:flex;align-items:stretch;justify-content:center}
.em-visor-body-open{overflow:hidden}
.em-visor-panel{width:min(1400px,100%);max-height:96vh;background:#e9e9e9;color:#222;display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:5px}
.em-visor-toolbar{background:#fff;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #ddd;flex-shrink:0}
.em-visor-toolbar button{color:#222;background:#f5f5f5;border:1px solid #bbb;border-radius:4px;padding:5px 10px;font:inherit;cursor:pointer}
.em-visor-toolbar button:disabled{opacity:.35;cursor:default}
.em-visor-toolbar button:focus-visible{outline:2px solid #444;outline-offset:2px}
.em-visor-title{font-size:14px;flex:1 1 210px;min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.em-visor-counter{display:flex;align-items:center;gap:4px;font-size:13px;white-space:nowrap}
.em-visor-counter input{color:#222;background:#fff;width:65px;text-align:center;border:1px solid #bbb;padding:5px}
.em-visor-pages{flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center;gap:3px;overflow:auto;padding:16px}
.em-visor-page{flex:0 1 50%;min-width:0;max-width:650px;min-height:260px;background:white;box-shadow:0 1px 5px #aaa;display:flex;align-items:flex-start;justify-content:center}
.em-visor-page.em-blank{background:transparent;box-shadow:none}
.em-visor-page canvas{max-width:100%;height:auto!important;object-fit:contain}
.em-visor-single .em-visor-left{flex:0 1 750px;max-width:750px}
.em-visor-single .em-visor-right{display:none}
.em-visor-notice{margin:0!important;text-align:center;padding:6px 10px;font-size:13px}
.em-visor-panel>p[data-em-fallback]{text-align:center;margin:10px}
@media(max-width:779px){.em-visor-dialog{padding:0}.em-visor-panel{max-height:100dvh;border-radius:0}.em-visor-pages{padding:8px}.em-visor-toolbar{gap:5px;padding:6px}.em-visor-title{flex-basis:100%;font-size:12px}.em-visor-page{min-height:100px}}

/* Zoom real: permitir que las páginas crezcan y que el lector se desplace. */
.em-visor-pages{justify-content:safe center}
.em-visor-pages.em-visor-zoomed{justify-content:flex-start}
.em-visor-page,.em-visor-single .em-visor-left{max-width:none;min-width:0}
.em-visor-page canvas{max-width:none!important;object-fit:fill}
