:root{font-family:Arial,sans-serif;color:#073642;background:#fff}*{box-sizing:border-box}[hidden]{display:none!important}html,body,main{width:100%;height:100%;margin:0;overflow:hidden}body{height:100dvh}main{position:relative}#reader{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}#toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:52px;padding:7px 12px;background:#00bcd4;box-shadow:0 2px 6px #07364226;z-index:2}.document-title{font-size:13px;white-space:nowrap;margin-right:auto}button{font:inherit;font-size:13px;cursor:pointer;color:#073642;background:transparent;border:1px solid transparent;border-radius:4px;padding:7px 9px;min-height:34px;white-space:nowrap}button:hover{background:#07364214}button:focus-visible,input:focus-visible{outline:2px solid #0a246d;outline-offset:2px}button:disabled{opacity:.35;cursor:default}.page-controls,.zoom-controls{display:flex;align-items:center;gap:4px;white-space:nowrap}.zoom-controls{border-left:1px solid #078395;padding-left:8px}#toolbar input{font:inherit;color:#073642;background:#fff;border:1px solid #078395;border-radius:2px;text-align:center;padding:5px 2px;width:46px}#zoom-value{width:48px}#toolbar input::-webkit-inner-spin-button{display:none}#workspace{min-height:0;display:grid;grid-template-columns:190px minmax(0,1fr)}#reader.sidebar-closed #workspace{grid-template-columns:minmax(0,1fr)}#reader.sidebar-closed #sidebar{display:none}#sidebar{overflow:auto;background:#fff;border-right:1px solid #bfeef3;padding:16px 12px;scrollbar-color:#008fa3 #fff}.thumbnail{display:flex;flex-direction:column;align-items:center;width:100%;margin:0 0 15px;padding:6px;border:2px solid transparent;border-radius:2px}.thumbnail[aria-current="page"]{border-color:#008fa3;background:#e2f8fb}.thumb-image{display:block;width:100px;aspect-ratio:953/1348;background:#eee;margin-bottom:7px;position:relative;overflow:hidden}.thumb-image img{display:block;width:100%;height:100%;object-fit:contain}.thumbnail span:last-child{font-size:12px}#document-scroll{touch-action:pan-x pan-y;overflow:auto;min-width:0;min-height:0;background:#fff;scrollbar-color:#008fa3 #fff;overscroll-behavior:contain}#pages{display:flex;flex-direction:column;align-items:center;gap:18px;padding:18px;width:max-content;min-width:100%}.document-page{flex:none;position:relative;margin:0;background:white;width:var(--page-width,600px);aspect-ratio:953/1348;box-shadow:0 2px 8px #07364226;color:#444}.document-page:before{content:'Página ' attr(data-page);position:absolute;top:20px;left:20px;font-size:14px;color:#888}.document-page img{display:block;width:100%;height:100%;object-fit:contain;position:relative;background:white;user-select:none;-webkit-user-drag:none}.document-page img:not([src]){visibility:hidden}#status{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);margin:0;padding:8px 14px;max-width:90%;border-radius:5px;background:#202020ee;color:white;font-size:13px;z-index:3}#status:empty{display:none}#login{background:white;color:#111;padding:26px;margin:30px auto;max-width:440px;max-height:90%;overflow:auto;border-radius:8px}#login h1,#login h2{color:#0a246d}#login label{display:block;margin:14px 0 6px}#login input{width:100%;padding:12px;font:inherit}#login button{background:#0a246d;color:white;margin-top:15px;padding:10px 16px}@media(max-width:900px){#toolbar{gap:4px;padding:5px 6px}.document-title{display:none}#fit-page,#fit-width{font-size:11px;padding:5px}#workspace{grid-template-columns:150px minmax(0,1fr)}}@media(max-width:520px){#toolbar{flex-wrap:wrap;justify-content:center}#toolbar button{padding:5px;min-height:30px}#workspace{grid-template-columns:125px minmax(0,1fr)}.thumb-image{width:80px}#sidebar{padding:10px 5px}#pages{gap:12px;padding:12px}.zoom-controls{padding-left:4px}#toolbar input{width:38px}#zoom-value{width:40px}}@media print{body{display:none}}
#reader.annotations-open{grid-template-rows:auto auto minmax(0,1fr)}#annotation-tools{display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:6px 10px;background:#00bcd4;border-top:1px solid #078395;font-size:12px}#annotation-tools button[aria-pressed=true]{background:#0a246d;color:#fff;border-color:#0a246d}#annotation-tools select{background:#fff;color:#111;padding:5px;border-radius:4px}#annotation-status{flex-basis:100%;color:#073642;font-size:12px;padding:3px}.annotation-layer{position:absolute;inset:0;z-index:1;pointer-events:none}.annotation-layer>svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.annotation-active .annotation-layer{pointer-events:auto;touch-action:none;cursor:crosshair}.annotation-erasing .annotation-layer{cursor:pointer}.annotation-erasing .annotation-layer svg [data-annotation-id]{pointer-events:visiblePainted}.sticky-note{position:absolute;pointer-events:auto;max-width:42%;min-height:28px;padding:5px 7px;color:#161616;font-size:12px;text-align:left;white-space:normal;overflow-wrap:anywhere;box-shadow:1px 2px 5px #0004;border:1px solid #0002;transform:translate(-15%,-15%)}.sticky-note:hover{filter:brightness(.95)}#note-dialog{width:min(420px,90vw);max-height:85dvh;border:0;border-radius:8px;background:#fff;color:#111;padding:22px}#note-dialog::backdrop{background:#0007}#note-dialog h2{color:#0a246d;margin-top:0}#note-dialog label{display:block;margin-bottom:8px}#note-text{width:100%;font:inherit;resize:vertical;padding:10px}.note-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}#note-dialog button{background:#0a246d;color:white}#note-cancel{background:#666!important}@media(max-width:520px){#annotation-tools{padding:5px;gap:3px}#annotation-tools button{font-size:11px;padding:5px}.sticky-note{font-size:10px;padding:3px}}

#document-kind{font:inherit;font-size:13px;color:#073642;background:#fff;border:1px solid #078395;border-radius:4px;padding:7px;max-width:140px}#document-kind:focus-visible{outline:2px solid #0a246d}

/* Reading controls occupy their own row; only the active tools open a panel. */
#reader{grid-template-rows:auto auto minmax(0,1fr)}#reader.annotations-open{grid-template-rows:auto auto auto minmax(0,1fr)}
#reading-tools{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:5px 10px;background:#e8fbfd;border-bottom:1px solid #bfeef3;z-index:2}#reading-tools button{font-size:12px;border:1px solid #c5e9ee;background:#fff;min-height:34px}#reading-tools button:hover{background:#d0f4f8}#reading-tools button[aria-pressed=true]{background:#0a246d;color:#fff}#resume-toggle{margin-left:auto}#reading-dialog{width:min(540px,94vw);max-height:82dvh;border:1px solid #bfeef3;border-radius:12px;padding:18px;color:#073642;background:#fff;overflow:auto}#reading-dialog::backdrop{background:#07364266}.dialog-heading{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:16px}.dialog-heading h2{margin:0;color:#0a246d;font-size:20px}#reading-dialog p{font-size:13px;line-height:1.5}#reading-dialog label{display:block;font-size:14px;margin-bottom:8px}.search-field{display:flex;gap:8px}.search-field input{min-width:0;flex:1;padding:10px;border:1px solid #85b9c2;border-radius:6px;font:inherit}.search-field button,.primary-action{background:#0a246d!important;color:#fff!important}#reading-dialog button{border:1px solid #b4dce2;background:#f5fcfd;white-space:normal;text-align:left;min-height:40px}#reading-dialog button:disabled{opacity:.5}.tool-results{display:grid;gap:8px;max-height:48dvh;overflow:auto}.result-page{display:flex;flex-direction:column;gap:5px;width:100%}.result-page span{font-size:12px;line-height:1.45;color:#45646d}.bookmark-row{display:flex;gap:6px}.bookmark-row .result-page{flex:1}#export-panel>button{display:block;width:100%;margin:8px 0}.file-label{margin-top:16px}#import-backup{display:block;max-width:100%;margin-top:7px}.listen-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}#listen-rate{font:inherit;padding:7px;background:#fff;color:#073642;border:1px solid #85b9c2;border-radius:4px}#reader.presenting #workspace{grid-template-columns:minmax(0,1fr)}#reader.presenting #sidebar,#reader.presenting #annotation-tools{display:none!important}#reader.presenting{grid-template-rows:auto auto minmax(0,1fr)}#reader.presenting .document-page:not(.presentation-current){display:none}#reader.presenting #pages{height:100%;justify-content:center;gap:0}#reader.presenting #document-scroll{overflow:hidden}
@media(max-width:520px){#reading-tools{gap:4px;padding:5px;justify-content:center}#reading-tools button{font-size:11px;padding:5px 7px;min-height:32px}#resume-toggle{margin-left:0}#reading-dialog{padding:14px}.search-field{gap:5px}}

.text-annotation{position:absolute;pointer-events:auto;max-width:48%;min-height:24px;padding:3px 5px;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;color:#073642;background:transparent;border:0;border-bottom:2px solid;font-size:clamp(11px,calc(var(--page-width,600px)*.024),24px);line-height:1.3;box-shadow:none;transform:translate(-5%,-10%)}.text-annotation:hover,.annotation-active .text-annotation{background:#ffffffd9}.annotation-erasing .text-annotation{cursor:pointer}