/* KlipToc v293 · Creador de libros — estilos del LECTOR y de las páginas (se incrustan tal cual en los .html exportados). */
.lp{position:relative;width:100%;height:100%;overflow:hidden;container-type:inline-size;box-sizing:border-box;line-height:1.35}
.lb-el{position:absolute;box-sizing:border-box;overflow:hidden;word-wrap:break-word;overflow-wrap:anywhere}
.lb-text{white-space:pre-wrap}
.lb-image img{width:100%;height:100%;display:block}
.lb-video iframe{width:100%;height:100%;border:0;display:block;background:#000}
.lb-ph{display:flex;align-items:center;justify-content:center;border:2px dashed #94a3b8;background:rgba(148,163,184,.15);color:#64748b;font:600 3.4cqw system-ui,sans-serif;text-align:center}
.lb-audio{display:flex;flex-direction:column;justify-content:center;gap:.6cqw;background:rgba(15,23,42,.06);border-radius:1.2cqw;padding:.8cqw 1.2cqw;font:600 3cqw system-ui,sans-serif;overflow:hidden}
.lb-audio audio{width:100%;height:auto;min-height:28px}
.lb-linkbtn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:0;padding:0 1cqw;font-family:inherit;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;box-sizing:border-box}
.lb-linkbtn:hover{filter:brightness(1.08)}
.lb-linkbtn:focus-visible{outline:3px solid #f59e0b;outline-offset:-3px}

.lbr{position:relative;display:flex;flex-direction:column;height:100%;min-height:320px;background:radial-gradient(ellipse at 50% 30%,#334155,#0f172a 75%);color:#e2e8f0;font:14px system-ui,sans-serif;outline:0;overflow:hidden}
.lbr-stage{flex:1;min-height:0;display:flex;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.lbr-stage.zoomed{overflow:auto;touch-action:auto}
.lbr-book{position:relative;margin:auto;perspective:4500px;transform-style:flat;flex:none}
.lbr-pg{position:absolute;top:0;height:100%;width:50%;overflow:hidden;background:transparent}
.lbr-pg.l{left:0}.lbr-pg.r{left:50%}
.lbr-pg.has{box-shadow:0 10px 30px rgba(0,0,0,.45)}
.lbr-book.two .lbr-pg.l.has{border-radius:6px 0 0 6px}.lbr-book.two .lbr-pg.r.has{border-radius:0 6px 6px 0}
.lbr-book.two .lbr-pg.l.has::after,.lbr-book.two .lbr-pg.r.has::before{content:"";position:absolute;top:0;bottom:0;width:7%;pointer-events:none;z-index:3}
.lbr-book.two .lbr-pg.l.has::after{right:0;background:linear-gradient(to left,rgba(0,0,0,.28),transparent)}
.lbr-book.two .lbr-pg.r.has::before{left:0;background:linear-gradient(to right,rgba(0,0,0,.28),transparent)}
.lbr-book.one .lbr-pg.r{left:0;width:100%;border-radius:6px}
.lbr-pg.single.turn-n{animation:lbrN .5s ease-out}.lbr-pg.single.turn-p{animation:lbrP .5s ease-out}
@keyframes lbrN{from{transform:perspective(1600px) rotateY(-60deg);transform-origin:left center;opacity:.25}to{transform:none;opacity:1}}
@keyframes lbrP{from{transform:perspective(1600px) rotateY(60deg);transform-origin:right center;opacity:.25}to{transform:none;opacity:1}}
.lbr-leaf{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;z-index:5}
.lbr-face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 0 20px rgba(0,0,0,.35)}
.lbr-face.b{transform:rotateY(180deg)}
.lbr-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:42px;height:84px;border:0;border-radius:10px;background:rgba(15,23,42,.62);color:#fff;font-size:30px;cursor:pointer}
.lbr-nav.prev{left:8px}.lbr-nav.next{right:8px}.lbr-nav:hover:not(:disabled){background:rgba(79,70,229,.9)}.lbr-nav:disabled{opacity:.25;cursor:default}
@media (max-width:640px){.lbr-nav{width:34px;height:64px;font-size:24px}}
.lbr-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:rgba(15,23,42,.92);border-top:1px solid #334155;flex-wrap:wrap}
.lbr-bar button{min-width:36px;height:34px;border:1px solid #475569;border-radius:8px;background:#1e293b;color:#e2e8f0;font-size:16px;cursor:pointer}
.lbr-bar button:hover:not(:disabled){background:#4f46e5;border-color:#6366f1}.lbr-bar button:disabled{opacity:.35;cursor:default}
.lbr-pos{min-width:84px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}
.lbr-rng{flex:1;min-width:90px;accent-color:#6366f1}
.lbr-zt{min-width:44px;text-align:center;font-size:12px;cursor:pointer;color:#94a3b8}
.lbr-thumbs{position:absolute;left:0;right:0;bottom:54px;z-index:7;max-height:46%;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;padding:12px;background:rgba(15,23,42,.96);border-top:1px solid #334155}
.lbr-thumbs[hidden]{display:none}
.lbr-th{display:flex;flex-direction:column;gap:4px;border:2px solid transparent;border-radius:8px;background:transparent;color:#cbd5e1;font-size:11px;padding:4px;cursor:pointer;text-align:center}
.lbr-th:hover,.lbr-th:focus-visible{border-color:#6366f1}
.lbr-thbox{width:100%;overflow:hidden;border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:none}
@media (prefers-reduced-motion:reduce){.lbr-pg.single.turn-n,.lbr-pg.single.turn-p{animation:none}}