:root{--ink:#243d39;--muted:#5c6d63;--green:#23534e;--paper:#fffdf6;--lime:#e2fc77;--blue:#204ae8;--line:#d5ddcf;--serif:Georgia,'Times New Roman',serif;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f0f2e9;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.2em}button{font:inherit;cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:10px;left:10px;z-index:20;padding:14px;background:var(--lime);transform:translateY(-150%)}.skip:focus{transform:none}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;font-weight:700;text-decoration:none;font-size:15px;white-space:nowrap}.brand small{display:block;font-size:10px;font-weight:400;margin-top:5px;letter-spacing:.04em;color:var(--muted)}.brand-mark{display:grid;place-content:center;width:41px;height:41px;background:var(--blue);border-radius:50%;color:white;font-family:var(--serif);font-size:31px;position:relative}.brand-mark span{position:absolute;right:7px;top:0;color:var(--lime);font-size:26px}.tools{display:flex;gap:8px;flex-wrap:wrap}.tools button{background:transparent;border:1px solid #aebdae;border-radius:30px;padding:12px 16px;min-height:44px;color:var(--ink);font-size:13px}.tools button:hover{background:#e4ebdb}.tools span{margin-left:5px;color:#526244;font-size:12px}.breadcrumb{max-width:1320px;margin:0 auto;padding:22px 28px 0;display:flex;flex-wrap:wrap;gap:10px;font-size:12px;line-height:1.6;color:var(--muted)}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{text-decoration:underline}
.mission{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;padding:42px 28px 80px;align-items:start}.visual{position:sticky;top:28px;min-width:0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.6;margin:0 0 16px}.visual>.eyebrow{color:#496752}.eyebrow>span{font-size:20px;vertical-align:middle;margin-right:7px}h1{font-size:clamp(2.8rem,4.25vw,4.2rem);line-height:1.01;letter-spacing:-.055em;margin:0 0 20px;font-weight:600}h1 em{display:block;font-family:var(--serif);font-weight:400;letter-spacing:-.045em;color:#8c552d}.intro{font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 25px}figure{margin:0;background:var(--green);border-radius:8px;overflow:hidden}figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}figcaption{display:flex;justify-content:space-between;gap:15px;padding:15px 18px;color:#f8f8ed;font-size:12px;line-height:1.5}figcaption>span:last-child{color:var(--lime)}.image-note{font-size:10px;color:#627163;line-height:1.65;margin:11px 0 0;max-width:460px}.field-note{display:flex;align-items:center;gap:15px;margin-top:27px;padding-top:22px;border-top:1px solid #ccd7c8}.field-note>span{font-size:29px;color:#638249}.field-note p{margin:0;font-size:13px;line-height:1.8;color:var(--muted)}.field-note strong{font-weight:600;color:var(--ink)}
.reading{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:34px 36px;box-shadow:0 10px 32px #203d2310;scroll-margin-top:22px}.page-top{display:flex;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:10px;font-weight:600;letter-spacing:.08em;margin-bottom:28px;line-height:1.6}.page-top #save-status{font-weight:400;color:var(--muted);letter-spacing:0;text-align:right;max-width:190px}.reading>.eyebrow{color:#537445}h2{font-size:clamp(1.8rem,2.5vw,2.35rem);letter-spacing:-.045em;line-height:1.13;margin:0 0 26px;font-weight:600}h2:focus{outline:none}h2:focus-visible{outline:3px solid var(--blue);outline-offset:7px}.prose p{font-size:16px;line-height:1.85;margin:0 0 20px;white-space:pre-line}.speech{border-left:3px solid #9bb784;background:#edf2e5;padding:17px 20px;margin:23px 0;border-radius:0 5px 5px 0}.speech .speaker{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;color:#47643d;margin-bottom:8px}.speech p:last-child{margin-bottom:0}.clue-notice{font-size:12px;line-height:1.65;background:#e9f1d8;border:1px solid #c2d7a5;padding:14px 16px;margin:26px 0}.resume-note{font-size:12px;line-height:1.7;padding:13px 16px;background:#e6ecff;border-left:3px solid var(--blue)}.decision{margin-top:31px}.decision h3{font-size:11px;letter-spacing:.13em;font-weight:700;margin:0 0 15px}.choice{width:100%;text-align:left;display:grid;grid-template-columns:26px 1fr;gap:12px;border:1px solid #a9b8a5;border-radius:6px;background:#fff;color:var(--ink);padding:17px 16px;margin:0 0 12px;min-height:62px;transition:background .15s,border-color .15s}.choice:hover:not(:disabled){background:#f0f5e4;border-color:#5c7f4a}.choice:disabled{background:#f0f1ec;color:#5d655c;border-color:#c6cdc2}.choice-number{display:grid;place-content:center;border:1px solid currentColor;border-radius:50%;width:25px;height:25px;font-size:11px;font-weight:600}.choice strong{font-size:14px;line-height:1.55;display:block}.choice small{font-size:12px;line-height:1.65;display:block;font-weight:400;color:var(--muted);margin-top:6px}.requirement{font-size:11px;color:#5c6339;line-height:1.6;margin-top:9px;display:block}.route-tools{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.route-tools button{padding:6px 0;background:none;border:0;font-size:12px;min-height:32px;color:var(--green);text-decoration:underline;text-underline-offset:4px}.route-tools button:disabled{color:#727c70;text-decoration:none}.reading-note{font-size:10px;line-height:1.8;color:#667361;margin:20px 0 0}.ending-summary{border-top:3px solid #6b914b;padding:21px;background:#eaf1dd;margin-bottom:23px}.ending-summary p{line-height:1.75;font-size:15px;margin:0}.ending-label{color:#527239;font-size:11px;font-weight:700;letter-spacing:.11em}.ending-summary .ending-label{margin-bottom:10px}.action{border:0;border-radius:5px;background:var(--green);color:white;min-height:44px;padding:13px 18px;font-size:13px}.action.secondary{background:#e8ecdf;color:var(--green);border:1px solid #bdcbb8}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
footer{border-top:1px solid var(--line);padding:27px max(28px,calc((100vw - 1264px)/2));display:flex;justify-content:space-between;gap:22px;font-size:11px;color:var(--muted);line-height:1.7}footer nav{display:flex;flex-wrap:wrap;gap:20px}dialog{border:1px solid #b9c8b2;border-radius:9px;padding:28px;max-width:660px;width:calc(100% - 32px);max-height:88dvh;overflow:auto;background:var(--paper);color:var(--ink);box-shadow:0 20px 90px #0005}dialog::backdrop{background:#102419a8}.modal-head{display:flex;justify-content:space-between;gap:24px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.modal-head h2{font-size:27px;margin:4px 0 0}.modal-head button{background:#e8ecdf;border:0;border-radius:50%;width:38px;height:38px;flex-shrink:0;font-size:26px;color:var(--ink)}#modal-body p,#modal-body li{font-size:14px;line-height:1.85}#modal-body h3{font-size:17px;margin:24px 0 9px;line-height:1.5}.notebook-item,.collection-item{border:1px solid var(--line);border-radius:5px;padding:16px 18px;margin:13px 0}.notebook-item h3,.collection-item h3{margin:0 0 8px!important;font-size:16px!important}.notebook-item p,.collection-item p{margin:0}.undiscovered{color:#6b7567;background:#f1f3eb}.source-note{color:var(--muted);font-size:12px!important}.noscript{padding:20px}
@media(min-width:1400px){.mission{gap:76px}}@media(max-width:1000px){.mission{gap:30px}.reading{padding:28px 25px}.topbar{padding:18px 24px}.brand small{display:none}.tools button{padding:11px 13px;font-size:12px}}@media(max-width:760px){.topbar{align-items:start;flex-direction:column;gap:17px;padding:18px 20px}.brand small{display:block}.tools{width:100%;gap:7px}.tools button{padding:10px 12px;font-size:11px}.tools span{font-size:10px}.breadcrumb{padding:19px 20px 0;font-size:11px;gap:8px}.breadcrumb>[aria-current]{display:none}.breadcrumb>span:last-of-type{display:none}.mission{grid-template-columns:1fr;gap:29px;padding:28px 20px 42px}.visual{position:static}h1{font-size:clamp(2.8rem,9.5vw,4rem);max-width:560px}.intro{font-size:14px;margin-bottom:20px}.field-note{display:none}.image-note{font-size:10px}.reading{padding:25px 22px}.page-top{gap:10px;font-size:9px;margin-bottom:24px}.page-top #save-status{max-width:145px}.prose p{font-size:15px;line-height:1.85}.speech{padding:15px 17px}.choice{padding:16px 13px;gap:11px}.choice strong{font-size:14px}h2{font-size:29px}footer{padding:24px 20px;flex-direction:column;gap:13px}footer nav{gap:15px}.modal-head h2{font-size:24px}dialog{padding:22px}.reading-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

/* Compartir y libro en los finales. */
.ending-share{border-top:1px solid var(--line);margin-top:30px;padding-top:27px}.ending-share h3{font-size:20px;letter-spacing:-.025em;line-height:1.35;margin:0 0 12px}.ending-share p{font-size:13px;line-height:1.75;margin:0 0 17px}.ending-share label{display:block;font-size:12px;font-weight:600;margin:16px 0 9px}.ending-share textarea{font:inherit;font-size:14px;line-height:1.65;resize:vertical;display:block;width:100%;min-height:75px;border:1px solid #9fb297;border-radius:5px;background:#fff;color:var(--ink);padding:12px 14px}.ending-share textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.ending-share textarea[readonly]{font-size:12px;background:#f0f4e9;overflow-wrap:anywhere}.ending-share-links{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0 20px}.ending-share-link{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px;min-height:44px;border:1px solid #597655;background:var(--green);color:#fff;border-radius:5px;font-size:12px;text-decoration:none;line-height:1.5}.ending-share-link:hover{background:#204a41}.ending-share-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:13px}.ending-share-feedback{margin:12px 0 0!important;min-height:1.8em;color:#43663c}.ending-share-note{font-size:11px!important;color:var(--muted);padding:13px 15px;border-left:2px solid #8a9e70;background:#ecf2e5}.ending-book{display:grid;grid-template-columns:118px minmax(0,1fr);gap:23px;align-items:center;background:#eaf0e3;border:1px solid #c5d6c1;border-radius:7px;padding:24px;margin-top:29px}.ending-book-cover{display:block;min-width:0;border-radius:3px}.ending-book-cover img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;box-shadow:0 8px 15px #14321825}.decision .ending-book h3{font-size:22px;line-height:1.2;letter-spacing:-.03em;margin:0 0 13px}.ending-book-copy{min-width:0}.ending-book-copy>p{font-size:12px;line-height:1.75;margin:0 0 12px}.ending-book-eyebrow{font-size:9px!important;letter-spacing:.13em;font-weight:700;color:#4f703e}.ending-book-link{display:inline-flex;align-items:center;min-height:44px;padding:11px 14px;background:var(--green);color:#fff;text-decoration:none;border-radius:4px;font-size:12px;line-height:1.5;margin:2px 0 12px}.ending-book-note{font-size:10px!important;color:var(--muted);margin-bottom:0!important}@media(max-width:450px){.ending-book{grid-template-columns:1fr;gap:20px;padding:22px}.ending-book-cover{width:132px}.decision .ending-book h3{font-size:24px}.ending-share-link{flex:1 1 90px}.ending-share-actions .action{width:100%}}
