/* GALERÍA · el lector de documentos (lo comparten el panel y el cliente). El documento es papel:
   va siempre en blanco, sin importar el tema de quien lo mira. */
.doc-lector{ width:100%; height:100%; min-height:0; display:flex; flex-direction:column; }
.doc-pdf{ flex:1; width:100%; min-height:70vh; border:0; border-radius:6px; background:#fff; }
.doc-aviso{ margin:auto; text-align:center; color:rgba(234,223,206,.75); padding:40px 20px; }
.doc-aviso .doc-ext{ display:block; font-family:Marcellus, Georgia, serif; font-size:56px; letter-spacing:.08em; color:#2A93A8; margin-bottom:10px; }
.doc-word{ flex:1; overflow:auto; border-radius:6px; background:#E9E4DA; }
.doc-word .docx-wrapper{ background:#E9E4DA !important; padding:24px 12px !important; }
.doc-word .docx-wrapper > section.docx{ box-shadow:0 8px 30px rgba(20,29,39,.25) !important; margin-bottom:24px !important; max-width:100%; }
.doc-excel{ flex:1; display:flex; flex-direction:column; min-height:0; background:#fff; color:#1A2633; border-radius:6px; overflow:hidden; }
.doc-hojas{ display:flex; gap:2px; overflow-x:auto; background:#EFE9DF; padding:6px 6px 0; flex:none; }
.doc-hojas button{ border:0; background:transparent; padding:8px 14px; border-radius:8px 8px 0 0; font:inherit; font-size:13px; color:#4A5663; cursor:pointer; white-space:nowrap; }
.doc-hojas button[aria-selected="true"]{ background:#fff; color:#1A2633; }
.doc-tabla{ flex:1; overflow:auto; padding:0; }
.doc-tabla table{ border-collapse:collapse; font-family:Figtree, system-ui, sans-serif; font-size:13px; font-variant-numeric:tabular-nums; }
.doc-tabla td{ border:1px solid #E2D9CA; padding:6px 10px; white-space:nowrap; vertical-align:top; color:#1A2633; }
.doc-tabla tr:first-child td{ background:#F6F3ED; }
.doc-paginas{ flex:1; overflow:auto; display:flex; flex-direction:column; gap:10px; padding:8px; background:#E9E4DA; border-radius:6px; -webkit-overflow-scrolling:touch; }
.doc-pagina{ width:100%; background:#fff; box-shadow:0 6px 20px rgba(20,29,39,.2); flex:none; }
.doc-pagina canvas{ display:block; width:100%; height:auto; }