/* La ilustración permanece íntegra. Interacción en una capa HTML independiente. */
:root{--bg:#edf5f8;--panel:#ffffff;--text:#142e40;--muted:#415e70;--accent:#006778;--soft:#d9f0f3;--border:#bdd4dd;--complete:#006778;--scene-label:#06182eef;--scene-ink:#f2fbff;--scene-line:#66eaff;--scene-muted:#c0e8f5}
@media(prefers-color-scheme:dark){:root:not([data-tema="claro"]){--bg:#061322;--panel:#0d2235;--text:#edf9ff;--muted:#adc8d8;--accent:#63e5f2;--soft:#103b4b;--border:#2b4b60;--complete:#63e5f2}}
:root[data-tema="oscuro"]{--bg:#061322;--panel:#0d2235;--text:#edf9ff;--muted:#adc8d8;--accent:#63e5f2;--soft:#103b4b;--border:#2b4b60;--complete:#63e5f2}
main{padding:0 12px 24px}.topbar{padding:14px 2px;margin:0 auto 22px}.brand{font-size:1rem;line-height:1.25;gap:7px}.brand small{font-size:.75rem;letter-spacing:.08em}.brand>img{width:32px;height:32px}.tools{gap:5px}.tools .icon-button{width:40px;height:40px}.intro{margin:0 auto 20px}.intro h1{font-size:clamp(2rem,7.5vw,3.6rem);max-width:780px}.subtitle{font-size:1rem;max-width:720px}.intro-actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:14px 0}.intro-actions .primary-button{width:auto;margin:0;padding:10px 14px}.intro-actions a,.science-intro a{color:var(--accent);display:inline-flex;align-items:center;min-height:40px;font-size:.875rem;text-underline-offset:3px}.science-intro{border:1px solid var(--border);border-radius:14px;background:var(--panel);padding:4px 14px;margin:16px 0 22px}.science-intro summary,.reading-details summary{min-height:48px;padding:11px 0;cursor:pointer;color:var(--accent);font-size:.9rem;font-weight:650}.science-intro p{font-size:.9rem;line-height:1.65}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.metric-grid>div{padding:12px;border-radius:12px;background:var(--soft)}.metric-grid dt{font-size:.75rem;color:var(--muted)}.metric-grid dd{margin:6px 0 0;font-size:1.7rem;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums}.metric-grid dd small{display:block;font-size:.75rem;font-weight:500;margin-top:5px;color:var(--muted)}.coverage{margin:20px 0;padding:14px 0;border-block:1px solid var(--border)}.coverage figcaption{font-size:.85rem;font-weight:600;margin-bottom:12px}.coverage>div{display:grid;grid-template-columns:68px 1fr 62px;gap:8px;align-items:center;font-size:.8rem;margin:8px 0}.coverage meter{width:100%;height:16px;accent-color:var(--accent)}.coverage meter::-webkit-meter-optimum-value{background:var(--accent)}.coverage strong{text-align:right}
.workspace{max-width:720px;width:100%}.scene{aspect-ratio:auto;max-width:none;border-radius:18px}.scene-title{position:relative;inset:auto;padding:14px 10px 10px;z-index:1;line-height:1.45;min-height:74px;background:var(--hero)}.scene-title strong{font-size:clamp(.9rem,3vw,1.2rem)}.scene-title span{font-size:.75rem;letter-spacing:.04em}.scene-title svg{margin-top:6px}.scene-visual{position:relative;aspect-ratio:9/16;width:100%;height:auto;inset:auto}.scene-background{opacity:1;object-fit:contain}.node{width:46px;height:46px;font-size:.95rem;min-height:46px}.node.complete{background:radial-gradient(circle at 33% 25%,#f2feff 0%,#5fe8f7 12%,#087e9b 37%,#073d5b 68%,#06172f 90%);border-color:var(--scene-line);box-shadow:inset 0 0 14px #66eaff88,0 0 12px #66eaff99}.node:after{border-color:var(--scene-line);width:126%;left:-13%}.node-label-ring{font-size:.75rem;letter-spacing:0;line-height:1.2;padding:3px 6px;border-radius:7px;background:var(--scene-label);color:var(--scene-ink);max-width:112px;width:max-content;text-align:center;border:1px solid #4a7d91;z-index:4}.node-label-ring small{display:none}.node-label-ring[data-side="below"]{left:var(--node-x);top:calc(var(--node-y) + 26px);transform:translateX(-50%)}.node-label-ring[data-side="above"]{left:var(--node-x);top:calc(var(--node-y) - 30px);transform:translate(-50%,-100%)}.connections #wire-halo{stroke:var(--scene-line);opacity:.2;stroke-width:5}.connections #wire{stroke:var(--scene-line);opacity:.4;stroke-width:1.5}.connections #completed-wire{stroke:var(--scene-line);stroke-width:2;opacity:.7}.brain-hotspot{left:57.78%;top:64.06%;width:90px;height:90px;z-index:3}.brain-cross{width:46px;height:46px;background:#06243fbd;border-color:var(--scene-line);color:var(--scene-ink)}.brain-caption,.brain-hotspot.rotulo-abajo .brain-caption{left:50%;right:auto;top:calc(50% + 31px);bottom:auto;transform:translateX(-50%);font-size:.75rem;letter-spacing:.02em;background:var(--scene-label);color:var(--scene-ink);border-color:var(--scene-line)}.legend{padding:12px 0;font-size:.75rem}.legend>span:not(:first-child){display:none}.reading-details{max-width:720px;margin:10px auto 20px;padding:0 16px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}#full-narration{white-space:pre-line;font-size:1rem;line-height:1.7}.source-note{font-size:.8rem;color:var(--muted)}.roadmap .step-card{min-height:76px}.roadmap .step-card strong{font-size:.9rem}.roadmap .step-card small{font-size:.75rem}.tabs{gap:24px}.tabs button{font-size:.9rem}.lab-note,.sync-status,.try-panel{max-width:720px}.usage-heading .eyebrow{letter-spacing:.05em}.narrator{z-index:30}.scene:after{display:none}
@media(min-width:760px){main{padding:0 30px 30px}.topbar{max-width:none;margin:0 0 26px;padding:18px 0}.intro{max-width:none;margin-bottom:26px}.intro h1 br{display:block}.intro h1 span{margin:0}.science-intro{max-width:none}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workspace{max-width:none;display:grid;grid-template-columns:minmax(330px,1fr) minmax(330px,1fr);gap:32px;align-items:start}.scene{max-width:600px}.roadmap{max-height:none;overflow:visible;padding-right:0}.roadmap-panel{padding-top:18px}.node{width:54px;height:54px}.node-label-ring[data-side="below"]{top:calc(var(--node-y) + 35px)}.node-label-ring{font-size:.8rem;max-width:150px}.reading-details,.lab-note,.sync-status,.try-panel{max-width:none}.intro-actions{margin-top:18px}.coverage{max-width:640px}.brand{font-size:1.2rem}}

/* Entrada inmersiva móvil: primero la imagen completa de borde a borde. */
.intro-shortcut{display:none}
.narrator{color-scheme:dark;--bg:#061322;--panel:#0d2235;--text:#edf9ff;--muted:#adc8d8;--accent:#63e5f2;--soft:#103b4b;--border:#2b4b60;--warning:#f5d482;color:var(--text);background:var(--panel)}
#chat-question{font-size:.875rem}
@media(max-width:759px){
 main{display:flex;flex-direction:column;padding-top:0}
 .workspace{order:-1;max-width:none;width:calc(100% + 24px);margin:0 -12px 14px}
 .scene{border:0;border-radius:0;box-shadow:none}
 .scene-title{display:none}
 .scene-visual{height:100svh;height:100dvh;aspect-ratio:auto}
 .scene-background{object-fit:cover;object-position:center}
 .intro-shortcut{position:absolute;top:max(12px,env(safe-area-inset-top));right:14px;z-index:5;display:flex;align-items:center;min-height:44px;padding:6px 12px;border:1px solid var(--scene-line);border-radius:24px;background:var(--scene-label);color:var(--scene-ink);font-size:.8rem;text-decoration:none}
 .topbar{width:100%;margin-top:0}
 .intro{width:100%;scroll-margin-top:16px}
 .narrator{left:8px;right:8px;bottom:calc(max(8px,env(safe-area-inset-bottom)) + var(--keyboard-inset,0px));width:auto;max-width:none;transform:none}
 .narrator.questions-only .chat-title-row{display:none}
 .narrator.questions-only .chat-area{border-top:0;margin-top:0;padding-top:0}
 .narrator .chat-form{gap:6px}
 #chat-question{padding-inline:8px}
}

@media(max-width:359px){#chat-question{font-size:.8rem}.narrator{padding-inline:9px}}

/* Copia pública estática: sin guía conversacional, consumo ni voces a medida. */
[data-publicacion="estatica"] #chat-area,[data-publicacion="estatica"] #usage-panel,[data-publicacion="estatica"] label[for="voice-rate"],[data-publicacion="estatica"] #voice-rate{display:none!important}
.static-hint{display:none}
[data-publicacion="estatica"] .narrator.questions-only .static-hint{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;color:var(--muted);font-size:.875rem;text-align:center}