/* LA TRAVESÍA · 30 aniversario. Estilos independientes. Responsive / sin fuentes externas. */
:root{--ink:#092337;--navy:#061c2d;--navy2:#0d3043;--teal:#22c1c1;--gold:#dbb36f;--gold2:#f4dbac;--paper:#f4efe4;--cream:#fffdf6;--mist:#bad4dc;--quiet:#668592;--white:#fffefb;--red:#a73f41;--shadow:0 28px 70px #00152375;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--navy)}body{margin:0;color:var(--cream);background:linear-gradient(148deg,#081f33 0,#10364b 46%,#061f32 100%);min-height:100vh;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.36;cursor:not-allowed}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #fdd480;outline-offset:4px}h1,h2,h3,p,figure,blockquote{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;line-height:1.13;font-weight:normal}img,video{max-width:100%;display:block}a{color:inherit}strong{font-weight:730}.wrap{width:min(100% - 38px,1100px);margin-inline:auto}.loading{max-width:500px;margin:30vh auto;text-align:center;color:#deebec}.topbar{height:65px;position:relative;z-index:5;background:rgba(3,18,31,.96);border-bottom:1px solid #91b4bd24}.topbar-inner{height:100%;max-width:1170px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 23px}.brand{border:0;background:none;color:#fff;letter-spacing:.155em;font-size:.81rem;font-weight:800;display:flex;align-items:center;gap:7px}.brand-mark{color:var(--gold);font-size:1.3rem}.brand-lite{color:#aec6cb;font-weight:400}.topbar-right{display:flex;align-items:center;gap:22px}.top-link{border:none;background:none;color:#dee8e8;text-decoration:underline;text-decoration-color:#66858c;text-underline-offset:6px;font-size:.83rem}.points{color:var(--gold2);font-size:.83rem}.points b{font-size:1.08rem}.points span{color:#aac5cc;font-size:.76rem}.btn{min-height:47px;display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:8px;padding:11px 21px;text-decoration:none;border:1px solid transparent;font-weight:800;letter-spacing:.035em;transition:transform .2s,background .2s,color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#082234;background:var(--gold2);box-shadow:0 10px 30px #0003}.btn-primary:hover{background:#fff0cb}.btn-ghost{background:#08223570;border-color:#c2d5d25c;color:white}.btn-outline{border-color:#91adb1;background:transparent;color:var(--ink)}.btn-small{min-height:45px;color:#fff;background:var(--navy2)}.btn-xl{min-width:217px;min-height:57px}.overline,.eyebrow{font-size:.72rem;letter-spacing:.205em;font-weight:800;color:var(--gold);display:block;text-transform:uppercase}.cover-visual{height:min(760px,calc(100svh - 65px));min-height:570px;position:relative;display:flex;flex-direction:column;justify-content:center;background:url('../recursos/Portada 01.jpg') center 60% / cover no-repeat;isolation:isolate}.cover-gradient{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061b2bdc 0%,#05233885 55%,#061c2c35),linear-gradient(0deg,#051f33e3,transparent 30%,transparent 85%,#09233355)}.cover-copy{width:min(100% - 64px,1080px);margin:0 auto;padding-block:40px}.cover h1{font-size:clamp(5rem,10vw,9.9rem);letter-spacing:-.057em;margin:22px 0 14px;text-shadow:0 9px 35px #001729a6}.cover-subtitle{color:#fff5da;letter-spacing:.23em;font-weight:700;font-size:clamp(.85rem,1.7vw,1.22rem)}.cover-subtitle span{color:var(--gold);padding-inline:10px}.cover-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:35px}.cover-edition{position:absolute;bottom:26px;left:max(32px,calc((100% - 1080px)/2));font-size:.75rem;letter-spacing:.1em;color:#c7dedc}.cover-after{padding-top:75px;padding-bottom:85px;display:grid;grid-template-columns:1fr .86fr;gap:70px}.editorial h2,.crew-area h2{font-size:clamp(1.9rem,3.2vw,2.8rem);margin:12px 0 24px;color:#fff7e8}.prologue{padding:26px 27px 18px;border-left:3px solid var(--gold);background:#fff8e80e;white-space:pre-line;font-family:Georgia,serif;font-size:1.04rem;line-height:1.83;color:#e1eced}.prologue footer{margin-top:16px;font:700 .74rem system-ui;letter-spacing:.075em;color:var(--gold2)}.intro-note{white-space:pre-line;font-size:.92rem;color:#dce8e8}.caution{margin-top:24px;color:#a9c2c8;font-size:.83rem}.crew-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.person{min-width:0;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:10px;padding:15px;display:flex;gap:12px;align-items:start}.person img{width:66px;height:66px;object-fit:cover;border-radius:50%;background:#f7e8ca;flex-shrink:0}.person strong{letter-spacing:.11em;font-size:.78rem;color:#f9e2b1}.person p{color:#c5d9df;font-size:.74rem;line-height:1.5;margin:4px 0 0}.footer-site{text-align:center;padding:25px 18px 35px;color:#a4bac4;border-top:1px solid #ffffff1c;font-size:.72rem;line-height:1.6}.game-main{padding-bottom:80px}.route{max-width:960px;margin:24px auto 28px;position:relative;padding-top:28px}.route-line{height:3px;background:#557c8b;position:absolute;top:16px;width:100%;border-radius:9px;overflow:hidden}.route-fill{height:100%;background:linear-gradient(90deg,#e6c382 0%,#22c1c1 100%);transition:width .35s ease}.route-labels{display:flex;justify-content:space-between;align-items:start;gap:5px;color:#a9bdc6;font-size:clamp(.61rem,1.5vw,.83rem);letter-spacing:.015em}.route-labels span{white-space:nowrap}.route-labels .route-current{font-weight:800;color:#fff0c4}.route-meta{display:flex;justify-content:space-between;margin-top:12px;font-size:.66rem;color:#92b3c0;letter-spacing:.16em;font-weight:800}.chapter{max-width:960px;margin:auto;background:#0c2a40;border-radius:17px;box-shadow:var(--shadow);overflow:hidden;border:1px solid #65808e35}.chapter-head{padding:45px 58px 36px;background:linear-gradient(135deg,#122f45,#102c43)}.chapter-upper{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:#c3e0e3;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:650}.chapter-kicker{margin-top:28px;color:var(--gold);font-size:.72rem;letter-spacing:.15em;font-weight:800}.fiction-badge{background:#ffecda;color:#6d382b;display:inline-flex;align-items:center;border-radius:4px;padding:3px 7px;font:900 .61rem system-ui;letter-spacing:.1em;vertical-align:middle;margin-right:7px}.chapter h1{font-size:clamp(2.35rem,5vw,4.6rem);margin:8px 0 23px;color:#fffef8;letter-spacing:-.023em}.chapter-story{font-size:clamp(1.01rem,2vw,1.13rem);max-width:730px;color:#dceaf0;line-height:1.78;margin-bottom:0}.chapter-story strong{color:#ffdb9c}.position{display:inline-block;margin-top:19px;padding:4px 11px;border:1px solid #72adb055;border-radius:20px;color:#b9c9c7;font-size:.79rem}.stage-media{padding:0 32px 22px;background:linear-gradient(#0d2a40,#092337)}.media-item{margin:0;min-width:0}.media-action{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:0;background:#041a27;overflow:hidden;border-radius:9px}.media-action img{display:block;width:100%;height:100%;object-fit:contain}.primary-media .media-action{height:min(55vw,515px);min-height:250px}.secondary-media .media-action{height:145px}.media-action:hover .media-zoom,.media-action:hover .video-play{transform:translate(-50%,-50%) scale(1.1)}.media-zoom{display:block;position:absolute;right:12px;bottom:12px;background:#041725c4;padding:4px 12px;border-radius:5px;color:white;font-size:1.2rem}.video-poster{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 70% 30%,#234e62,#051e30)}.waves{font:90px Georgia;color:#47aebb;opacity:.7}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#fff9e9eb;color:#073349;width:62px;height:62px;display:grid;place-items:center;box-shadow:0 4px 18px #0008;transition:transform .2s;padding-left:4px;font-size:1.3rem}.video-pill{position:absolute;left:12px;bottom:12px;background:#09283ad9;color:#fff5df;border:1px solid #fff3bb73;border-radius:4px;padding:4px 8px;font-size:.62rem;letter-spacing:.07em;font-weight:850}.media-item figcaption{display:flex;justify-content:space-between;gap:14px;color:#d5e2e0;padding:11px 2px 15px;font-size:.82rem;line-height:1.5}.media-item figcaption em{font-style:normal;white-space:nowrap;letter-spacing:.04em;color:#9cb6c1;font-size:.7rem}.gallery-label{padding:12px 0 11px;border-top:1px solid #d9e9e32b;font-size:.67rem;letter-spacing:.16em;color:#e5c98d;font-weight:850}.gallery-label span{font-weight:400;color:#a4c5c9;letter-spacing:0}.gallery-row{display:flex;gap:14px;overflow-x:auto;padding:1px 0 12px;scrollbar-width:thin;scrollbar-color:#63979a transparent}.secondary-media{width:238px;flex:0 0 238px}.secondary-media figcaption{display:block;font-size:.75rem;padding-bottom:0}.secondary-media figcaption em{display:block;margin-top:2px;font-size:.66rem}.media-missing{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#15384b;border:1px dashed #8ca6a0;border-radius:8px;color:#d6e2df;padding:20px}.media-missing>span{font-size:2rem}.media-missing strong{font-size:.85rem}.media-missing p{font-size:.75rem}.hover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;background:#071c29;transition:opacity .28s}.alive.playing .hover-video{opacity:1}.journal-button{width:calc(100% - 64px);margin:3px 32px 32px;padding:14px 20px;border:1px solid #d8c28d73;border-radius:10px;background:#e9d8b915;display:flex;align-items:center;gap:17px;text-align:left;color:#fff0cf;transition:background .2s}.journal-button:hover{background:#e9d8b92a}.journal-icon{font-size:1.85rem}.journal-button b{font-size:1.04rem;font-family:Georgia,serif;font-weight:400;display:block}.journal-button small{display:block;color:#acc3c9;font-size:.74rem}.journal-arrow{margin-left:auto;color:#d9ba81;font-size:1.25rem}.challenge{background:var(--paper);color:var(--ink);border-top:4px solid #d4b16e;padding:32px 45px 43px;scroll-margin-top:20px}.challenge-fiction{border-top-color:#bc655e}.challenge-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.challenge-label{color:#6e6749;font-size:.69rem;letter-spacing:.15em;font-weight:850}.challenge-num{font-size:.7rem;color:#617c86;font-weight:850}.challenge h2{font-size:clamp(1.65rem,3.1vw,2.2rem);margin:17px 0 10px}.challenge-intro{font-size:.84rem;color:#68777b;margin:0 0 23px}.answer-list{display:grid;gap:11px}.answer{display:flex;align-items:center;gap:17px;background:#fffcf4;border:1px solid #c8d1ce;color:#203848;text-align:left;border-radius:8px;padding:12px 18px;min-height:58px;font-size:.93rem;transition:background .18s,transform .18s}.answer:not(:disabled):hover{background:#e8f3f0;transform:translateX(3px);border-color:#64aaa4}.answer-letter{width:34px;height:34px;flex-shrink:0;border-radius:50%;border:1px solid #8c9ba2;display:grid;place-items:center;font-weight:850;color:#476674;font-size:.86rem}.answer.is-right{border-color:#469a79;background:#e5f7ed}.answer.is-wrong{border-color:#b16060;background:#fbeced}.tick{margin-left:auto;color:#318a67;font-size:1.2rem}.feedback{border-radius:8px;padding:17px 20px;margin-top:19px;font-size:.89rem;line-height:1.6}.feedback strong{display:block}.feedback p{margin:4px 0 0}.feedback-right{background:#e1f1e8;border-left:4px solid #3c9a75}.feedback-wrong{background:#fff1dc;border-left:4px solid #cb9253}.answer-reveal{font-weight:750}.open-answer label{display:block;font-weight:750;font-size:.87rem;margin-bottom:8px}.open-answer-row{display:flex;gap:8px}.open-answer input{flex:1;min-width:0;border:1px solid #94aca9;background:#fff;padding:12px 16px;border-radius:8px;color:#152f3d}.hint{color:#6a797e;font-size:.8rem;margin:9px 0}.diagram{margin-top:17px;border-radius:10px;background:#cee8eb;overflow:hidden;border:1px solid #9fc2c4}.diagram-head{padding:11px 17px;background:#103a4b;color:#f5e2ba;font-weight:850;letter-spacing:.13em;font-size:.71rem}.diagram-head span{display:block;color:#c0dbde;letter-spacing:0;font-weight:400;font-size:.75rem}.diagram-art{position:relative;width:100%;overflow:hidden}.diagram-art svg{width:100%;display:block}.diagram-tag{position:absolute;padding:5px 9px;border-radius:5px;border:1px solid #9fc7c9;background:#08283b;color:#fff;font-weight:750;font-size:clamp(.6rem,1.4vw,.84rem);white-space:nowrap;box-shadow:0 2px 10px #001f2d3a}.diagram-tag:hover{background:#15687b}.diagram-help{padding:7px 14px 12px;color:#234a56;font-size:.75rem;margin:0}.journey-nav{display:flex;align-items:center;justify-content:space-between;background:#d8c4a2;color:#092537;gap:10px;padding:18px 35px}.journey-nav button{border:1px solid #092537;border-radius:7px;min-height:44px;padding:8px 16px;font-weight:750}.nav-back{background:transparent;color:#173a4b}.nav-next{background:#123b51;color:#fff;min-width:190px;border-color:#123b51!important}.nav-next span{margin-left:10px}.nav-center{color:#45616c;text-align:center;font-size:.79rem}.under-game{margin:auto;max-width:960px;padding:16px 8px 0;display:flex;justify-content:space-between}.under-game button{background:none;color:#bfd3d7;border:0;text-decoration:underline;text-underline-offset:5px;font-size:.78rem}.visor{padding:0;border:0;border-radius:12px;box-shadow:0 34px 100px #000c;width:min(100% - 25px,980px);height:auto;max-height:94svh;background:#f6eee0;color:var(--ink);overflow:hidden}.visor::backdrop{background:#001421d9;backdrop-filter:blur(5px)}.visor-barra{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 20px;background:#103548;color:#fff}.visor-barra strong{font-size:.83rem;letter-spacing:.03em}.visor-cerrar{background:#fffaec12;color:#fff;border:1px solid #e8d4ad66;border-radius:6px;padding:6px 12px}.visor-cuerpo{padding:0;max-height:calc(94svh - 61px);overflow-y:auto}.journal-doc{padding:30px clamp(18px,5vw,55px) 50px;background:repeating-linear-gradient(0deg,#f8f1e5 0 24px,#f5eddf 25px)}.journal-doc .eyebrow{color:#96704e}.journal-doc h2{font-size:2.4rem;margin:8px 0}.journal-intro{color:#75685b;max-width:600px;font-size:.86rem}.journal-entry{margin:22px 0 31px;border-left:2px solid #b5a07e;padding-left:17px}.entry-date{font-family:monospace;font-weight:800;color:#715b40;font-size:.76rem;margin-bottom:12px}.journal-text{font:clamp(.79rem,1.45vw,.94rem)/1.8 "Courier New",monospace;white-space:pre-wrap;word-wrap:break-word;color:#302e2a;max-width:80ch;margin:0}.type-button{background:#fff8e7;border:1px solid #bdad91;border-radius:6px;font-size:.78rem;padding:8px 12px;color:#554c3c;margin:4px 6px 0 0}.expanded-media{padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:150px}.expanded-media img,.expanded-media video{width:auto;max-width:100%;max-height:calc(94svh - 150px);object-fit:contain;background:#081b24}.expanded-media p{font-size:.78rem;margin:3px 0;color:#4d5d66;text-align:center}.ending-screen{padding:60px 24px 90px;text-align:center;max-width:680px}.ending-symbol{font-size:4rem;margin-top:20px}.ending-screen h1{font-size:clamp(2.5rem,6vw,4.4rem);margin:10px auto 25px}.ending-screen>p{color:#d2e1e4;line-height:1.9;max-width:575px;margin:0 auto 24px}.ending-actions,.finish-buttons{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.ending-small{font-size:.8rem;margin-top:20px!important}.finish-hero{min-height:510px;position:relative;display:flex;align-items:end;background:url('../recursos/Bitacora (19).jpg') center / cover no-repeat}.finish-shade{position:absolute;inset:0;background:linear-gradient(0deg,#061d2af7,#061d2a55)}.finish-inner{position:relative;width:min(100% - 45px,980px);margin:0 auto;padding:85px 0 55px}.finish-inner h1{font-size:clamp(3.3rem,9vw,7.5rem);margin:12px 0 10px}.finish-inner>p{font-size:1.1rem;max-width:670px}.finish-score{margin-top:18px;color:#ffe4ac;font-weight:900}.finish-score span{font-size:.8rem;color:#d9e6e8;font-weight:400}.finish-paper{padding:50px 20px 75px;text-align:center}.finish-paper h2{font-size:3rem;color:#ffe6b2}.finish-paper>p{max-width:570px;margin:0 auto 25px;color:#d8e7e8}.finish-gallery{display:flex;justify-content:center;gap:12px;margin-bottom:36px}.finish-gallery button{max-width:250px;border:2px solid #d9bd83;background:#0a293d;border-radius:6px;overflow:hidden;padding:0}.finish-gallery img{height:135px;width:100%;object-fit:contain}.finish-buttons .btn-outline{color:#fff7e0;border-color:#bdcbd0}
@media(max-width:900px){.cover-after{grid-template-columns:1fr;gap:38px}.cover-visual{background-position:65% center}.chapter-head{padding:35px 35px 32px}.crew-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.wrap{width:calc(100% - 20px)}.topbar{height:57px}.topbar-inner{padding-inline:10px}.brand{font-size:.7rem;letter-spacing:.08em}.topbar-right{gap:9px}.points{font-size:.75rem}.points span{display:none}.top-link{font-size:.72rem}.cover-visual{min-height:570px;height:calc(100svh - 57px);background-position:61% center}.cover-gradient{background:linear-gradient(90deg,#061b2add,#051c2970 87%),linear-gradient(0deg,#061c2bd5,transparent 35%,#06172534)}.cover-copy{width:calc(100% - 42px);padding-bottom:70px}.cover h1{font-size:clamp(4.25rem,18vw,6.5rem);margin:20px 0}.cover-subtitle{font-size:.77rem;letter-spacing:.11em}.cover-actions{gap:12px}.cover-actions .btn{width:100%}.cover-edition{left:20px;bottom:18px}.cover-after{padding-top:43px;padding-bottom:45px}.crew-grid{grid-template-columns:1fr;gap:9px}.editorial h2{font-size:2.2rem}.person{align-items:center}.person img{width:60px;height:60px}.route{margin:10px auto 17px;padding-inline:7px}.route-labels{font-size:.58rem;letter-spacing:-.04em}.route-meta{font-size:.55rem;letter-spacing:.09em}.chapter{border-radius:12px}.chapter-head{padding:23px 20px 23px}.chapter-upper{font-size:.68rem;letter-spacing:.02em}.chapter-kicker{margin-top:20px;font-size:.65rem}.chapter h1{font-size:clamp(2.15rem,9vw,3rem);margin-bottom:16px}.chapter-story{font-size:.98rem;line-height:1.71}.stage-media{padding:0 12px 10px}.primary-media .media-action{min-height:180px;height:57vw;max-height:300px}.media-item figcaption{font-size:.75rem;display:block}.media-item figcaption em{display:block;margin-top:2px;font-size:.66rem}.secondary-media{flex-basis:170px;width:170px}.secondary-media .media-action{height:115px}.gallery-row{gap:10px}.gallery-label{font-size:.61rem}.journal-button{width:calc(100% - 24px);margin:7px 12px 23px;padding:13px 12px;gap:10px}.journal-icon{font-size:1.4rem}.journal-button b{font-size:.91rem}.journal-button small{font-size:.64rem}.journal-arrow{font-size:1rem}.challenge{padding:22px 16px 28px}.challenge h2{font-size:1.64rem}.challenge-label{font-size:.62rem}.challenge-intro{font-size:.77rem}.answer{padding:11px 10px;gap:9px;font-size:.86rem}.answer-letter{width:29px;height:29px;font-size:.8rem}.diagram-tag{padding:3px 4px;font-size:clamp(.45rem,2vw,.63rem);border-radius:3px}.diagram-head span{font-size:.66rem}.diagram-help{font-size:.69rem}.journey-nav{padding:12px;gap:5px}.journey-nav button{padding:8px 9px;min-height:40px;font-size:.7rem}.nav-center{font-size:.61rem;max-width:99px}.nav-next{min-width:120px}.nav-next span{margin-left:3px}.open-answer-row{flex-direction:column}.under-game{gap:10px}.under-game button{font-size:.72rem}.finish-hero{min-height:450px}.finish-inner{padding-bottom:40px}.finish-gallery img{height:105px}.expanded-media{padding:7px}.visor-barra{padding:10px 12px}.visor-barra strong{font-size:.73rem}.visor-cerrar{font-size:.7rem}.journal-doc h2{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* REVISION DEL 18/10: prólogo, tripulación, revisión de retos y ampliación visual */
.intro-screen{padding-block:clamp(34px,6vw,75px) 74px;min-height:calc(100svh - 65px)}
.intro-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,4vw,55px);align-items:stretch}
.intro-paper{padding:clamp(21px,4vw,42px);background:linear-gradient(145deg,#16384c,#0b2d42);border:1px solid #acc8ca37;border-radius:16px;box-shadow:var(--shadow)}
.intro-paper h1,.crew-heading h1{font-size:clamp(2.3rem,4.7vw,4.45rem);margin:13px 0 26px;color:#fff4df;line-height:1.12}
.intro-paper .prologue{font-size:clamp(1rem,1.55vw,1.16rem);padding:23px;line-height:1.85}
.intro-paper .intro-note{white-space:pre-line;line-height:1.85;margin:28px 0 12px;font-size:1rem;color:#f4f2e9}
.intro-paper .caution{margin:10px 0 0;font-size:.84rem}
.intro-side-image{margin:0;position:relative;min-height:360px;overflow:hidden;border-radius:16px;background:#102536}
.intro-side-image img{width:100%;height:100%;object-fit:cover;object-position:72% center;display:block}
.intro-side-image figcaption{position:absolute;left:0;bottom:0;right:0;background:linear-gradient(transparent,#001729ed);padding:32px 20px 19px;color:#f5dbab;letter-spacing:.1em;font-size:.77rem;font-weight:700}
.intro-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:30px}
.crew-screen{width:min(100% - 40px,1000px)}
.crew-heading{text-align:center;margin:0 auto 35px;max-width:650px}
.crew-heading h1{margin:12px 0}.crew-heading>p{color:#c8dce2;font-size:1.04rem}
.crew-screen .crew-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.crew-screen .person{background:linear-gradient(140deg,#183f52,#102c41);border:1px solid #9abcc34c;box-shadow:0 15px 35px #0002;border-radius:13px;padding:clamp(18px,2.5vw,30px);gap:22px;min-height:170px;align-items:center}
.crew-screen .person img{width:clamp(110px,13vw,148px);height:clamp(110px,13vw,148px);object-fit:cover;border-radius:50%;background:#ebdfc3;border:3px solid #d1b885;box-shadow:0 7px 22px #00182895}
.crew-screen .person strong{font-size:.98rem;color:#ffe4ae;letter-spacing:.1em}
.crew-screen .person p{font-size:.91rem;line-height:1.64;color:#edf2f1;margin-top:8px}
.journal-button{min-height:66px;justify-content:flex-start;border-color:#d8c28d8f;background:linear-gradient(90deg,#254456,#1a384b);padding:17px 21px}
.journal-button b{font-family:Georgia,serif;font-size:clamp(1.02rem,1.9vw,1.2rem);color:#fff3d8;font-weight:650;line-height:1.35}
.journal-icon{font-size:1.65rem;color:#efc889}
.journal-arrow{font-size:1.65rem;color:#f5d49f}
.answer.is-wrong{border-color:#cc8484;background:#fff2ee;opacity:.82;cursor:not-allowed}
.answer.is-wrong .wrong-tick{margin-left:auto;color:#b13c3c;font-weight:900;font-size:1.1rem}
.answer.is-right{opacity:1;border:2px solid #30926f}
.answer:disabled:not(.is-wrong):not(.is-right){opacity:.75}
.feedback-wrong{background:#fff0de;border-left:4px solid #cc9255;color:#5b3b22}
.feedback-wrong p{margin-top:7px}
/* Visor fotográfico: ancho completo; las láminas verticales se recorren deslizando. */
.visor.visor-foto{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;background:#061b2a;color:#fff}
.visor.visor-foto .visor-barra{min-height:57px;background:#052036;position:sticky;top:0;z-index:2}
.visor.visor-foto .visor-cuerpo{max-height:calc(100dvh - 57px);height:calc(100dvh - 57px);overflow:auto}
.visor.visor-foto .expanded-media{width:100%;max-width:none;display:flex;flex-direction:column;justify-content:flex-start;padding:10px clamp(6px,1.5vw,24px) 25px;gap:9px;color:#fff}
.visor.visor-foto .expanded-media img{display:block;width:100%;max-width:none;max-height:none;height:auto;object-fit:contain;background:#061b2a}
.visor.visor-foto .expanded-media video{width:100%;max-width:1200px;max-height:calc(100dvh - 142px);height:auto;object-fit:contain}
.visor.visor-foto .expanded-media p{color:#d7e9ec;font-size:.88rem}
.visor.visor-foto .media-toolbar{width:100%;display:flex;gap:15px;align-items:center;justify-content:space-between;color:#b6ccd5;font-size:.84rem}
.visor.visor-foto .media-toolbar .type-button{font-size:.83rem;margin:0;color:#092337;background:#f2dfb9;min-height:40px}
.visor.visor-foto.foto-ajustada .expanded-media img{width:auto;max-width:100%;max-height:calc(100dvh - 176px)}
@media(max-width:850px){.intro-layout{grid-template-columns:1fr}.intro-side-image{min-height:230px;max-height:380px}.crew-screen .person{gap:14px}.crew-screen .person img{width:98px;height:98px}.crew-screen .person p{font-size:.85rem}}
@media(max-width:620px){.intro-screen{padding-block:26px 44px}.intro-paper{padding:18px}.intro-paper h1{font-size:2.4rem}.intro-paper .prologue{padding:18px;font-size:1rem}.intro-paper .intro-note{font-size:.91rem}.intro-side-image{height:255px;min-height:255px}.crew-screen .crew-grid{grid-template-columns:1fr;gap:12px}.crew-screen .person{min-height:0;padding:17px}.crew-screen .person img{width:95px;height:95px}.crew-screen .person p{font-size:.87rem}.crew-heading h1{font-size:2.7rem}.journal-button{width:calc(100% - 24px);padding:12px 13px;margin:6px 12px 19px;min-height:65px;gap:12px}.journal-button b{font-size:1rem}.journal-icon{font-size:1.35rem}.media-toolbar span{display:none}.visor.visor-foto .visor-barra strong{font-size:.74rem}}

/* Los documentos de una etapa aparecen a tamaño principal, uno tras otro. */
.stage-media > .media-item + .media-item,
.stage-media > .media-item + .media-missing,
.stage-media > .media-missing + .media-item {
  margin-top:20px;
}

/* Único cambio solicitado: ocultar los pies de foto, sin alterar el contenido ni otros estilos. */
figcaption{display:none!important}

/* Portada nueva (única pantalla modificada): imagen íntegra y acceso JUGAR */
.cover--new-poster{background:#061e31;min-height:calc(100svh - 65px)}
.cover--new-poster .cover-poster{position:relative;width:min(100%,560px,56svh);margin-inline:auto;line-height:0;isolation:isolate}
.cover--new-poster .cover-poster-image{width:100%;height:auto;display:block}
.cover--new-poster .cover-poster-actions{position:absolute;left:0;right:0;bottom:6%;display:flex;flex-direction:column;align-items:center;gap:8px;line-height:1.2;padding:0 12px}
.cover--new-poster .cover-jugar{min-height:52px;min-width:205px;padding:12px 36px;background:rgba(6,29,48,.91);border:1px solid #fbf8ed;border-radius:8px;color:#fff;font:800 1.05rem/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.15em;box-shadow:0 6px 25px rgba(0,12,26,.6);transition:background .2s,transform .2s}
.cover--new-poster .cover-jugar:hover{background:#0d4564;transform:translateY(-2px)}
.cover--new-poster .cover-continuar{background:rgba(6,29,48,.86);color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:7px;font:600 .78rem/1.2 system-ui,sans-serif;padding:10px 15px}
@media(max-width:620px){.cover--new-poster{min-height:calc(100svh - 57px)}.cover--new-poster .cover-poster{width:min(100%,56svh)}.cover--new-poster .cover-jugar{min-height:48px;min-width:176px;font-size:.98rem}}