.reader-section{padding-top:0}.reader-toolbar{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.reader-toolbar label{display:flex;gap:10px;align-items:center}.reader-toolbar select{padding:10px;border:1px solid #aaa;border-radius:6px}.book{display:flex;justify-content:center;align-items:flex-start;gap:2px;background:#33332f;padding:28px;border-radius:12px;box-shadow:0 18px 40px #26262520;margin:20px 0}.sheet{display:block;width:50%;max-width:540px;box-shadow:0 6px 18px #0005}.sheet img{display:block;width:100%;height:auto}.sheet[hidden]{display:none}.reader-section .result-actions{flex-wrap:wrap;align-items:center}.reader-toolbar button:disabled{opacity:.4;cursor:default}.book:focus-visible{outline:3px solid #F3D737;outline-offset:4px}@media(max-width:700px){.book{padding:10px}.sheet{width:100%}.reader-toolbar{gap:10px}.reader-toolbar .button{padding:12px;font-size:12px}.reader-toolbar label{font-size:12px}.reader-section{padding-inline:16px}}@media(prefers-reduced-motion:no-preference){.sheet{animation:reveal-sheet .22s ease}@keyframes reveal-sheet{from{opacity:.65}to{opacity:1}}}
/* Lectura editorial integrada y hoja con anverso/reverso en 3D. */
.reader-section{background:#eee9df;border-radius:28px;margin:0 auto 70px;max-width:1320px;padding:32px;overflow:hidden}.reader-toolbar{justify-content:space-between;border-bottom:1px solid #26262520;padding-bottom:22px}.reader-toolbar .button.dark{background:#F3D737;color:#262625;border-color:#F3D737}.book{position:relative;perspective:2200px;gap:0;background:transparent;padding:0;border-radius:0;box-shadow:none;max-width:1080px;margin:28px auto}.sheet{position:relative;box-shadow:0 14px 28px #51493826}.sheet:first-child{border-radius:5px 0 0 5px}.sheet:nth-child(2):after{content:"";position:absolute;inset:0 auto 0 0;width:26px;background:linear-gradient(90deg,#0002,transparent);pointer-events:none}.book.turning{pointer-events:none}.turn-leaf{position:absolute;top:0;width:50%;height:100%;transform-style:preserve-3d;z-index:5;transition:transform .85s cubic-bezier(.25,.65,.25,1)}.turn-leaf.forward{left:50%;transform-origin:left center}.turn-leaf.backward{left:0;transform-origin:right center}.turn-leaf.forward.flipped{transform:rotateY(-180deg)}.turn-leaf.backward.flipped{transform:rotateY(180deg)}.turn-face{position:absolute;inset:0;backface-visibility:hidden;background:#eee9df;overflow:hidden;box-shadow:0 8px 28px #0002}.turn-face img{width:100%;height:100%;object-fit:contain}.turn-back{transform:rotateY(180deg)}#laminas-zoom{background:#eee9df;width:min(94vw,1150px);max-width:1150px;padding:28px}#zoom-image{display:block;width:100%;height:auto}#laminas-zoom::backdrop{background:#262625bb;backdrop-filter:blur(5px)}@media(max-width:700px){.reader-section{margin-inline:8px;border-radius:20px;padding:18px 12px}.reader-toolbar{gap:8px}.book{max-width:540px}.turn-leaf{width:100%;left:0!important}.turn-leaf.forward{transform-origin:left}.turn-leaf.backward{transform-origin:right}}@media(prefers-reduced-motion:reduce){.turn-leaf{transition:none}}

.reader-section{background:#fff;border:1px solid #e9e6df;box-shadow:0 16px 54px #26262508}.reader-toolbar{padding:0 0 22px}.book{background:#fff;isolation:isolate}.turn-face,#laminas-zoom{background:#fff}.book-index{display:flex;gap:12px;overflow-x:auto;padding:22px 4px 16px;scrollbar-width:thin}.book-index button{flex:0 0 58px;padding:4px;border:2px solid transparent;background:#fff;border-radius:5px;cursor:pointer;color:#262625;font:inherit;font-size:11px}.book-index button[aria-current="page"]{border-color:#F3D737;background:#fffbea}.book-index img{width:46px;height:65px;object-fit:cover;display:block;margin-bottom:4px}.book-index button:focus-visible{outline:2px solid #262625;outline-offset:2px}.sheet img{background:#fff}.reader-section .caption{color:#686863}#laminas-zoom::backdrop{background:#edeae4e8;backdrop-filter:blur(6px)}@media(min-width:701px){.book:has(.sheet:nth-child(2):not([hidden])):before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#c9c4bb;z-index:2}}@media(max-width:700px){.book-index{gap:6px}.book-index button{flex-basis:48px}.book-index img{width:36px;height:51px}}