:root{--ink:#243d51;--blue:#344d68;--green:#7ea5a0;--paper:#f9f8f3;--line:#dce4df;--muted:#506575}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:17px;line-height:1.65}button,a,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:10px 18px;background:transparent;color:var(--ink)}button:hover{background:#e8efeb}button:disabled{cursor:default;opacity:.5}a{color:#285a69}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a26320;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--blue);font-size:32px;font-weight:bold;line-height:1.2}.brand small{font-size:10px;display:block;letter-spacing:2px;margin-top:7px}header nav{display:flex;gap:8px}header button{font-size:14px;border:0}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.hero-copy{padding:75px 10% 65px}.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:bold;color:#4c706c}h1,h2,h3{line-height:1.18}h1{font-family:Georgia,serif;font-size:64px;font-weight:normal;margin:16px 0 24px}h2{font-family:Georgia,serif;font-size:31px;font-weight:normal}h3{font-size:21px;margin-top:32px}.hero h2{font-size:35px}.hero p{max-width:510px}.primary{background:var(--blue);color:white;border-color:var(--blue);padding:13px 22px}.primary:hover{background:#253e55;color:white}.hero button{margin:15px 8px 0 0}.caption,.source{font-size:13px;color:var(--muted)}.landscape{overflow:hidden;position:relative;background:linear-gradient(#ccdfdb,#f8e9c4);min-height:430px;margin:35px 35px 35px 0;border-radius:160px 160px 14px 14px}.sun{position:absolute;width:120px;height:120px;border-radius:50%;background:#fff2c8;top:80px;right:18%;box-shadow:0 0 90px #fff3d5}.mount{position:absolute;width:700px;height:550px;border-radius:50%;background:#8ea9a0;transform:rotate(-20deg);left:-280px;top:200px}.m2{left:160px;top:280px;background:#617f78}.path{position:absolute;background:#e8d5af;width:120px;height:380px;bottom:-150px;left:50%;transform:rotate(20deg);border-radius:50%}.house{position:absolute;width:235px;height:190px;left:20%;bottom:120px;background:linear-gradient(90deg,#7e614d,#a7845d);border:8px solid #705743;box-shadow:0 15px 25px #344d6840}.roof{position:absolute;width:285px;height:120px;background:#344d68;clip-path:polygon(50% 0,100% 100%,0 100%);top:-115px;left:-32px}.window{position:absolute;left:25px;top:35px;width:65px;height:75px;background:#ffe3a0;border:8px solid #644d3e;box-shadow:0 0 40px #ffe2a090}.hdoor{position:absolute;right:25px;bottom:0;width:65px;height:125px;border-radius:35px 35px 0 0;background:#ecd2a1;border:8px solid #644d3e}.land-label{position:absolute;bottom:30px;color:white;left:25px;font-family:Georgia,serif;font-size:22px}.welcome{padding:55px 6%;border-top:1px solid var(--line)}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:35px 0}.three article{border-top:1px solid var(--green);padding-top:20px}.three span{color:#567b75}.reference{width:100%;margin-top:25px;border-radius:12px}footer{padding:20px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:20px}footer button{background:#fff0e4;border-color:#d5b99e;font-size:14px}.workspace{display:grid;grid-template-columns:300px minmax(0,780px);max-width:1200px;margin:40px auto;gap:65px;padding:0 25px}.workspace aside{position:sticky;top:15px;align-self:start}.workspace aside h2{margin-bottom:10px}.modules{display:grid;gap:5px;margin:20px 0}.modules button{text-align:left;border:0;font-size:14px;padding:11px}.modules button span{display:inline-block;width:32px}.modules [aria-current]{background:#dce8e3;font-weight:bold}.reading{padding:15px 0 50px}.reading h1{font-size:44px}.field{display:block;margin:25px 0;font-weight:bold}textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]),select{display:block;width:100%;border:1px solid #9badab;border-radius:7px;padding:12px;background:#fffefb;color:var(--ink);margin-top:8px}textarea{resize:vertical;font-weight:normal}.check{display:flex;align-items:flex-start;gap:12px;background:#edf1ec;border-radius:8px;padding:16px;margin:12px 0}.check input{width:20px;height:20px;flex-shrink:0;accent-color:var(--blue);margin-top:4px}.scale{display:block;margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:9px}.scale output{float:right}.scale input{width:100%;display:block;margin:15px 0;accent-color:var(--blue)}small{font-size:12px}blockquote{font-family:Georgia,serif;font-size:27px;border-left:3px solid var(--green);margin:30px 0;padding:10px 24px}.notice{background:#e6eeea;border-radius:10px;padding:20px;font-size:15px}.module-actions{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}progress{width:100%;accent-color:var(--green)}.station-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.station-grid article{border:1px solid var(--line);padding:25px;border-radius:12px}.station-grid h2{font-size:26px}.door-scene{background:linear-gradient(#e3e9ed,#f9f8f3);padding:50px 20px 75px;text-align:center}.door-scene h1{font-size:43px}.door-frame{width:180px;height:270px;border:12px solid #c6d0dd;border-bottom:0;margin:35px auto 20px;border-radius:95px 95px 0 0;background:#fff6d8;perspective:700px;box-shadow:0 0 60px #f3d99a66}.door-frame button{width:100%;height:100%;border:8px solid #5f7385;border-bottom:0;border-radius:80px 80px 0 0;background:#71869a;color:white;transform-origin:left;transition:transform 1.3s ease}.door-frame button span{display:block;font-family:Georgia,serif;font-size:45px}.door-frame b{display:block;text-align:right;margin-top:25px}.door-frame .open{transform:rotateY(-100deg)}dialog{max-width:660px;width:90%;max-height:85vh;border:1px solid var(--line);border-radius:15px;padding:30px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#172e42aa}#close{float:right}#status{position:fixed;bottom:12px;left:12px;background:var(--blue);color:white;padding:5px 12px;border-radius:6px;font-size:12px;pointer-events:none}#status:empty{display:none}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:2}.skip:focus{top:10px}.large{font-size:20px}.reduced *{transition:none!important;animation:none!important}audio{width:100%}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:800px){header{align-items:flex-start;flex-wrap:wrap;padding:18px 5%}.brand{font-size:27px}header nav{flex-wrap:wrap}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 7%}.hero h1{font-size:57px}.hero h2{font-size:30px}.landscape{margin:0 6% 30px;min-height:430px}.three{grid-template-columns:1fr;gap:15px}.workspace{grid-template-columns:1fr;gap:20px;margin-top:20px}.workspace aside{position:static}.modules{grid-template-columns:1fr 1fr}.modules button{font-size:12px}.reading h1{font-size:37px}.station-grid{grid-template-columns:1fr}.module-actions{flex-wrap:wrap}footer{flex-wrap:wrap}.door-scene h1{font-size:33px}h1{font-size:43px}}

/* Ilustración cálida v2, conservando la paleta aprobada. */
.hero{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
.hero-copy{padding-left:11%;padding-right:9%}.landscape.painted{margin:35px 35px 35px 0;min-width:0;border-radius:28px;min-height:600px;background:#7ea5a0;position:relative}.painted>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:38% center}.painted:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#183d40bb)}.painted .land-label{z-index:1;left:25px;right:20px;bottom:22px;font-size:23px;text-shadow:0 1px 8px #102c35}
.hosts-together{margin:0 0 30px;border-radius:14px;overflow:hidden;background:#e4eeea}.hosts-together img{display:block;width:100%;max-height:360px;object-fit:cover;object-position:50% 30%}.hosts-together figcaption{padding:13px 20px;color:#344d68;font-family:Georgia,serif;font-size:20px}.host-note{display:flex;align-items:center;gap:18px;margin:20px 0 28px;padding:15px;background:#e7efea;border-radius:12px}.host-note p{margin:0}.host-note small{letter-spacing:1.5px}.host-portrait{flex:0 0 90px;height:100px;border-radius:50%;background-image:url('assets/refugio-acompanantes-v2.png');background-size:500% auto;background-repeat:no-repeat}.host-woman{background-position:14% 24%}.host-man{background-position:41% 14%}.verified-quote{margin:30px 0}.verified-quote figcaption{font-size:13px;color:#506575}.verified-quote blockquote{margin-bottom:15px}.footnote{padding:16px 20px;margin:25px 0;border-top:1px solid #9ab1aa;background:#edf1ec;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.footnote p{margin:0}sup{font-family:Arial,sans-serif;font-size:12px;margin-left:4px}#contenido:focus{outline:none}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-copy{padding:40px 7%}.landscape.painted{margin:0 6% 30px;min-height:420px}.painted>img{object-position:35% center}.hosts-together img{max-height:none}.host-portrait{flex-basis:75px;height:85px}}

.music-bar{display:flex;gap:16px;align-items:center;padding:12px 5%;background:#e7efea;border-bottom:1px solid #d2dfd7;flex-wrap:wrap}.music-bar strong{font-size:14px}.music-bar small{display:block;font-size:11px;color:#506575}.music-bar audio{width:260px;height:38px}.music-volume{font-size:12px;display:flex;align-items:center;gap:8px}.music-volume input{width:85px;accent-color:#344d68}.music-bar button{font-size:12px;padding:5px 12px}.music-repeat{font-size:12px;display:flex;align-items:center;gap:6px}.music-repeat input{accent-color:#344d68}.music-bar .caption{font-size:11px}@media(max-width:800px){.music-bar{gap:10px;padding:12px 6%}.music-bar>div{flex:1}.music-bar audio{width:210px}.music-volume{flex-basis:40%}.music-bar .caption{display:block}}
/* Conservar los dos rostros completos en todos los anchos. */
.landscape.painted{align-self:center;min-height:0;aspect-ratio:3 / 2}
.painted>img{position:relative;display:block;height:auto;object-fit:contain}
.hosts-together img{max-height:none;height:auto}
@media(max-width:800px){.landscape.painted{min-height:0;aspect-ratio:3 / 2;margin:0 6% 30px}.painted .land-label{font-size:16px;bottom:12px;left:15px}}

/* V3: composición vertical aprobada; imagen completa, sin recortes. */
.landscape.painted{aspect-ratio:2 / 3;width:calc(100% - 35px);max-width:480px;justify-self:center;margin:30px 35px 30px 0}
.painted>img{display:block;position:relative;width:100%;height:auto;object-fit:contain;object-position:center}
.hosts-together{width:min(100%,380px);margin:0 auto 30px}
.hosts-together img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
@media(max-width:800px){.landscape.painted{width:88%;max-width:440px;margin:0 auto 30px;aspect-ratio:2 / 3}.hosts-together{max-width:340px}}