:root{--paper:#f6f2e8;--ink:#30382e;--muted:#75776d;--line:#d5d4c7;--accent:#876149}*{box-sizing:border-box}body{margin:0;background:#dcded5;color:var(--ink);font-family:Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}a{color:inherit}button:disabled{opacity:.25;cursor:default}.bar{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:20px}.brand{text-decoration:none;font:28px Georgia,serif;letter-spacing:5px}.brand span{display:block;font:8px Arial,sans-serif;letter-spacing:4px;margin-top:5px}.edition{font-size:10px;letter-spacing:2px}nav{display:flex;gap:24px;font-size:12px}#count{background:#374432;color:white;border-radius:50%;padding:4px 7px;margin-left:5px}.book-area{perspective:2200px;padding:0 30px}.book{width:min(1120px,100%);height:min(720px,calc(100dvh - 215px));min-height:520px;margin:auto;display:flex;position:relative;filter:drop-shadow(0 15px 18px #343c302b);transform-origin:center;transition:transform .3s,opacity .3s}.book.turn-next{transform:rotateY(-9deg);opacity:.6}.book.turn-prev{transform:rotateY(9deg);opacity:.6}.page{background:var(--paper);width:50%;padding:32px 38px 20px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #e3dfd4}.page+.page{box-shadow:inset 16px 0 20px -20px #3c362d}.page:first-child:not(:last-child){box-shadow:inset -16px 0 20px -20px #3c362d}.book.single{max-width:560px}.single .page{width:100%}.eyebrow{font-size:9px;letter-spacing:2px;text-transform:uppercase;margin:0 0 14px}.art-image{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;width:100%;padding:0}.art-image img{width:100%;height:100%;object-fit:contain}.art-caption{padding-top:18px}.art-caption h2{font:22px/1.12 Georgia,serif;margin:5px 0 8px}.byline{font-size:10px;color:var(--muted);margin:0}.art-caption p{font-size:11px;line-height:1.5;margin:10px 0;max-width:43em}.folio{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;border-top:1px solid var(--line);padding-top:10px;margin-top:14px}.cover{background:#324232;color:#f6f2e8;padding:30px 40px 22px}.cover .masthead{font:54px Georgia,serif;letter-spacing:11px;margin:0;text-align:center}.cover .eyebrow{text-align:center;margin:12px 0 20px}.cover h1{font:italic 42px/.97 Georgia,serif;margin:18px 0 15px}.cover .art-image{max-height:56%;}.cover .cover-foot{font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between;margin-top:auto;padding-top:15px}.intro h1,.end h1{font:45px/1.04 Georgia,serif;letter-spacing:-1.4px;margin:20px 0}.intro .lead,.end .lead{font:20px/1.5 Georgia,serif}.intro p,.end p{font-size:12px;line-height:1.8}.contents{margin-top:auto}.contents button{width:100%;text-align:left;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font:14px Georgia,serif}.intro .folio{margin-top:22px}.navigation{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:16px}.navigation button{font-size:24px;width:38px;height:32px}.navigation span{font-size:10px;letter-spacing:2px;min-width:105px;text-align:center}.hint{text-align:center;font-size:10px;color:#686e62;margin:7px 0 10px}.site-foot{display:flex;justify-content:space-between;margin:20px 5%;font-size:8px;letter-spacing:1.4px}.action{display:inline-block;padding:12px 16px;background:var(--ink);color:white;font-size:12px;text-decoration:none;border:1px solid var(--ink)}.secondary{background:transparent;color:var(--ink)}dialog{border:0;background:var(--paper);color:var(--ink);padding:38px;max-width:940px;width:calc(100% - 40px);max-height:90dvh;box-shadow:0 20px 90px #0005}dialog::backdrop{background:#162218aa;backdrop-filter:blur(5px)}.close{position:absolute;right:14px;top:8px;font:30px Arial;z-index:2}.detail{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail>img{width:100%;height:65dvh;object-fit:contain}.detail h2,dialog h2{font:32px/1.1 Georgia;margin:15px 0}.detail p{font-size:12px;line-height:1.7}.detail .actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.note{color:var(--muted);font-size:11px;line-height:1.6}dl{font-size:12px;line-height:1.7}dt{margin-top:15px;font-weight:bold}dd{margin:4px 0}.toc-list{columns:2;list-style:none;padding:0}.toc-list button{display:flex;text-align:left;width:100%;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;break-inside:avoid}.toc-list small{color:var(--muted)}.selected-row{display:flex;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}.selected-row img{width:50px;height:65px;object-fit:contain}.selected-row div{flex:1}.selected-row h3{font:18px Georgia;margin:0 0 6px}.selected-row p{font-size:10px;margin:0}.selection-actions{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.empty{padding:30px 0}#query{width:100%;min-height:150px;font:12px/1.5 Arial;margin-top:15px;background:white;border:1px solid var(--line);padding:12px}.end{justify-content:center}.end .folio{margin-top:auto}.end .action{align-self:flex-start;margin-top:15px}
@media(min-width:761px) and (max-height:790px){.page{padding:22px 30px 16px}.art-caption h2{font-size:19px}.art-caption p{margin:7px 0;font-size:10px}.cover .masthead{font-size:44px}.cover h1{font-size:34px}.intro h1{font-size:36px}.intro .lead{font-size:17px}.contents button{padding:8px 0}}
@media(max-width:760px){.bar{height:72px;padding:0 18px}.brand{font-size:23px}.edition{display:none}nav{gap:16px;font-size:11px}.book-area{padding:0 12px}.book{height:calc(100dvh - 180px);min-height:520px;max-height:800px;max-width:530px}.page{width:100%;padding:23px 25px 18px}.cover{padding:25px 32px}.cover .masthead{font-size:43px;letter-spacing:9px}.cover h1{font-size:37px}.art-caption h2{font-size:23px}.art-caption p{font-size:11px}.site-foot{margin:16px 18px;font-size:7px}.site-foot span{display:none}.hint{font-size:9px}.detail{grid-template-columns:1fr;gap:15px}.detail>img{height:35dvh}.detail h2{font-size:28px}dialog{padding:30px 24px;width:calc(100% - 24px)}.toc-list{columns:1}.intro h1{font-size:36px}.intro .lead{font-size:18px}.contents button{padding:9px 0}.selection-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.book{transition:none}}

/* Giro de hoja sobre el lomo. */
.book{transition:none}.page{transform-origin:left center;transition:transform .18s ease-in,filter .18s;backface-visibility:hidden}.book.turn-next,.book.turn-prev{transform:none;opacity:1}.book.turn-next .page:last-child{transform:rotateY(-70deg);filter:brightness(.8)}.book.turn-prev .page:first-child{transform-origin:right center;transform:rotateY(70deg);filter:brightness(.8)}@media(prefers-reduced-motion:reduce){.page{transition:none}}

/* Mantener legible la apertura editorial en ventanas bajas. */
@media(max-height:950px){.intro h1{font-size:34px;margin:10px 0}.intro .lead{font-size:17px;line-height:1.4;margin:8px 0}.intro p{font-size:11px;line-height:1.5;margin:8px 0}.contents button{padding:8px 0;font-size:13px}.intro .folio{margin-top:14px}}
@media(max-width:760px) and (max-height:730px){.intro h1{font-size:31px}.intro .lead{font-size:16px}.intro p{font-size:10px}.contents button{font-size:12px;padding:7px 0}}

@media(max-height:800px){.end h1{font-size:33px;margin:10px 0}.end .lead{font-size:17px;line-height:1.35;margin:10px 0}.end p{font-size:11px;line-height:1.5;margin:8px 0}.end .note{font-size:10px}.end .action{margin:8px 0}.end .folio{margin-top:12px}}

@media(max-width:760px){.end h1{font-size:33px;margin:10px 0}.end .lead{font-size:17px;line-height:1.35;margin:10px 0}.end p{font-size:11px;line-height:1.5;margin:8px 0}.end .note{font-size:10px}.end .action{margin:8px 0}.end .folio{margin-top:12px}}