:root{--blue:#0b467d;--blue2:#07345f;--light:#eef4f8;--line:#d7e1ea;--text:#10243a;--muted:#60758a;--ok:#167744;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:#eef3f7;color:var(--text);font-family:Segoe UI,Arial,sans-serif}.topbar{height:74px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 2px 12px #0002}.brand{display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px;object-fit:contain}.brand div{display:flex;flex-direction:column}.brand b{font-size:16px}.brand span{font-size:12px;margin-top:3px}.topbar h1{font-size:20px;margin:0}.intro{max-width:1700px;margin:18px auto 12px;padding:20px 24px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 16px #1d3c5b10}.intro h2{margin:4px 0 5px;font-size:26px}.intro p{margin:0;color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--blue)}.global-state{padding:10px 14px;border-radius:20px;background:#edf6ff;color:var(--blue);font-weight:700}.workspace{max-width:1700px;margin:0 auto 30px;padding:0 12px;display:grid;grid-template-columns:minmax(680px,1fr) minmax(560px,.92fr);gap:14px}.left-column,.right-column{display:flex;flex-direction:column;gap:14px}.panel{background:#fff;border-radius:14px;padding:20px;box-shadow:0 3px 16px #1d3c5b10}.section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.section-title h2{margin:1px 0 3px;font-size:21px}.section-title p{margin:0;color:var(--muted);font-size:13px}.step{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-weight:800}.form-grid,.cover-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:6px}input,select,button{font:inherit}input[type=text],input:not([type]),select{width:100%;border:1px solid #bfcddd;border-radius:8px;padding:10px;background:#fff;color:var(--text)}input:focus,select:focus{outline:3px solid #0b67b61d;border-color:#3180c6}.cover-mode-row{margin-top:12px}.range-row{display:grid;grid-template-columns:145px 1fr 44px;align-items:center;gap:10px;margin:14px 0}.range-row input{width:100%}.subheading{display:flex;align-items:end;justify-content:space-between;margin:12px 0 9px}.subheading h3{margin:0;font-size:15px}.subheading span{font-size:11px;color:var(--muted)}.covers{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.cover{border:2px solid transparent;border-radius:10px;overflow:hidden;background:#f5f8fb;cursor:pointer;transition:.15s}.cover:hover{transform:translateY(-2px);border-color:#9dbbd4}.cover.selected{border-color:var(--blue);box-shadow:0 0 0 2px #0b467d22}.cover img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.cover span{display:block;padding:7px 5px;font-size:10px;font-weight:700;line-height:1.2}.upload-card{margin-top:10px;border:1.5px dashed #8aabc7;border-radius:10px;padding:11px 13px;cursor:pointer;color:var(--blue);background:#f7fbff}.upload-card span{font-weight:800}.upload-card small{color:var(--muted);font-weight:400}.upload-card input,.btn input{display:none}.quality{min-height:18px;margin-top:7px;font-size:11px;color:var(--ok)}.quality.warn{color:#a15c00}.preview-wrap{margin-top:14px;display:flex;flex-direction:column;align-items:center}.preview-label{font-size:12px;font-weight:800;color:var(--muted);margin-bottom:7px}#preview{width:min(100%,397px);height:auto;border:1px solid #cbd7e2;background:#fff;box-shadow:0 6px 20px #243b531c}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn,button{border:1px solid #aec1d2;border-radius:8px;padding:10px 13px;background:#fff;color:var(--text);cursor:pointer;font-weight:700}.btn{display:inline-flex;align-items:center}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}button:hover,.btn:hover{filter:brightness(.97);transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.drop-zone{margin:12px 0;border:2px dashed #a8bed1;border-radius:12px;padding:24px;text-align:center;background:#f8fbfd;color:var(--blue);display:flex;flex-direction:column;gap:5px;transition:.15s}.drop-zone.drag{background:#eaf5ff;border-color:#2378bd}.drop-zone span{font-size:12px;color:var(--muted)}.doc-summary{display:flex;justify-content:space-between;align-items:center;padding:9px 2px;color:var(--muted);font-size:13px}.progress{height:26px;background:#edf2f6;border-radius:8px;position:relative;overflow:hidden;margin-bottom:10px}.progress.hidden{display:none}.progress div{height:100%;width:0;background:#68a6d7;transition:width .2s}.progress span{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:800}.docs{max-height:660px;overflow:auto;border-top:1px solid var(--line)}.doc{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line)}.doc> b{background:#e8f1f8;color:var(--blue);width:28px;height:28px;border-radius:7px;display:grid;place-items:center}.doc strong{font-size:13px;word-break:break-word}.doc small{color:var(--muted)}.move{display:flex;gap:4px}.move button{padding:5px 8px}.sticky-docs{position:sticky;top:10px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.settings-grid fieldset{border:1px solid var(--line);border-radius:10px;padding:13px;display:flex;flex-direction:column;gap:9px}.settings-grid legend{font-weight:800;color:var(--blue);padding:0 6px}.check{flex-direction:row;align-items:center}.check input{width:auto}.generate-panel{position:sticky;bottom:10px}.generate-actions{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:8px}.large{font-size:15px;padding:13px}.state{min-height:23px;margin-top:10px;font-weight:700}.state.ok{color:var(--ok)}.state.err{color:var(--danger)}.checks{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:11px}.danger{color:#fff;background:var(--danger);border-color:var(--danger)}dialog{border:0;border-radius:14px;width:min(760px,92vw);padding:0;box-shadow:0 20px 70px #0005}dialog form{padding:20px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.librow{display:grid;grid-template-columns:25px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}@media(max-width:1180px){.workspace{grid-template-columns:1fr}.sticky-docs,.generate-panel{position:static}.covers{grid-template-columns:repeat(5,1fr)}}@media(max-width:760px){.topbar h1{display:none}.workspace{padding:0 7px}.form-grid,.cover-mode-row,.settings-grid{grid-template-columns:1fr}.covers{grid-template-columns:repeat(2,1fr)}.generate-actions{grid-template-columns:1fr}.intro{margin:10px 7px;flex-direction:column;align-items:flex-start;gap:12px}}
/* Rediseño 2.0 */
body{background:linear-gradient(180deg,#eaf1f6 0,#f4f7fa 360px)}
.topbar{height:68px;padding:0 32px;background:linear-gradient(90deg,#07345f,#0b4c84)}
.intro{border:1px solid #dfe8ef;padding:18px 22px}
.workspace{grid-template-columns:minmax(650px,1.02fr) minmax(560px,.98fr);align-items:start}
.panel{border:1px solid #e0e8ef;box-shadow:0 8px 28px #1739550d}
.step-panel{overflow:hidden}
.section-title{padding-bottom:12px;border-bottom:1px solid #e7edf2}
.step{box-shadow:0 3px 10px #0b467d33}
.form-grid label,.cover-mode-row label{color:#233f58}
input[type=text],input:not([type]),select{min-height:40px}
.covers{grid-template-columns:repeat(5,minmax(92px,1fr))}
.cover{background:white;border-color:#d8e2ea}
.cover img{aspect-ratio:16/10}
.preview-wrap{padding:12px;border-radius:12px;background:#f5f8fb;border:1px solid #e0e8ef}
#preview{width:min(100%,430px);border-radius:3px}
.drop-zone{min-height:118px;justify-content:center}
.docs{min-height:160px;max-height:550px}
.generate-panel{border-top:4px solid var(--blue)}
.generate-actions .primary{box-shadow:0 5px 14px #0b467d33}
.checks span{background:#edf6ff;border:1px solid #d5e7f5;color:#31546f;border-radius:999px;padding:5px 9px;font-weight:700}
.footer{max-width:1700px;margin:0 auto 25px;padding:0 18px;text-align:center;color:#667b8e;font-size:12px}
@media(max-width:1350px){.workspace{grid-template-columns:1fr}.sticky-docs,.generate-panel{position:static}.covers{grid-template-columns:repeat(5,1fr)}}

/* Editor de tapas 2.1 */
.cover-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end;margin-top:12px}.cover-editor-grid .range-row{grid-column:1/-1;margin:0}.cover-actions{display:flex;gap:8px;margin-top:10px}.cover-actions button{padding:8px 11px}.cover-actions #removeCover{color:var(--danger);border-color:#e5b6b1}.compare-active{background:#fff4d8!important;border-color:#d8a731!important;color:#735000!important}.preview-note{font-size:11px;color:var(--muted);margin-top:6px;text-align:center}@media(max-width:760px){.cover-editor-grid{grid-template-columns:1fr}}

/* Biblioteca de imágenes v2.2 */
.cover{position:relative}.cover-delete{position:absolute;top:5px;right:5px;width:25px;height:25px;padding:0!important;border-radius:50%!important;background:rgba(255,255,255,.94)!important;color:var(--danger)!important;border:1px solid #e4aaa5!important;display:grid!important;place-items:center;font-size:15px;line-height:1;box-shadow:0 1px 5px #0002;z-index:3}.cover-delete:hover{background:var(--danger)!important;color:#fff!important}.cover-badge{position:absolute;left:5px;top:5px;background:rgba(11,70,125,.9);color:#fff;padding:3px 6px;border-radius:9px;font-size:9px;font-weight:800}.covers-empty{grid-column:1/-1;padding:18px;border:1px dashed #a8bed1;border-radius:10px;text-align:center;color:var(--muted);background:#f8fbfd}.cover-actions #restoreCovers{color:var(--blue);border-color:#9ebbd3}

/* Editor tipográfico v3.0 */
.typography-panel{margin-top:16px;padding:14px;border:1px solid #dbe6ef;border-radius:12px;background:#f8fbfd}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.type-grid fieldset{border:1px solid #d5e1eb;border-radius:10px;padding:12px;display:grid;grid-template-columns:1fr 86px;gap:9px;background:#fff}.type-grid legend{font-weight:800;color:var(--blue);padding:0 6px}.type-grid label:first-of-type{grid-column:1/-1}.type-grid input[type=number],.type-grid input[type=color]{width:100%;min-height:40px;border:1px solid #bfcddd;border-radius:8px;background:#fff;padding:6px}.type-grid input[type=color]{padding:3px}.type-grid .check{grid-column:auto;align-self:end}@media(max-width:980px){.type-grid{grid-template-columns:1fr}}

/* Vista previa permanente v3.1 */
.workspace{
  grid-template-columns:minmax(560px,1.06fr) minmax(285px,340px) minmax(500px,.94fr);
  gap:14px;
}
.preview-column{min-width:0}
.live-preview-panel{
  position:sticky;
  top:10px;
  padding:14px;
  border-top:4px solid var(--blue);
  background:linear-gradient(180deg,#fff,#f7fafc);
}
.live-preview-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}
.live-preview-head h2{font-size:17px;margin:2px 0 0}
.preview-kicker{font-size:9px;font-weight:900;letter-spacing:1.4px;color:var(--blue)}
.live-badge{font-size:10px;font-weight:800;color:var(--blue);background:#eaf4fc;border:1px solid #cfe2f2;border-radius:999px;padding:4px 7px}
.compact-preview{margin:0;padding:8px;background:#eaf0f5;border-color:#d6e1ea}
.compact-preview #preview{width:100%;max-width:300px;max-height:calc(100vh - 215px);object-fit:contain;box-shadow:0 8px 24px #102f4b25}
.preview-help{font-size:10px;line-height:1.45;color:var(--muted);margin:9px 2px 0;text-align:center}

@media(max-width:1500px){
  .workspace{grid-template-columns:minmax(560px,1fr) minmax(270px,315px) minmax(470px,.92fr)}
  .compact-preview #preview{max-width:275px}
}
@media(max-width:1260px){
  .workspace{grid-template-columns:minmax(600px,1fr) minmax(300px,360px)}
  .preview-column{grid-column:2;grid-row:1}
  .right-column{grid-column:2;grid-row:2}
  .left-column{grid-column:1;grid-row:1 / span 2}
  .live-preview-panel{top:8px}
  .sticky-docs,.generate-panel{position:static}
  .compact-preview #preview{max-width:305px;max-height:52vh}
}
@media(max-width:920px){
  .workspace{grid-template-columns:1fr}
  .left-column,.preview-column,.right-column{grid-column:1;grid-row:auto}
  .preview-column{order:-1}
  .live-preview-panel{position:static}
  .compact-preview #preview{max-width:330px;max-height:none}
}

/* Vista previa redimensionable v3.2 */
:root{--preview-column-width:340px}
.workspace{
  grid-template-columns:minmax(470px,1fr) minmax(285px,var(--preview-column-width)) minmax(440px,1fr);
}
.preview-column{width:var(--preview-column-width);max-width:100%;transition:width .08s linear}
.live-preview-panel{position:sticky;top:10px;overflow:visible}
.preview-tools{display:flex;align-items:center;gap:5px}
.preview-tools button{width:28px;height:28px;padding:0;border-radius:7px;font-size:17px;line-height:1;background:#fff;color:var(--blue)}
.preview-tools button:hover{background:#eaf4fc}
.preview-resize-handle{position:absolute;top:76px;right:-9px;bottom:18px;width:18px;cursor:ew-resize;display:flex;align-items:center;justify-content:center;z-index:20;touch-action:none}
.preview-resize-handle span{width:5px;height:58px;border-radius:999px;background:#8eb1cf;box-shadow:0 0 0 3px #fff,0 2px 8px #163b5b2e;transition:.15s}
.preview-resize-handle:hover span,.preview-resize-handle.dragging span{background:var(--blue);height:78px}
body.preview-resizing{cursor:ew-resize;user-select:none}
body.preview-resizing *{cursor:ew-resize!important}
.compact-preview #preview{max-width:none;width:100%;max-height:calc(100vh - 225px)}
.preview-column.is-large .preview-help{font-size:11px}
@media(max-width:1500px){
  .workspace{grid-template-columns:minmax(450px,1fr) minmax(280px,var(--preview-column-width)) minmax(420px,1fr)}
  .compact-preview #preview{max-width:none}
}
@media(max-width:1260px){
  :root{--preview-column-width:360px}
  .workspace{grid-template-columns:minmax(560px,1fr) minmax(300px,var(--preview-column-width))}
  .preview-column{width:var(--preview-column-width)}
  .preview-resize-handle{right:-8px}
}
@media(max-width:920px){
  .preview-column{width:100%}
  .preview-resize-handle{display:none}
  .preview-tools button{display:none}
  .compact-preview #preview{max-width:420px}
}

/* v4.0 comunidad universitaria */
.community-panel{border-top:4px solid #0b4c84}.metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sudocu-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px;margin-top:14px}.field-help{font-size:12px;color:#526b80;line-height:1.45;margin:8px 0 0}.preflight-list{display:grid;gap:7px;padding:10px 12px;background:#f6f9fc;border:1px solid #d7e2ec;border-radius:10px;min-height:92px;font-size:13px}.preflight-list .ok{color:#167744}.preflight-list .warn{color:#9a6700}.preflight-list .err{color:#b42318}.privacy-note{margin-top:14px;padding:11px 13px;background:#eef6ff;border-left:4px solid #0b4c84;border-radius:8px;font-size:13px;color:#294a66}.size-advice{font-weight:700}.size-advice.ok{color:#167744}.size-advice.warn{color:#9a6700}.size-advice.err{color:#b42318}@media(max-width:980px){.metadata-grid,.sudocu-grid{grid-template-columns:1fr}}

/* v4.1: edición del índice y hojas separadoras */
.doc{align-items:start}.doc-main{min-width:0;display:flex;flex-direction:column;gap:5px}.doc-main strong{display:block}.index-title-label{margin-top:5px;font-size:11px;color:var(--blue)}.index-title-label input{padding:7px 9px;font-size:12px}.separator-check{font-size:11px;font-weight:600;color:var(--muted);margin-top:2px}.settings-note{display:block;color:var(--muted);font-size:10px;line-height:1.35}.move{padding-top:2px}

.cover-toggle{margin:-4px 0 16px;padding:12px 14px;border:1px solid #b7cce0;border-radius:10px;background:#f3f8fc;color:var(--blue);font-size:14px}.cover-disabled{opacity:.45;pointer-events:none;filter:grayscale(.2)}.preview-off{position:relative}.preview-off::after{content:"Carátula desactivada\A El PDF comenzará con el índice o con el primer documento.";white-space:pre-line;position:absolute;inset:42% 8% auto;z-index:2;padding:18px;border-radius:12px;background:rgba(255,255,255,.95);border:1px solid #b7cce0;text-align:center;font-weight:800;color:var(--blue);box-shadow:0 5px 20px #1233}.preview-off canvas{opacity:.28}


/* v4.3 · Optimización de PDF */
.tooltip-btn{position:relative}.tooltip-btn::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);width:290px;padding:10px 12px;background:#082d4d;color:#fff;border-radius:8px;font-size:11px;line-height:1.45;font-weight:500;box-shadow:0 8px 24px #001c;opacity:0;visibility:hidden;pointer-events:none;transition:.16s;z-index:100}.tooltip-btn::before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);border:6px solid transparent;border-top-color:#082d4d;transform:translateX(-50%);opacity:0;visibility:hidden;z-index:101}.tooltip-btn:hover::after,.tooltip-btn:hover::before,.tooltip-btn:focus-within::after,.tooltip-btn:focus-within::before{opacity:1;visibility:visible}.optimize-btn{background:#eef7ef;border-color:#a8cfad;color:#185b2a}.optimize-btn:hover{background:#dff1e2}.modal{position:fixed;inset:0;background:#06213caa;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10000}.modal.hidden{display:none}.modal-card{position:relative;background:#fff;border-radius:14px;box-shadow:0 20px 60px #001a;max-width:760px;width:100%;max-height:88vh;overflow:auto;padding:24px}.modal-close{position:absolute;right:12px;top:10px;width:34px;height:34px;padding:0;border-radius:50%;font-size:22px}.optimization-modal-card h2{color:var(--blue);margin:0 42px 8px 0}.optimization-modal-card>p{color:var(--muted);line-height:1.5}.optimization-results{display:grid;gap:10px;margin:16px 0}.optimization-result{border:1px solid #d7e2ec;border-radius:10px;padding:12px;background:#f8fafc;display:grid;gap:7px}.optimization-result>strong{overflow-wrap:anywhere}.optimization-result>div{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:12px}.optimization-result.ok{border-color:#9dcca7;background:#f0faf2}.optimization-result.err{border-color:#e4a7a7;background:#fff3f3;color:#8c1d18}.optimization-result.processing{border-color:#9dbbd4;background:#f0f7fd}.optimization-result.neutral{border-color:#d3c18d;background:#fffaf0}.modal-actions{display:flex;justify-content:flex-end;margin-top:14px}@media(max-width:700px){.tooltip-btn::after{width:230px}.optimization-result>div{display:grid;gap:5px}}
.cover-institutional-settings{margin-bottom:14px;padding:13px;border:1px solid #dbe6ef;border-radius:12px;background:#f8fbfd}.inline-options{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.type-grid textarea{width:100%;border:1px solid #bfcddd;border-radius:8px;padding:9px;resize:vertical;font:inherit}.type-grid .full-span{grid-column:1/-1}.type-grid fieldset:last-child{grid-column:1/-1;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr}.type-grid fieldset:last-child .full-span{grid-column:1/-1}@media(max-width:980px){.type-grid fieldset:last-child{grid-template-columns:1fr}}

/* v4.5 · imágenes, temas y navegación general */
.topbar{position:relative}.top-actions{display:flex;gap:8px;margin-left:auto}.top-actions button{background:#fff;color:#0b467d;border-color:#c9d8e5}.top-actions .exit-btn{color:#8d2d2d;border-color:#d9b1b1}.header-theme-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-top:12px}.header-theme-grid .check{padding-bottom:9px}.image-btn{background:#f0f5ff;border-color:#afc4e4;color:#244f82}.image-btn:hover{background:#e2ecfb}.footer{display:flex;flex-direction:column;gap:5px}.footer a{color:#0b4c84;font-weight:700}.exit-screen{min-height:100vh;display:grid;place-content:center;text-align:center;gap:12px;padding:30px;background:#eef4f8;color:#0b365d}.exit-screen button{margin:auto}.hidden{display:none!important}@media(max-width:760px){.topbar{flex-wrap:wrap}.top-actions{width:100%;justify-content:center}.header-theme-grid{grid-template-columns:1fr}}