@font-face{font-family:OBText;src:local('Arial');font-display:swap}
:root{--paper:#f5f1e7;--ink:#262923;--muted:#74746b;--orange:#e24e1b;--line:#d9d6cb;--cream:#f4e8c9;--green:#305a2a;font-family:OBText,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.28;cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{touch-action:manipulation}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.skip{position:absolute;left:12px;top:-100px;z-index:100;background:var(--ink);color:white;padding:12px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.masthead{height:100px;display:flex;align-items:center;justify-content:space-between;max-width:1480px;margin:auto;padding:0 52px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit}.brand img{width:60px;height:57px;object-fit:contain}.brand span{font-size:10px;line-height:1.5;letter-spacing:.035em;border-left:1px solid var(--line);padding-left:16px}.edition{font-size:9px;letter-spacing:.19em;display:flex;align-items:center;gap:10px}.edition-dot{width:5px;height:5px;border-radius:100%;background:var(--orange)}.text-button{background:none;border:none;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;padding:10px;min-height:44px}.masthead>.text-button{padding-right:0}.experience{max-width:1360px;margin:auto;position:relative}.intro{text-align:center;padding:30px 20px 0}.eyebrow{font-size:9px;letter-spacing:.15em;font-weight:600}.intro .eyebrow{color:var(--muted)}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(29px,3.1vw,45px);letter-spacing:-.045em;line-height:1.06;margin:15px 0 10px}h1 br{display:none}h1 em{font-weight:400;color:var(--green)}.intro p{font-size:12px;color:var(--muted);margin:0}.scene-shell{position:relative;margin:18px 36px 0;background:radial-gradient(ellipse at 50% 44%,#e4e0d5 0,#eeeadf 45%,#f5f1e7 75%);height:clamp(360px,53vh,670px);isolation:isolate}#scene{width:100%;height:100%;position:relative;touch-action:pan-y;cursor:grab}#scene:active{cursor:grabbing}#scene canvas{display:block;width:100%;height:100%;outline:0}.stage-caption{position:absolute;z-index:2;top:16px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none;font-size:8px;letter-spacing:.14em;color:#77776b}.stage-caption #section-kicker{max-width:65%}.cover-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.cover-placeholder img{height:80%;width:auto;max-width:70%;object-fit:contain;transform:rotate(-5deg);box-shadow:12px 24px 30px #26292324}.cover-placeholder span{font-size:10px;color:var(--muted)}.stage-note{position:absolute;bottom:12px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;letter-spacing:.02em;color:var(--muted);pointer-events:none}.note-line{width:24px;height:1px;background:var(--orange)}.leaf-label{position:absolute;bottom:48px;font-size:9px;color:#7b7b71;letter-spacing:.06em;pointer-events:none}.leaf-left{left:26%}.leaf-right{right:26%}
.control-area{padding:4px 24px 0}.toolbar{display:flex;align-items:center;justify-content:center;gap:10px}.circle-button{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);width:45px;height:45px;border-radius:50%;font-size:24px;flex-shrink:0;transition:background .2s}.circle-button:hover:not(:disabled){background:#e7e2d6}.primary-button{border:0;border-radius:30px;background:var(--ink);color:var(--paper);font-size:12px;min-height:48px;min-width:172px;padding:12px 22px;display:flex;justify-content:center;align-items:center;gap:20px;box-shadow:0 5px 15px #2528220b;transition:background .2s}.primary-button:hover{background:var(--green)}.primary-button svg{width:18px;height:18px}.divider{height:23px;width:1px;background:var(--line);margin:0 10px}.utility-button{display:flex;gap:8px;align-items:center;background:none;border:1px solid transparent;padding:10px 12px;min-height:46px;font-size:11px;border-radius:24px}.utility-button:hover:not(:disabled){border-color:var(--line)}.utility-button[aria-pressed=true]{background:#e4e8db;border-color:#b6c0a6;color:var(--green)}.progress{display:flex;align-items:center;justify-content:center;gap:0;margin:10px 0 6px}.progress button{border:0;background:none;padding:12px 8px;min-width:30px;min-height:32px;display:flex;align-items:center;justify-content:center}.progress button span{height:3px;width:16px;background:#c8c7bd;border-radius:4px;transition:width .25s,background .25s}.progress button[aria-current=true] span{width:32px;background:var(--orange)}.bottom-line{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line);max-width:calc(100% - 104px);margin:0 auto;font-size:11px;letter-spacing:.02em}.bottom-line>span{display:flex;align-items:center;gap:9px}.asterisk{font-size:22px;color:var(--orange)}.subtle-button{background:none;border:0;color:var(--muted);font-size:10px;padding:12px 0;min-height:44px}.subtle-button span{margin-left:8px}footer{display:flex;justify-content:space-between;margin:4px auto 20px;max-width:calc(100% - 104px);font-size:9px;line-height:1.5;color:#8c8c82}.notice{max-width:600px;margin:12px auto;padding:10px 16px;border:1px solid var(--line);font-size:12px;line-height:1.5;border-radius:8px}
dialog{color:var(--ink);border:1px solid var(--line);background:var(--paper);padding:28px;border-radius:14px;width:min(850px,calc(100% - 32px));max-height:90dvh;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#20241bc4;backdrop-filter:blur(6px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-header h2{font-family:Georgia,serif;font-weight:400;font-size:34px;margin:8px 0}.index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.index-entry{display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);background:#eeeade;border-radius:6px;padding:12px;gap:8px}.index-entry:hover{border-color:var(--orange)}.index-entry img{height:130px;width:100%;object-fit:contain;filter:drop-shadow(2px 3px 3px #0002)}.index-entry span{font-size:11px;font-weight:bold}.index-entry small{color:var(--muted);font-size:9px}.index-note{font-size:11px;color:var(--muted);margin:22px 0 0}
#reader{width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;margin:0;border:0;border-radius:0;overflow:hidden;background:#dedbd3}#reader[open]{display:flex;flex-direction:column}.reader-header{display:flex;justify-content:space-between;align-items:center;padding:16px 28px;background:var(--paper);border-bottom:1px solid var(--line);flex-shrink:0}.reader-header h2{font-family:Georgia,serif;font-weight:400;font-size:25px;line-height:1.1;margin:5px 0}.reader-header .eyebrow{font-size:8px;color:var(--muted)}.reader-return{display:flex;align-items:center;gap:5px;border:1px solid var(--line);background:none;border-radius:24px;font-size:11px;padding:10px 15px;min-height:44px}.reader-tools{background:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:8px 28px;flex-shrink:0;border-bottom:1px solid var(--line)}.reader-view{display:flex;border:1px solid var(--line);border-radius:24px;padding:3px}.reader-view button{border:0;border-radius:20px;background:none;padding:8px 16px;min-height:38px;font-size:11px}.reader-view button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.zoom-controls{display:flex;align-items:center}.zoom-controls button{border:0;background:none;min-width:42px;min-height:42px;font-size:21px}#zoom-reset{font-size:10px;min-width:62px}.reader-viewport{flex:1;min-height:0;position:relative;overflow:auto;overscroll-behavior:contain;touch-action:none;padding:20px;scrollbar-width:thin}.reader-viewport.dragging{cursor:grabbing}.reader-viewport.zoomed{cursor:grab}#reader-stage{position:relative;margin:auto;min-height:100%;display:flex;align-items:center;justify-content:center;width:max-content;min-width:100%}#reader-image{display:block;object-fit:contain;background:white;box-shadow:0 10px 34px #2223;max-width:none;user-select:none;-webkit-user-drag:none;flex-shrink:0}.reader-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--paper);border-top:1px solid var(--line);padding:7px 20px;padding-bottom:max(7px,env(safe-area-inset-bottom));flex-shrink:0}.reader-footer .text-button{font-size:11px;min-width:85px}#reader-hint{font-size:10px;color:var(--muted);text-align:center}.no-script{padding:24px;display:grid;gap:14px}#reader-text{max-width:650px;margin:auto;background:var(--paper);padding:30px;line-height:1.65;white-space:pre-line}.text-access{font-size:10px!important;max-width:120px}
@media(min-height:940px) and (min-width:760px){.intro{padding-top:42px}.scene-shell{height:57vh}.control-area{padding-top:10px}}@media(max-width:760px){.masthead{height:77px;padding:0 22px}.brand img{width:50px;height:48px}.brand span{font-size:9px;padding-left:12px;line-height:1.4}.edition{display:none}.text-button{font-size:11px}.intro{padding-top:23px}.intro .eyebrow{font-size:8px}.intro h1{font-size:32px;margin:10px 0 8px}.intro h1 br{display:block}.intro p{font-size:11px;max-width:260px;margin:auto;line-height:1.5}.scene-shell{height:clamp(305px,43vh,490px);margin:8px 0 0}.stage-caption{top:15px;left:24px;right:24px;font-size:7px}.stage-caption #section-kicker{max-width:60%;line-height:1.5}.stage-note{font-size:9px;bottom:5px;gap:7px}.note-line{width:18px}.toolbar{gap:8px;flex-wrap:wrap}.control-area{padding:8px 14px 0}.primary-button{min-width:164px}.circle-button{width:44px;height:44px}.divider{display:none}.utility-button{font-size:10px;padding:7px 10px;min-height:42px}.toolbar .utility-button{margin-top:0}.toolbar #fan{margin-left:14px}.toolbar #close-book{margin-right:14px}.toolbar:after{content:'';order:0;flex-basis:100%;height:0;display:none}.toolbar .utility-button svg{width:19px;height:19px}.progress{margin:2px 0 8px}.bottom-line{max-width:calc(100% - 40px);font-size:9px;padding:4px 0}.bottom-line>span{gap:6px}.subtle-button{font-size:9px}footer{max-width:calc(100% - 40px);font-size:8px;gap:16px;margin-bottom:16px}footer span{max-width:48%}.leaf-label{display:none}.reader-header{padding:13px 16px}.reader-header h2{font-size:21px;max-width:205px}.reader-return{font-size:10px;padding:8px 10px}.reader-tools{padding:6px 10px}.reader-view button{padding:6px 9px;font-size:10px}.zoom-controls button{min-width:35px}#zoom-reset{min-width:52px}.reader-viewport{padding:12px}.reader-footer{padding-left:8px;padding-right:8px}.reader-footer .text-button{font-size:10px;min-width:76px}#reader-hint{font-size:9px}.index-grid{grid-template-columns:repeat(2,1fr);gap:12px}dialog{padding:20px}.index-entry img{height:110px}}
@media(max-width:480px){.toolbar{max-width:350px;margin:auto}.toolbar #fan{margin-left:45px}.toolbar #close-book{margin-right:45px}.utility-button{flex:1;justify-content:center}.stage-caption{left:20px;right:20px}.scene-shell{height:clamp(300px,42vh,450px)}.masthead .text-button{gap:6px}.brand span{max-width:86px}.intro{padding-top:20px}}
@media(max-height:700px) and (min-width:760px){.masthead{height:70px}.intro{padding-top:18px}.intro h1{font-size:30px;margin:9px 0 7px}.scene-shell{height:340px;margin-top:4px}.intro p{font-size:10px}footer{margin-bottom:8px}.bottom-line{padding-top:2px;padding-bottom:2px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#reader-text-toggle{font-size:10px;padding:8px;min-height:44px}#reader-text{font-size:17px;text-align:left;white-space:pre-line}#reader-text::first-line{font-weight:bold}.reader-viewport:has(#reader-text:not([hidden])){touch-action:pan-y!important}@media(max-width:760px){#reader-text{padding:22px;font-size:16px;line-height:1.7}}

/* El libro ocupa la página; las herramientas aparecen al empezar a hojear. */
body{min-height:100dvh;display:flex;flex-direction:column}.masthead{width:100%;height:82px;padding:0 36px;border:0;flex-shrink:0}.masthead .brand img{width:54px;height:52px}.masthead .edition{font-size:8px;color:var(--muted);letter-spacing:.16em}.edition-dot{display:none}main{width:100%;max-width:1480px;margin:0 auto;flex:1;display:flex;flex-direction:column}.experience{width:100%;max-width:none;flex:1;display:flex;flex-direction:column}.scene-shell{flex:1;margin:0 24px;height:auto;min-height:380px;background:radial-gradient(ellipse at 50% 60%,#e9e5d9 0,#f5f1e7 67%)}#scene{position:absolute;inset:0}.stage-caption{top:14px}.stage-note{bottom:14px;font-size:11px}.stage-note .note-line{display:none}.control-area{padding:0 24px 20px;flex-shrink:0}.toolbar{gap:12px}.toolbar .divider,.toolbar #close-book,.progress{display:none}.primary-button{min-height:46px;box-shadow:none;background:transparent;color:var(--ink);border:1px solid var(--line);min-width:162px;font-size:11px}.primary-button:hover{background:#e7e2d6}.primary-button svg{width:16px}.utility-button{min-height:44px}.bottom-line{width:calc(100% - 72px);max-width:none;padding:0 0 12px;border:0;flex-shrink:0;margin:0 auto;font-size:9px;color:var(--muted)}.bottom-line .asterisk{display:none}footer{display:none}.notice{margin:0 auto 10px}.stage-caption #section-kicker{font-size:8px}body[data-mode=showcase] .stage-caption,body[data-mode=showcase] #previous,body[data-mode=showcase] #next,body[data-mode=showcase] #fan{display:none}body[data-mode=showcase] .primary-button{border:0;font-size:12px;min-height:44px;padding:8px 14px}body[data-mode=showcase] .stage-note{display:none}body[data-mode=showcase] .control-area{padding-bottom:18px}body[data-mode=showcase] #scene{cursor:pointer}
@media(max-width:760px){.masthead{height:76px;padding:0 22px}.masthead .brand img{width:48px;height:46px}.masthead .edition{display:none}.scene-shell{margin:0;min-height:320px;height:auto}.stage-caption{top:8px}.stage-note{bottom:10px;font-size:9px}.control-area{padding:0 14px 12px}.toolbar{max-width:350px;gap:8px;margin:0 auto}.toolbar #fan{flex-basis:100%;flex-grow:0;margin:0 85px;padding:4px 8px;min-height:36px}.toolbar .primary-button{min-width:152px}.bottom-line{width:calc(100% - 40px);font-size:8px;padding-bottom:max(6px,env(safe-area-inset-bottom))}body[data-mode=showcase] .control-area{padding-bottom:18px}.scene-shell[data-state=open] .stage-note{bottom:8px}}
@media(max-height:600px){.masthead{height:65px}.scene-shell{min-height:270px}}

.masthead .brand img{width:96px;height:56px;object-fit:contain}@media(max-width:760px){.masthead .brand img{width:82px;height:48px}}

.site-return{color:inherit;text-decoration:none;font-size:10px;padding:12px 0;min-height:44px;display:flex;align-items:center}.site-return:hover{text-decoration:underline}