.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9400;--papel: #f6ebd2;--papel-borde: #ecdcbc;--papel-sombra: #dcc79c;--tinta: #241705;--tinta-suave: rgba(36, 23, 5, .9);--tinta-tenue: rgba(36, 23, 5, .62);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{height:100dvh;max-width:100vw;overflow-x:hidden}.reader__scroll{overflow-x:hidden}.reader__salir{position:fixed;right:max(.9rem,env(safe-area-inset-right));bottom:max(1.1rem,env(safe-area-inset-bottom));z-index:20;width:52px;height:52px;display:none;place-items:center;border-radius:50%;color:var(--oro-claro);background:#120d09eb;border:1px solid rgba(201,168,76,.4);box-shadow:0 8px 26px #0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reader__salir svg{width:22px;height:22px}.reader--open .reader__salir{display:grid}@media(max-width:860px){.reader__nav{padding-bottom:4.6rem}}@media(hover:hover)and (pointer:fine)and (min-width:861px){.reader--open .reader__salir{display:none}}.reader__bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:max(.75rem,env(safe-area-inset-top)) clamp(.7rem,4vw,2.4rem) .75rem;background:#120d09f5;border-bottom:1px solid rgba(201,168,76,.16)}.reader__back{display:inline-flex;align-items:center;gap:.55rem;flex:0 0 auto;min-height:44px;padding:0 .7rem 0 .2rem;font-family:var(--sans);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--oro-claro);transition:color .3s,transform .4s var(--ease-out)}.reader__back svg{width:22px;height:8px}.reader__back:hover{color:var(--oro);transform:translate(-3px)}.reader__bar-title{flex:1 1 auto;min-width:0;text-align:center;font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:var(--oro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader__bar-actions{display:flex;align-items:center;gap:.35rem;flex:0 0 auto}.reader__font-btn{width:40px;height:40px;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{width:44px;height:44px;display:grid;place-items:center;font-size:1.7rem;font-weight:200;line-height:1;color:var(--blanco-suave);transition:color .3s,transform .4s}.reader__close:hover{color:var(--oro);transform:rotate(90deg)}@media(max-width:560px){.reader__bar-title{display:none}.reader__font-btn{width:38px;height:38px;font-size:.8rem}}.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:linear-gradient(96deg,rgba(255,246,219,.24) 0 8%,transparent 22%,rgba(150,118,66,.08) 44%,transparent 62%,rgba(255,246,219,.16) 78%,rgba(146,114,62,.08) 100%),repeating-linear-gradient(90deg,rgba(150,118,66,.075) 0 1px,transparent 1px 7px,rgba(132,100,54,.055) 7px 8px,transparent 8px 13px),repeating-linear-gradient(90deg,rgba(164,130,74,.04) 0 2px,transparent 2px 17px),repeating-linear-gradient(0deg,rgba(144,112,62,.07) 0 1px,transparent 1px 9px,rgba(128,96,52,.05) 9px 10px,transparent 10px 11px),repeating-linear-gradient(0deg,rgba(158,124,70,.035) 0 2px,transparent 2px 19px),repeating-linear-gradient(90deg,rgba(130,100,56,.03) 0 34px,transparent 34px 71px),radial-gradient(ellipse 88% 82% at 46% 40%,var(--papel) 0%,var(--papel-borde) 68%,var(--papel-sombra) 100%);box-shadow:0 1px #fffae429 inset,0 30px 60px -20px #000000c7,0 0 0 1px #3a260e38;animation:pagina-asienta .7s var(--ease-luxe) both;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 1000' preserveAspectRatio='none'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.6 0.05' numOctaves='3' seed='11'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='7' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Crect x='0' y='-10' width='400' height='1020' fill='%23000' filter='url(%23b)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 1000' preserveAspectRatio='none'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.6 0.05' numOctaves='3' seed='11'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='7' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Crect x='0' y='-10' width='400' height='1020' fill='%23000' filter='url(%23b)'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.reader__page:before,.reader__page:after{z-index:1}.reader__page>*{position:relative;z-index:2}.reader__page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.6;mix-blend-mode:multiply;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(132,102,58,.035) 0 2px,transparent 2px 46px,rgba(255,248,224,.05) 46px 52px,transparent 52px 96px),url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.022 0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.52  0 0 0 0 0.42  0 0 0 0 0.24  0 0 0 0.34 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.02' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.54  0 0 0 0 0.44  0 0 0 0 0.26  0 0 0 0.26 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%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 7rem #96743a24,inset 0 0 2.4rem #80602c29,inset 0 0 .8rem #684a1e33,inset 0 0 .2rem #50361452}@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:20px;margin:0 auto;background:repeating-linear-gradient(90deg,rgba(140,110,62,.13) 0 1px,transparent 1px 6px,rgba(158,128,74,.08) 6px 7px,transparent 7px 13px),radial-gradient(ellipse 30% 100% at 22% 100%,rgba(140,108,58,.13),transparent 74%),radial-gradient(ellipse 24% 100% at 68% 100%,rgba(140,108,58,.1),transparent 76%),linear-gradient(180deg,var(--papel-borde) 0%,var(--papel) 100%);-webkit-mask-image:var(--deshilachado);mask-image:var(--deshilachado);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;--deshilachado: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 20' preserveAspectRatio='none'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9 0.06' numOctaves='3' seed='7'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='11' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Crect x='-20' y='-5' width='1240' height='20' fill='%23000' filter='url(%23r)'/%3E%3C/svg%3E")}.reader__page-edge--top{margin-top:-1px}.reader__page-edge--bottom{transform:scaleY(-1);margin-bottom:-1px;--deshilachado: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 20' preserveAspectRatio='none'%3E%3Cfilter id='r'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.05 0.055' numOctaves='3' seed='23'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='12' xChannelSelector='R' yChannelSelector='G'/%3E%3C/filter%3E%3Crect x='-20' y='-5' width='1240' height='20' fill='%23000' filter='url(%23r)'/%3E%3C/svg%3E")}.reader__hero-wrap{position:relative;max-width:26rem;margin:0 auto 2.8rem}.reader__hero-wrap[hidden]{display:none}.reader__hero{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;box-shadow:0 0 0 1px #8c68288c,0 0 0 6px var(--papel),0 0 0 7px #8c682866,0 20px 44px -16px #0009;filter:sepia(.4) saturate(1.2) contrast(1.06) brightness(.97);animation:pagina-asienta .8s var(--ease-luxe) both}.reader__hero-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 2.6rem #24170566,inset 0 0 .5rem #2417054d;pointer-events:none}@media(prefers-reduced-motion:reduce){.reader__hero{animation:none}}@media(max-width:640px){.reader__hero-wrap{max-width:100%;margin-bottom:2.2rem}}.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 .epigrafe{margin:0 0 2.6em;padding:0 0 1.4em clamp(.8rem,4%,2.2rem);border-left:2px solid rgba(140,104,40,.4);border-bottom:1px solid rgba(140,104,40,.22)}.reader__text .epigrafe p{font-size:.86em;font-style:italic;line-height:1.75;text-align:left;-webkit-hyphens:none;hyphens:none;color:#3c2c16d1;margin-bottom:.7em}.reader__text .epigrafe p:last-child{margin-bottom:0}.reader__text .fragmento{margin:1.2em auto 3em;padding:1.6em 0;text-align:center;position:relative}.reader__text .fragmento:before,.reader__text .fragmento:after{content:"";position:absolute;left:50%;width:3.2rem;height:1px;transform:translate(-50%);background:#7858226b}.reader__text .fragmento:before{top:0}.reader__text .fragmento:after{bottom:0}.reader__text .fragmento p{font-family:var(--serif);font-size:1.16em;letter-spacing:.28em;text-indent:.28em;text-align:center;-webkit-hyphens:none;hyphens:none;color:#302210e6;margin-bottom:.4em}.reader__text .fragmento p:last-child{margin-bottom:0}.reader__text p.capitular:first-letter{float:left;font-family:var(--serif);font-size:3.8em;line-height:.78;font-weight:600;padding:.04em .09em 0 0;color:var(--rubrica, #6b2f1d);text-shadow:0 1px 0 rgba(255,251,235,.45),0 0 1px rgba(107,47,29,.3)}.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__cargando{text-align:center;font-family:var(--serif);font-style:italic;color:var(--tinta-tenue);padding:3rem 0}.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}}