:root{--ink:#15160f;--paper:#f3f0e7;--accent:#a8ad05;--accent-bright:#c6cb17;--gold:#d8aa26;--muted:#b8b7ac;--line:rgba(255,255,255,.18);font-family:Arial,Helvetica,sans-serif;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0c09;color:#f5f3e9;line-height:1.6}body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.68)),url('fondo-lima.webp') center/cover no-repeat;filter:saturate(.7)}body:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.08),#0b0c09 86%);pointer-events:none}.skip-link{position:fixed;top:-100px;left:1rem;background:#fff;color:#000;padding:.7rem 1rem;z-index:20}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:.9rem max(1.2rem,calc((100vw - 1180px)/2));background:rgba(10,11,8,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{font-weight:900;letter-spacing:.06em;color:var(--accent-bright);text-decoration:none;font-size:1.05rem}.brand span{color:#fff}.site-header nav{display:flex;gap:.25rem;flex-wrap:wrap;justify-content:flex-end}.site-header nav a{color:#e9e7dc;text-decoration:none;padding:.45rem .7rem;border-radius:999px;font-size:.88rem}.site-header nav a:hover,.site-header nav a:focus-visible{background:var(--accent);color:#0d0e09}main{width:min(1180px,calc(100% - 2rem));margin:auto}.cover{padding:2rem 0 1rem;text-align:center}.cover-frame{position:relative;width:min(620px,100%);margin:auto;box-shadow:0 25px 90px #000;border:1px solid rgba(255,255,255,.12)}.cover-frame img{display:block;width:100%;height:auto}.hotspot{position:absolute;left:8.8%;width:35%;height:6.7%;border:1px solid transparent;border-radius:.45rem}.hotspot:hover,.hotspot:focus-visible{border-color:var(--accent-bright);background:rgba(185,191,11,.12);outline:none}.hotspot-1{top:44.1%}.hotspot-2{top:50.5%}.hotspot-3{top:57.5%}.hotspot-4{top:64.2%}.cover-hint{font-size:.85rem;color:var(--muted)}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0 5rem}.topic-card{display:flex;gap:.8rem;align-items:flex-start;text-decoration:none;color:#fff;padding:1.15rem;border:1px solid var(--line);background:rgba(20,21,15,.78);border-radius:.9rem;transition:.2s transform,.2s border-color}.topic-card:hover,.topic-card:focus-visible{transform:translateY(-3px);border-color:var(--accent)}.topic-icon{display:grid;place-items:center;flex:0 0 2.5rem;height:2.5rem;border:1px solid var(--accent);border-radius:.6rem;color:var(--accent-bright);font-weight:900}.topic-card strong{font-size:.88rem;color:var(--accent-bright);line-height:1.2}.topic-card small{display:block;color:#cac9c0;line-height:1.35;margin-top:.3rem}.intro-heading,.section-hero{max-width:820px;padding:5rem 0 2.2rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-bright);font-size:.76rem;font-weight:800}.intro-heading h1,.section-hero h1{font-size:clamp(2.4rem,7vw,5.8rem);line-height:.92;margin:.5rem 0 1.2rem;text-transform:uppercase;letter-spacing:-.045em}.intro-heading>p:last-child,.section-hero>p:last-child{max-width:690px;color:#d1d0c6;font-size:1.15rem}.document-stack{display:grid;gap:1.4rem;padding-bottom:5rem}.document-page{position:relative;background:rgba(245,242,232,.97);color:var(--ink);padding:clamp(1.4rem,5vw,4.5rem);border-radius:.5rem;box-shadow:0 18px 60px rgba(0,0,0,.33);overflow:hidden}.document-page:before{content:"";position:absolute;inset:0 auto 0 0;width:.35rem;background:var(--accent)}.document-page h2{font-size:clamp(1.25rem,3vw,2rem);line-height:1.15;margin:0 0 1.5rem;text-transform:uppercase}.document-text{white-space:pre-line;font-family:Georgia,'Times New Roman',serif;font-size:clamp(.98rem,1.3vw,1.08rem);line-height:1.72}.page-number{position:absolute;right:1.2rem;bottom:.8rem;font-weight:900;color:rgba(20,21,15,.22);font-size:2rem}.section-hero{position:relative;min-height:55vh;display:flex;flex-direction:column;justify-content:flex-end}.back-link{color:#ddd;text-decoration:none;margin-bottom:auto}.section-code{position:absolute;right:0;top:14%;font-size:clamp(5rem,18vw,14rem);font-weight:900;line-height:1;color:rgba(183,190,13,.12);letter-spacing:-.08em}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;padding:1rem 0 5rem}footer{padding:2rem max(1.2rem,calc((100vw - 1180px)/2));background:#080806;border-top:1px solid var(--line);color:#aaa;font-size:.82rem;display:flex;justify-content:space-between;gap:1rem}footer p{margin:0}footer strong{color:var(--accent-bright)}
@media(max-width:800px){.site-header{align-items:flex-start;flex-direction:column;gap:.5rem}.site-header nav{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:.2rem}.site-header nav a{white-space:nowrap}.topic-grid,.bottom-nav{grid-template-columns:repeat(2,1fr)}.intro-heading,.section-hero{padding-top:3rem}.document-page{border-radius:.3rem}footer{flex-direction:column}}
@media(max-width:480px){main{width:min(100% - 1rem,1180px)}.cover{padding-top:.5rem}.topic-grid,.bottom-nav{grid-template-columns:1fr}.topic-grid{margin-bottom:2rem}.document-page{padding:1.35rem 1.15rem 3.2rem}.document-text{font-size:.93rem;line-height:1.65}.section-hero{min-height:42vh}.intro-heading h1,.section-hero h1{font-size:2.5rem}.site-header{padding:.7rem}.cover-hint{padding:0 .5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.topic-card{transition:none}}
.home main{width:100%;max-width:none}.home .cover{padding:0 0 1rem}.home .cover-frame{width:100%;max-width:none;border-width:0 0 1px}.home .hotspot{top:44%;width:14%;height:18%}.home .hotspot-1{left:3%}.home .hotspot-2{left:17%}.home .hotspot-3{left:31%}.home .hotspot-4{left:45%}.home .topic-grid,.home .intro-heading,.home .document-stack{width:min(1180px,calc(100% - 2rem));margin-left:auto;margin-right:auto}
.document-stack{gap:2rem}.editorial-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);min-height:520px;background:rgba(245,242,232,.97);color:var(--ink);border-radius:.65rem;box-shadow:0 18px 60px rgba(0,0,0,.33);overflow:hidden}.editorial-copy{position:relative;padding:clamp(1.5rem,4vw,4rem)}.editorial-copy:before{content:"";position:absolute;inset:0 auto 0 0;width:.35rem;background:var(--accent)}.editorial-copy h2{font-size:clamp(1.3rem,2.5vw,2.15rem);line-height:1.1;margin:.4rem 0 1.5rem;text-transform:uppercase}.section-number{font-size:.76rem;letter-spacing:.18em;font-weight:900;color:#777b11}.editorial-visual{margin:0;min-height:100%;background:#171811}.editorial-visual img{width:100%;height:100%;display:block;object-fit:cover}.editorial-section:nth-child(even) .editorial-visual{order:-1}.editorial-section:nth-child(even) .editorial-copy:before{inset:0 0 0 auto}
@media(max-width:800px){.editorial-section{grid-template-columns:1fr;min-height:0}.editorial-visual{min-height:280px;max-height:460px}.editorial-section:nth-child(even) .editorial-visual{order:initial}.editorial-copy:before,.editorial-section:nth-child(even) .editorial-copy:before{inset:0 auto 0 0}}
.editorial-section{aspect-ratio:16/9;min-height:0}.editorial-copy{padding:clamp(1.5rem,3vw,3rem);overflow:hidden}.editorial-copy h2{font-size:clamp(1.15rem,2vw,1.8rem);margin-bottom:1rem}.editorial-visual.visual-shift-0 img{object-position:center 30%}.editorial-visual.visual-shift-1 img{object-position:center center}.editorial-visual.visual-shift-2 img{object-position:center 70%}
.editorial-copy .document-text{white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:pretty;line-height:1.62}
@media(max-width:980px){.editorial-section{grid-template-columns:1fr;aspect-ratio:auto}.editorial-visual{min-height:300px;max-height:480px}.editorial-section:nth-child(even) .editorial-visual{order:initial}.editorial-copy{overflow:visible}.editorial-copy:before,.editorial-section:nth-child(even) .editorial-copy:before{inset:0 auto 0 0}}