/* Manuscrito vivo: lectura manual, sin movimiento decorativo automático. */
:root{--mv-night:#142e32;--mv-ivory:#efe5cc;--mv-rust:#a34630;--mv-jade:#37645b;--mv-line:#c9c6b2}
[hidden]{display:none!important}
.manuscript{background:var(--mv-ivory);color:#243c36;color-scheme:light}
.manuscript h1,.manuscript h2,.manuscript p{margin:0}
.manuscript h1,.manuscript h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.manuscript a{color:inherit;text-underline-offset:5px}
button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}
.manuscript button,dialog button{min-height:44px;color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #b86b37;outline-offset:5px}
.skip-link{position:fixed;z-index:30;left:15px;top:-100px;padding:15px;background:var(--mv-ivory);color:#243c36}.skip-link:focus{top:15px}
.episode-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:30px;max-width:1400px;margin:auto;padding:48px 7% 65px;min-height:680px}
.back{font-size:12px;display:inline-block;min-height:44px}
.eyebrow{font:10px/1.8 system-ui,sans-serif;letter-spacing:2.1px;color:var(--mv-rust)}
.hero-copy>.eyebrow{margin:27px 0 20px}
.episode-hero h1{font-size:clamp(57px,6.5vw,92px);line-height:1.05;letter-spacing:-3px}.episode-hero h1 em{color:var(--mv-rust)}
.hero-intro{font:25px/1.5 Georgia,serif;margin-top:26px!important}.hero-description{max-width:365px;font-size:14px;line-height:1.9;margin-top:22px!important;color:#526151}
.enter-link{display:inline-flex;justify-content:space-between;gap:35px;padding:16px 23px;background:#243c36;color:var(--mv-ivory)!important;text-decoration:none;margin-top:27px;font-size:14px;min-height:48px}
.hero-meta{font-size:11px;margin-top:12px!important;color:#626857}
.hero-art{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#b39a61;min-width:0}.hero-art .scene-art{background:var(--mv-night);border-radius:50% 50% 3px 3px;border:13px solid #d9d2b6;box-shadow:0 0 0 1px #b8b9a3;max-width:470px}.hero-art>p{font-size:9px;letter-spacing:3px;margin-top:25px}
.reading-intro{border-top:1px solid var(--mv-line);border-bottom:1px solid var(--mv-line);padding:23px 7%;display:flex;justify-content:space-between;gap:30px;font-size:12px;line-height:1.9;background:#e4e1cd}.reading-intro>p{max-width:670px}.favorite-wrap{display:flex;align-items:center;gap:12px;font-size:11px;max-width:230px}.fav-btn{background:none;border:1px solid #a6af95;min-width:44px;min-height:44px;color:#823d2c;font-size:21px}.fav-btn.is-fav{color:#a34630}
#lectura{scroll-margin-top:100px;outline:none;max-width:1400px;margin:auto;padding:32px 5% 35px}.reading-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px}.toolbar-actions{display:flex;align-items:center;gap:20px;font-size:11px}.toolbar-actions button{border:0;border-bottom:1px solid #88967e;background:none;padding:8px 0;font-size:11px}.editorial-link{font-size:11px}.enhanced-reading .editorial-link{display:none}
.chapter-index{display:flex;flex-wrap:wrap;gap:4px 22px;border-bottom:1px solid var(--mv-line);padding:15px 0 17px;margin-bottom:36px}.chapter-index a{font-size:11px;padding:13px 0;text-decoration:none;min-height:44px}.chapter-index a[aria-current]{color:var(--mv-rust);box-shadow:0 2px currentColor}
.scene{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;padding:12px 0 40px;scroll-margin-top:110px}.scene-copy{max-width:610px;min-width:0}.scene h2{font-size:clamp(36px,3.5vw,49px);line-height:1.15;letter-spacing:-1px;margin:15px 0 26px;scroll-margin-top:110px}.scene h2:focus{outline:none}.scene h2:focus-visible{outline:2px solid var(--mv-rust);outline-offset:8px}
.narrative{font:19px/1.9 Georgia,serif}.narrative p{margin:0 0 18px}.whisper{font:italic 15px/1.7 Georgia,serif;color:#5a6854;padding:18px 0 0;border-top:1px solid var(--mv-line);margin-top:25px!important}
.scene-visual{align-self:start;min-width:0;color:#b8a374;background:var(--mv-night);border:1px solid #1d4141;padding:12px 25px 25px;margin-top:8px;position:sticky;top:90px}.scene-art{display:block;width:100%;height:auto;max-height:480px}.art-note{color:#c1c8ad;text-align:center;font:11px/1.8 system-ui,sans-serif}.micro-label{font-size:9px;letter-spacing:2px;color:#c1c8ad;margin-bottom:12px!important}
.interactive{padding:5px 0 0;border-top:1px solid #3b5550;color:#eee5cd}.interactive>p:last-child{font:13px/1.8 system-ui,sans-serif;margin-top:17px;min-height:48px}.choices{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.choices button,.detail-button{background:transparent;border:1px solid #7e9479;padding:12px 13px;font-size:11px;line-height:1.6;color:#eee5cd;max-width:100%;text-align:left}.choices button[aria-pressed=true],.detail-button[aria-pressed=true]{background:#e7ddc2;color:#243c36}.attempts button{min-width:46px;text-align:center}.detail-button{margin-top:18px}
.art-astros .rabbit{opacity:1}.enhanced-reading #escena-5:not(.rabbit-found) .rabbit{opacity:0}.art-astros .rabbit{color:#6c7d70}.art-luna .rabbit{color:#586b61}.moving-sun{transition:transform 1.4s ease}.wind-arrives .moving-sun{transform:translate(90px,-35px)}.wind-lines{opacity:.35;transition:opacity 1s}.wind-arrives .wind-lines{opacity:1}.rabbit{transition:opacity .7s}
.source-action{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px}.open-source{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #99a58b;background:#e3e1cc;padding:12px 18px;font-size:12px}.source-link{font-size:10px;padding:12px 0}.scene-note{font:12px/1.8 system-ui,sans-serif;color:#5e6757;margin-top:18px}.scene-note summary{cursor:pointer;padding:12px 0;min-height:44px}.scene-note p{margin:12px 0 0}
.step-navigation{border-top:1px solid var(--mv-line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0}.step-navigation button{padding:13px 20px;border:1px solid #9ba68c;background:transparent;font-size:12px}.step-navigation #next-scene{background:#243c36;color:#efe5cc}.step-navigation p{font-size:11px;color:#626857}.reading-end{font:italic 22px/1.7 Georgia,serif;max-width:680px;margin:20px auto!important;text-align:center}
.editorial{background:#e3e1cd;border-top:1px solid var(--mv-line);padding:48px max(7%,calc((100% - 1120px)/2));scroll-margin-top:100px}.editorial h2{font-size:34px;line-height:1.3;margin:15px 0 26px}.editorial p{max-width:780px;font-size:13px;line-height:1.9;margin-bottom:17px}.editorial details{max-width:780px;font-size:12px;line-height:1.8;margin-top:20px}.editorial summary{padding:15px 0;cursor:pointer}.folio-links{display:flex;flex-wrap:wrap;gap:12px 23px;margin:15px 0 20px}.folio-links a{min-height:44px;padding:10px 0}.return-cuentos{font-size:13px;display:inline-block;margin-top:24px}
dialog{width:min(1000px,94vw);max-height:90dvh;border:1px solid #819078;border-radius:3px;background:#f3ecd8;color:#243c36;padding:25px 32px;color-scheme:light;overscroll-behavior:contain}dialog::backdrop{background:#071b22dc;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:start;justify-content:space-between;gap:20px}.dialog-top h2{font:30px/1.3 Georgia,serif;margin:0}.close-dialog{border:1px solid #8d9b82;padding:8px 13px;background:none;font-size:12px;white-space:nowrap}dialog p{font-size:13px;line-height:1.9}dialog a{color:#355e4d}.folio-picker{display:flex;align-items:center;gap:16px;font-size:13px}.folio-picker select{padding:12px;border:1px solid #8d9b82;background:#f7f1e1;color:#243c36;min-height:44px}.original-folio{margin:20px 0}.original-folio img{display:block;width:100%;height:auto;max-width:900px;margin:auto}.original-folio figcaption{font-size:11px;line-height:1.8;margin-top:12px}.source-precision{color:#626857}#about-dialog{max-width:750px}#about-content{margin-top:23px}#about-content p{margin-bottom:18px}
@media(max-width:900px){.episode-hero{padding:35px 6% 45px;gap:15px}.episode-hero h1{font-size:65px}.scene{gap:28px}.scene-visual{padding:12px 18px 22px}.chapter-index{gap:4px 18px}.reading-intro{padding-inline:6%}}
@media(max-width:650px){.episode-hero{grid-template-columns:1fr;padding:25px 7% 35px;min-height:auto}.episode-hero h1{font-size:62px;letter-spacing:-2.5px}.hero-copy>.eyebrow{font-size:8px;margin-top:17px}.hero-intro{font-size:23px}.hero-description{font-size:13px}.hero-art{max-width:290px;margin:35px auto 0}.hero-art>p{font-size:8px;margin-top:17px}.hero-art .scene-art{border-width:9px}.reading-intro{flex-direction:column;gap:18px;padding:22px 7%}.favorite-wrap{max-width:100%}#lectura{padding:28px 7%}.reading-toolbar{align-items:start;flex-direction:column;gap:10px}.toolbar-actions{gap:25px}.chapter-index{gap:3px 18px;margin-bottom:23px;padding-top:10px}.chapter-index a{font-size:10px}.scene{grid-template-columns:1fr;gap:25px;padding-bottom:30px}.scene h2{font-size:38px;margin-top:12px}.narrative{font-size:19px;line-height:1.85}.scene-visual{position:static;padding:10px 20px 23px}.scene-art{max-height:350px}.source-link{font-size:10px}.step-navigation{gap:8px;flex-wrap:wrap}.step-navigation button{padding:12px 15px}.step-navigation p{font-size:10px}.eyebrow{font-size:9px;letter-spacing:1.7px}.editorial{padding:35px 7%}.editorial h2{font-size:30px}.reading-end{font-size:20px}dialog{padding:20px 17px;width:94vw}.dialog-top h2{font-size:25px}.close-dialog{font-size:11px}footer nav{display:flex;gap:18px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.topnav,.episode-hero,.reading-toolbar,.chapter-index,.step-navigation,.source-action,.interactive,dialog,.favorite-wrap,footer{display:none!important}.scene[hidden]{display:grid!important}.scene{display:block;break-before:page}.scene-visual{display:none}.manuscript{background:white;color:black}.narrative{font-size:12pt}.editorial{background:white}}

/* El cuento es la entrada y la lectura por defecto. */
.episode-hero{display:block;min-height:0;max-width:850px;padding:30px 7% 22px}
.episode-hero h1{font-size:clamp(43px,5.5vw,68px);letter-spacing:-2px}
.hero-copy>.eyebrow{margin:5px 0 15px;font-size:9px}
.hero-art{display:none}.hero-intro{font:italic 20px/1.6 Georgia,serif;margin-top:20px!important;max-width:620px}
.hero-meta{margin-top:14px!important}#lectura{max-width:850px;padding-top:8px}
.scene{display:block;padding:20px 0 28px}.scene-copy{max-width:690px;margin:auto}
.scene h2{font-size:28px;margin:8px 0 25px}.scene>.scene-copy>.eyebrow{font-size:11px;color:#737658}
.narrative{font:21px/1.95 Georgia,serif}.narrative p{margin-bottom:21px}
.scene-extra{margin-top:27px;color:#58654f;font:12px/1.9 system-ui,sans-serif}
.scene-extra>summary{cursor:pointer;padding:12px 0;min-height:44px;border-bottom:1px solid var(--mv-line)}
.scene-extra .scene-visual{position:static;margin-top:20px;max-width:480px}
.story-afterword{border-top:1px solid var(--mv-line);max-width:690px;margin:20px auto 0;padding:30px 0}
.closing-question{font:italic 24px/1.6 Georgia,serif;margin-bottom:25px!important}
.story-afterword .favorite-wrap{max-width:100%;margin:20px 0}
#reading-mode,#about-button{min-height:44px;border:1px solid #8a987e;background:transparent;padding:11px 17px;font-size:12px;margin:20px 0}
.chapter-menu{font-size:12px}.chapter-menu>summary{cursor:pointer;padding:14px 0;min-height:44px}
.editorial{max-width:none;padding-block:20px}.editorial>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:13px}
.editorial:not([open]){padding-block:15px}.editorial #editorial-copy{margin-top:18px}
.guided-reading .scene h2{font-size:36px}
@media(max-width:650px){.episode-hero{padding:20px 7% 18px}.episode-hero h1{font-size:46px}.hero-intro{font-size:18px;margin-top:15px!important}.hero-meta{font-size:10px}#lectura{padding-top:0}.scene{padding-top:15px}.scene h2{font-size:25px;margin-bottom:21px}.narrative{font-size:20px;line-height:1.9}.scene-extra .scene-art{max-height:280px}.closing-question{font-size:22px}}