/* Diario aprobado V4.1: assets reales, controles táctiles y cierre del capítulo. */
.news-count{left:61.5%;top:54.3%;font-size:clamp(14px,2.1vw,33px)}
.invitation-panel{width:min(1000px,96vw);height:min(650px,90vh);height:min(650px,90svh);padding:0;border:0;background:none;box-shadow:none;overflow:hidden}
.invitation-paper{height:100%;padding:11% 15% 10%;background:url('journey/invitation-map.webp') center/100% 100% no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.invitation-paper h1{font:clamp(19px,3vw,32px)/1.8 OliRetro,monospace;color:#193b3e;text-align:center;margin:0 0 4px}
.paper-back{position:absolute;left:5%;top:5%;display:grid;place-items:center;width:54px;height:50px;background:#f1d5a3;border:1px solid #aa783e;z-index:1}.paper-back img{width:34px;height:32px}
.invitation-choices{display:flex;flex-direction:column;align-items:center;gap:12px;overflow-y:auto;max-height:65%;width:100%;scrollbar-width:thin}
.invitation-play{display:flex;flex-direction:column;align-items:center;background:none;border:0;gap:4px;color:#4f211a;padding:4px 10px;min-height:80px;flex:none}
.play-seal{display:grid;place-items:center;width:116px;height:116px;background:url('journey/play-seal.webp') center/contain no-repeat}.play-seal img{width:46px;height:46px;filter:invert(87%) sepia(37%) saturate(1053%) hue-rotate(341deg) brightness(100%) contrast(97%)}
.invitation-label{font:clamp(13px,1.7vw,20px)/1.6 OliRetro,monospace;display:block;padding:9px 18px;border-block:1px solid #b48954;background:#e5ba7240}
.journey-dialog{padding:0;border:0;width:min(1120px,96vw);height:min(730px,94vh);height:min(730px,94svh);max-height:94vh;max-height:94svh;background:none;box-shadow:none;overflow:hidden}
.journey-sheet{height:100%;display:flex;flex-direction:column;padding:54px 7% 48px;background:url('ui/archivo-ligero-v1.webp') center/100% 100% no-repeat;color:#193b3e}
.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;flex:none;margin:0 0 24px;color:#fff0cc}
.journey-heading h1{font:clamp(15px,2.2vw,23px)/1.75 OliRetro,monospace;letter-spacing:0;margin:0;outline:none}.journey-heading p{font:14px/1.5 'Trebuchet MS',sans-serif;max-width:160px;text-align:right;margin:0}
.journey-choices{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-y}
.learning-choices{display:flex;flex-direction:column;justify-content:space-evenly;gap:14px;padding:10px 5px}
.learning-choice{flex:1;min-height:90px;max-height:150px;width:100%;display:flex;align-items:center;gap:24px;text-align:left;color:#193b3e;background:#fae2ad40;border:1px solid #a47d42;padding:6px 22px 6px 10px;font:700 clamp(17px,2.15vw,24px)/1.45 'Trebuchet MS',sans-serif;box-shadow:1px 2px 0 #b98d4938}
.learning-choice:hover,.learning-choice:focus-visible{background:#d8b67470;border-color:#694919}.learning-choice:disabled,.stamp-choice:disabled{opacity:.65;cursor:wait}
.learning-art{display:block;flex:none;width:130px;aspect-ratio:1;background-image:url('journey/learning.webp');background-repeat:no-repeat;background-size:300% 100%}.learning-0{background-position:0 0}.learning-1{background-position:50% 0}.learning-2{background-position:100% 0}
.journey-hint{font:16px/1.5 'Trebuchet MS',sans-serif;text-align:center;flex:none;margin:16px 0 0;min-height:24px}.journey-hint:empty{display:none}#journeyError{color:#7b201e;background:#f5e5c7;padding:10px;font:16px/1.5 'Trebuchet MS',sans-serif}
.stamp-choices{display:flex;align-items:center;justify-content:space-evenly;gap:22px;padding:16px}
.stamp-choice{border:0;background:none;min-width:140px;min-height:160px;display:grid;place-items:center;padding:12px;transition:transform .16s}.stamp-choice:hover,.stamp-choice:focus-visible{transform:rotate(-3deg) scale(1.04)}
.stamp-art{display:block;flex:none;width:140px;aspect-ratio:1;background-image:url('journey/stamps-main-v1.webp');background-size:300% 200%;background-repeat:no-repeat}.stamp-0{background-position:0 0}.stamp-1{background-position:50% 0}.stamp-2{background-position:100% 0}.stamp-3{background-position:0 100%}.stamp-4{background-position:50% 100%}.stamp-5{background-position:100% 100%}
.journey-dialog.is-saved{width:min(1200px,98vw);background:none}.is-saved .journey-sheet{background:none;padding:14px 3% 8px}.is-saved .journey-heading{justify-content:center;min-height:40px;margin-bottom:8px}.is-saved .journey-heading h1{font-size:16px}.is-saved .journey-heading p{display:none}
#journeySaved{display:flex;flex-direction:column;align-items:center;flex:1;min-height:0;width:100%;gap:8px}
.journey-book{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7%;width:100%;height:100%;min-height:0;flex:1;background:url('ui/diario-ligero-v1.webp') center/100% 100% no-repeat;padding:6% 6.5% 7%;color:#193b3e;overflow:hidden}
.passport-page{min-width:0;overflow:auto;scrollbar-width:thin;padding:0 4px}.passport-page h2{font:clamp(11px,1.3vw,16px)/1.9 OliRetro,monospace;text-align:center;margin:0 0 18px}.stamp-collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 3px;align-content:start;justify-items:start;padding:6px 2px}
.stamp-mark{display:grid;place-items:center;border:0;background:none;padding:0;min-width:48px;min-height:64px;transform:rotate(var(--turn,0deg));cursor:pointer}.stamp-mark .stamp-art{width:76px;max-width:100%}.passport-empty{font:italic 18px/1.6 Georgia,serif;color:#65563c;text-align:center;margin:35px 8px}
.secret-page{padding:14% 12% 8%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#252323b8;color:#dfc69f;box-shadow:0 0 18px 13px #252323b8;pointer-events:none;min-width:0}
.secret-page h2{font:clamp(13px,1.6vw,20px)/1.8 OliRetro,monospace;margin:0 0 28px}.secret-page>img{width:76px;height:76px;opacity:.6;filter:invert(78%) sepia(24%) saturate(450%) hue-rotate(350deg) brightness(96%)}.secret-page p{font:17px/1.6 'Trebuchet MS',sans-serif;margin:26px 0 0;max-width:210px}
.saved-ribbon{font:18px/1.5 Georgia,serif;background:#ecd0a0;color:#423122;padding:8px 24px;margin:-20px 0 0;z-index:1;border:1px solid #bd8c41;flex:none;transform:rotate(-1deg)}
.adventure-button{font:clamp(10px,1.2vw,14px)/1.8 OliRetro,monospace;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:20px;min-height:52px;border:2px solid #c7a35a;background:#702820;color:#ffdf98;padding:10px 22px;cursor:pointer;flex:none}.adventure-button img{width:28px;height:28px;filter:invert(85%) sepia(46%) saturate(544%) hue-rotate(338deg) brightness(102%)}.arrow-right{transform:rotate(180deg)}
.journal-panel{width:min(1200px,98vw);height:min(800px,96vh);height:min(800px,96svh);max-height:96vh;max-height:96svh;padding:16px 3%;background:none;border:0;box-shadow:none;overflow:hidden}
.journal-panel[open]{display:flex;flex-direction:column}.journal-bar{display:flex;justify-content:space-between;align-items:center;color:#ffdf98;gap:20px;flex:none;margin:0 0 6px}.journal-bar h1{font:clamp(16px,2vw,24px)/1.8 OliRetro,monospace;margin:0}.journal-bar button,.journal-tabs button{font:11px/1.8 OliRetro,monospace;min-height:48px;color:#f9dfb3;border:1px solid #b48d47;background:#193b3e;padding:8px 16px}.journal-tabs{display:flex;justify-content:center;gap:14px;flex:none;margin:0 0 2px}.journal-tabs button[aria-pressed=true]{background:#e8c58f;color:#193b3e;border-color:#f1d59c}
.journal-notes{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;margin-top:10px;padding:28px 6%;background:var(--paper) url('journey/invitation-map.webp') center/100% 100%;color:#193b3e}
.saved-note{padding:12px 0 22px;border-bottom:1px solid #b89b62}.saved-note h2{font:12px/1.9 OliRetro,monospace;margin:0 0 6px}.saved-note time{font:14px/1.6 'Trebuchet MS',sans-serif;color:#665338}.saved-learning-row{display:flex;align-items:center;gap:20px}.saved-learning-row p{font:700 clamp(17px,1.8vw,22px)/1.55 'Trebuchet MS',sans-serif;flex:1}.saved-learning-row>.stamp-art{width:72px}.note-sealed{font:italic 15px/1.5 Georgia,serif;color:#665338}
.journal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:none;min-height:48px;color:#f3dfba}.journal-footer #themeNav{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;font:11px/1.8 OliRetro,monospace}.page-turn,.icon-action{display:grid;place-items:center;width:48px;height:48px;border:0;background:transparent;padding:10px;cursor:pointer}.page-turn img,.icon-action img{width:26px;height:26px;filter:invert(90%) sepia(24%) saturate(514%) hue-rotate(342deg) brightness(100%)}.arrow-next img{transform:rotate(180deg)}.page-turn:disabled{opacity:.3;cursor:default}.icon-action input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.icon-action:focus-within{outline:3px solid #bd7e16}.journal-status{font:14px/1.4 'Trebuchet MS',sans-serif;color:#f6dfb8;min-height:0;margin:0;text-align:center}.journal-status:empty{display:none}.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}#legacyNotes{color:#efd8b0;font:14px/1.5 'Trebuchet MS',sans-serif;max-height:100px;overflow:auto;flex:none}#legacyNotes summary{min-height:44px;cursor:pointer;padding:10px}
@media(max-height:650px){.journey-sheet{padding-top:24px;padding-bottom:26px}.journey-heading{margin-bottom:16px;min-height:54px}.learning-choice{min-height:70px;padding-block:2px}.learning-art{width:86px}.journey-hint{margin-top:8px;font-size:14px}.is-saved .journey-heading{min-height:26px}.is-saved .journey-heading h1{font-size:12px}.saved-ribbon{font-size:14px;margin-top:-12px;padding:4px 14px}.adventure-button{min-height:46px;font-size:10px}.journal-panel{padding-top:4px}.journal-bar h1{font-size:16px}.journal-bar{margin-bottom:0}.journal-tabs button{min-height:42px;padding:5px 12px}.secret-page{padding:4% 7%}.secret-page h2{font-size:13px;margin-bottom:12px}.secret-page img{width:48px;height:48px}.secret-page p{font-size:14px;margin-top:12px}.passport-page h2{font-size:11px;margin-bottom:8px}.stamp-mark .stamp-art{width:62px}.stamp-collection{gap:4px}.invitation-paper{padding-block:10%}.play-seal{width:90px;height:90px}}
@media(max-width:650px){.journey-sheet{padding-inline:7%}.journey-heading{gap:10px}.journey-heading h1{font-size:14px}.journey-heading p{font-size:11px;max-width:100px}.learning-choice{gap:10px;padding-inline:6px;font-size:16px}.learning-art{width:76px}.stamp-choices{gap:4px;padding:4px}.stamp-choice{min-width:0;min-height:100px;padding:4px}.stamp-choice .stamp-art{width:100px}.journey-book{padding:8% 7% 9%;gap:8%}.passport-page h2{font-size:8px}.stamp-collection{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.stamp-mark{min-width:40px;min-height:48px}.stamp-mark .stamp-art{width:48px}.secret-page{padding:3%}.secret-page h2{font-size:10px;line-height:1.9}.secret-page p{font-size:12px}.secret-page img{width:44px;height:44px}.journal-tabs button{font-size:9px}.saved-learning-row{gap:8px}.saved-learning-row .learning-art{width:58px}.saved-learning-row>.stamp-art{width:48px}.saved-learning-row p{font-size:16px}.saved-ribbon{font-size:13px;padding:4px 10px}.invitation-paper h1{font-size:18px}.invitation-play{gap:2px}.invitation-label{font-size:12px}.play-seal{width:90px;height:90px}}
@media(prefers-reduced-motion:reduce){.stamp-choice{transition:none}}
/* QA: papel cálido como la referencia; ilustraciones con presencia y texto legible. */
.journey-dialog:not(.is-saved){width:min(1200px,96vw);height:min(760px,96vh);height:min(760px,96svh);max-height:96vh;max-height:96svh}
.journey-dialog:not(.is-saved) .journey-sheet{background-image:url('journey/invitation-map.webp');padding:46px 7% 44px}
.journey-dialog:not(.is-saved) .journey-heading{color:#193b3e;margin-bottom:12px;min-height:76px}
.journey-dialog:not(.is-saved) .journey-heading h1{font-size:clamp(17px,2.5vw,28px)}
.journey-dialog:not(.is-saved) .journey-heading p{font-size:16px}
.learning-choice{background:#e4ba7140;border-color:#a47d4270;gap:26px}
.learning-choice .learning-art{width:clamp(140px,18vw,220px);max-height:100%;background-size:300% 100%;align-self:center}
.learning-choice>span:last-child{max-width:650px}
@media(max-height:650px){.journey-dialog:not(.is-saved) .journey-sheet{padding-block:24px}.journey-dialog:not(.is-saved) .journey-heading{min-height:50px;margin-bottom:8px}.learning-choice .learning-art{width:130px}.learning-choice{font-size:19px}}
@media(max-width:650px){.journey-dialog:not(.is-saved) .journey-sheet{padding-inline:8%}.journey-dialog:not(.is-saved) .journey-heading{min-height:70px}.journey-dialog:not(.is-saved) .journey-heading h1{font-size:14px}.journey-dialog:not(.is-saved) .journey-heading p{font-size:11px}.learning-choice .learning-art{width:80px}.learning-choice{font-size:16px;gap:10px}}
/* Margen de seguridad del papel; la instrucción del sello va junto al título. */
.journey-dialog:not(.is-saved) .journey-sheet{padding-top:68px;padding-bottom:72px}
.journey-dialog[data-stage=stamp] .journey-heading{order:0}
.journey-dialog[data-stage=stamp] .journey-hint{order:1;margin:0 0 12px}
.journey-dialog[data-stage=stamp] .journey-choices{order:2}
.journey-dialog[data-stage=stamp] #journeyError{order:3}
.secret-page{color:#3a3026;background:#241b195c;box-shadow:0 0 20px 16px #241b195c}
.secret-page>img{filter:none;opacity:.42}
@media(max-height:650px){.journey-dialog:not(.is-saved) .journey-sheet{padding-top:40px;padding-bottom:56px}.journey-dialog:not(.is-saved) .journey-heading h1{font-size:20px}.journey-hint{font-size:15px}.learning-choice .learning-art{width:100px}.learning-choice{font-size:18px}}
@media(max-width:650px){.journey-dialog:not(.is-saved) .journey-sheet{padding-top:50px;padding-bottom:58px}.journey-dialog:not(.is-saved) .journey-heading h1{font-size:14px}}
.learning-choice .learning-art{width:clamp(100px,12vw,150px);max-height:none;aspect-ratio:1}
@media(max-height:650px){.learning-choice .learning-art{width:90px}}
@media(max-width:650px){.learning-choice .learning-art{width:76px}}