:root{--bg:#050b10;--panel:#0b151c;--line:#24414c;--muted:#b8ccd4;--cyan:#40e2ed;--magenta:#f30098;--red:#e7353f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#e9f0f3;font-family:Segoe UI,Arial,sans-serif;line-height:1.8}a{color:var(--cyan)}.progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:30}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--magenta))}.topbar{position:sticky;top:0;z-index:20;padding:16px 5vw;border-bottom:1px solid #1f424c;background:#050b10eb;backdrop-filter:blur(12px);display:flex;justify-content:space-between;gap:18px;font-size:12px;letter-spacing:2px}.topbar a{text-decoration:none}.hero{position:relative;min-height:92vh;display:grid;grid-template-columns:1.05fr .95fr;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{align-self:center;padding:7vw 5vw;z-index:2}.hero img{width:100%;height:100%;object-fit:cover}.eyebrow{color:var(--cyan);font:13px Consolas,monospace;letter-spacing:3px;text-transform:uppercase}h1{font-size:clamp(52px,8vw,112px);line-height:.92;text-transform:uppercase;max-width:8ch;margin:28px 0}h1 em{color:var(--cyan);font-style:normal}h2{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:12px 0 24px}.lead{font-size:21px;color:var(--muted);max-width:58ch}.status{display:inline-flex;border:1px solid var(--line);padding:7px 12px;font:12px Consolas,monospace;color:#d9eef3}.orientation{max-width:920px;margin:54px auto;padding:28px;border-left:3px solid var(--cyan);background:var(--panel);color:#bfd0d6}.reading{max-width:1320px;margin:auto}.scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6vw;padding:72px 5vw;align-items:center}.scene:nth-child(even) .art{order:2}.scene p,.truth p{font-size:18px;max-width:66ch}.art{margin:0}.art img{width:100%;display:block;border:1px solid var(--line);background:#071017}.art figcaption{font:11px Consolas,monospace;color:#93abb5;margin-top:12px;letter-spacing:1px;text-transform:uppercase}.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.fact-strip div{background:#071017;padding:30px}.fact-strip small{display:block;color:var(--cyan);font:12px Consolas,monospace;letter-spacing:2px}.fact-strip strong{display:block;font-size:27px;margin-top:8px}.truth{border-top:1px solid var(--line);background:#0c171f;padding:64px max(24px,calc((100vw - 900px)/2))}.notice{border-left:3px solid var(--magenta);padding:16px 20px;background:#101923}.question{padding:50px 24px;max-width:900px;margin:auto;font-size:30px;line-height:1.4;color:#69edf0}.chapter-bridge{padding:48px 5vw}.closing{font-size:24px!important;color:#eefbfc;border-left:3px solid var(--cyan);padding-left:22px}.topbar .brand{font-weight:700;color:#fff}.chapter-no{color:#9db5bf}footer{padding:36px;text-align:center;color:#90a6b0;font-size:12px;border-top:1px solid var(--line)}@media(max-width:760px){.topbar{font-size:10px;letter-spacing:1px}.hero,.scene{grid-template-columns:1fr}.hero-copy{padding:48px 24px}.hero img{max-height:72vh}.scene{padding:34px 22px;gap:22px}.scene:nth-child(even) .art{order:0}.orientation{margin:24px 20px}.scene p,.truth p{font-size:17px}.fact-strip{grid-template-columns:1fr}.fact-strip div{padding:20px}h1{max-width:10ch}.lead{font-size:18px}}

/* Protección explícita de proporción para las escenas narrativas. */
.art {
  width: min(100%, 560px);
  justify-self: center;
  align-self: center;
}
.art img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto !important;
  aspect-ratio: 1122 / 1402;
  object-fit: contain !important;
}
@media (max-width: 760px) {
  .art { width: min(100%, 520px); }
  .art img { height: auto !important; }
}

.art img{height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}.hero img{height:auto;align-self:center}.reading .scene{align-items:start}.topbar{flex-wrap:wrap}.hero h1{font-size:clamp(42px,5vw,76px);max-width:12ch;line-height:1.04}