.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9400;--papel: #efe4c8;--papel-borde: #e2d3ac;--papel-sombra: #c8b78a;--tinta: #2b2013;--tinta-suave: rgba(43, 32, 19, .74);--tinta-tenue: rgba(43, 32, 19, .5);background:#120d09;background-image:radial-gradient(ellipse 60% 46% at 50% 18%,rgba(201,168,76,.1),transparent 70%);opacity:0;pointer-events:none;transition:opacity .55s var(--ease-out);display:flex;flex-direction:column}.reader--open{opacity:1;pointer-events:auto}.reader__bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem clamp(1rem,4vw,2.4rem);background:#120d09eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(201,168,76,.14)}.reader__bar-title{font-size:.66rem;letter-spacing:.4em;text-transform:uppercase;color:var(--oro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader__bar-actions{display:flex;align-items:center;gap:.4rem}.reader__font-btn{width:34px;height:34px;display:grid;place-items:center;font-family:var(--serif);color:var(--blanco-suave);border:1px solid rgba(242,241,236,.12);transition:border-color .3s,color .3s}.reader__font-btn:hover{border-color:var(--oro);color:var(--oro-claro)}.reader__close{margin-left:.6rem;font-size:1.7rem;font-weight:200;line-height:1;color:var(--blanco-suave);transition:color .3s,transform .4s;padding:0 .3rem}.reader__close:hover{color:var(--oro);transform:rotate(90deg)}.reader__progress{position:absolute;bottom:-1px;left:0;height:1px;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--oro),var(--oro-claro))}.reader__scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:clamp(1.4rem,4vh,3.2rem) clamp(.8rem,3vw,1.6rem) 4rem}.reader__page{position:relative;max-width:42rem;margin:0 auto;padding:clamp(3.2rem,7vh,5rem) clamp(1.8rem,6vw,3.6rem) clamp(4rem,8vh,5.5rem);background:radial-gradient(ellipse 90% 60% at 18% 0%,rgba(255,250,232,.5),transparent 55%),radial-gradient(ellipse 70% 50% at 100% 100%,rgba(160,130,76,.16),transparent 60%),linear-gradient(155deg,var(--papel) 0%,var(--papel-borde) 100%);box-shadow:0 2px #ffffff40 inset,0 30px 60px -20px #000000a6,0 0 0 1px #2b20130f;animation:pagina-asienta .7s var(--ease-luxe) both}.reader__page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.55  0 0 0 0 0.46  0 0 0 0 0.3  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.reader__page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 5.5rem #785c2f52,inset 0 0 1.2rem #503a1647}@keyframes pagina-asienta{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.reader__page{animation:none}}.reader__page-edge{position:relative;max-width:42rem;height:12px;margin:0 auto;background:var(--papel-borde);-webkit-mask-image:linear-gradient(135deg,transparent 7px,#000 7px),linear-gradient(-135deg,transparent 7px,#000 7px);mask-image:linear-gradient(135deg,transparent 7px,#000 7px),linear-gradient(-135deg,transparent 7px,#000 7px);-webkit-mask-size:14px 14px;mask-size:14px 14px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.reader__page-edge--top{margin-top:-1px}.reader__page-edge--bottom{transform:scaleY(-1);margin-bottom:-1px}.reader__cap-label{display:block;text-align:center;font-family:var(--sans);font-size:.62rem;letter-spacing:.5em;text-transform:uppercase;color:var(--tinta-tenue);margin-bottom:1.1rem}.reader__cap-num{display:block;text-align:center;font-family:var(--serif);font-size:clamp(3rem,7vw,4.6rem);font-weight:300;color:var(--tinta);line-height:1;margin-bottom:.6rem;text-shadow:0 1px 0 rgba(255,251,235,.65),0 -1px 1px rgba(43,32,19,.18)}.reader__orn{margin:2.2rem auto 3.2rem;opacity:.55;filter:sepia(.6) saturate(1.4)}.reader__text{position:relative;font-family:var(--serif);font-size:var(--reader-size, 1.28rem);font-weight:400;line-height:1.85;color:var(--tinta-suave)}.reader__text p{margin-bottom:.35em;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}.reader__text .bloque{margin-bottom:1.7em}.reader__text .bloque:last-child{margin-bottom:0}.reader__text .bloque:first-of-type p:first-of-type:first-letter{float:left;font-family:var(--serif);font-size:3.6em;line-height:.78;font-weight:500;padding:.04em .08em 0 0;color:var(--oro);text-shadow:0 1px 0 rgba(255,251,235,.5)}.reader__nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:5rem;padding-top:2.4rem;border-top:1px solid rgba(43,32,19,.18)}.reader__nav-btn{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--sans);font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tinta-suave);padding:.8rem 0;transition:color .3s,transform .4s var(--ease-out)}.reader__nav-btn:hover{color:var(--oro-dim2, #8a6a1f)}.reader__nav-btn--prev:hover{transform:translate(-6px)}.reader__nav-btn--next:hover{transform:translate(6px)}.reader__nav-btn[disabled]{opacity:.25;pointer-events:none}.reader__nav-locked{font-family:var(--sans);font-size:.62rem;letter-spacing:.22em;color:var(--tinta-tenue);text-transform:uppercase;text-align:right}.reader__nav-locked strong{color:#8a6a1f;font-weight:400;display:block;margin-top:.3em}.reader__fin{text-align:center;font-family:var(--serif);font-style:italic;color:#8a6a1f;margin-top:3rem}@media(max-width:640px){.reader__page{padding-left:1.3rem;padding-right:1.3rem;border-radius:2px}}