:root{--blue:#073d5b;--deep:#062e43;--green:#35683a;--lime:#88a94b;--ink:#203839;--paper:#f7f5ef;--mist:#e9eee9;--white:#fff;--amber:#d99a48;--shadow:0 14px 38px rgba(8,45,49,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font:16px/1.68 "Segoe UI",Arial,sans-serif}.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;top:-5rem;left:1rem;background:#fff;color:#000;padding:.6rem 1rem;z-index:20}.skip-link:focus{top:1rem}
.section-hero{min-height:440px;position:relative;color:#fff;background:linear-gradient(180deg,rgba(3,45,64,.2),rgba(2,38,49,.7)),url("../imgs/panoramica_geografia.jpg") center 46%/cover no-repeat}.topbar{display:flex;align-items:center;justify-content:space-between;padding-block:25px}.brand{color:#fff;text-decoration:none;display:flex;flex-direction:column;line-height:1;letter-spacing:.08em}.brand strong{font:1.45rem Georgia,serif}.brand small{font-size:.7rem;letter-spacing:.35em;margin-top:.25rem}.top-links{display:flex;gap:2rem}.top-links a{color:#fff;text-decoration:none;border-bottom:1px solid transparent}.top-links a:hover,.top-links a:focus-visible{border-color:#b4d36b}.hero-copy{padding-top:78px;text-shadow:0 2px 18px rgba(0,23,31,.55)}.hero-copy p{margin:0;text-transform:uppercase;letter-spacing:.19em;font-size:.72rem;font-weight:700;color:#d5ed9a}.hero-copy h1{font:clamp(3rem,7vw,6rem)/1 Georgia,serif;margin:.12em 0}.hero-copy span{font:clamp(1.05rem,2vw,1.45rem) Georgia,serif}.photo-credit{position:absolute;right:24px;bottom:12px;margin:0;font-size:.7rem;color:rgba(255,255,255,.8)}
.contents{background:#fff;margin-top:-48px;position:relative;z-index:2;border-radius:8px;box-shadow:var(--shadow);padding:22px 26px}.contents>p{margin:0 0 10px;text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:800;color:var(--green)}.contents ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.contents a{height:100%;display:flex;gap:.6rem;align-items:flex-start;color:var(--ink);text-decoration:none;padding:.75rem;border-radius:5px;transition:background .2s ease,color .2s ease}.contents a:hover,.contents a:focus-visible{background:#edf3e8;color:#204f32}.contents b{font:1.2rem Georgia,serif;color:var(--lime)}.contents span{font-size:.8rem;line-height:1.25}
.chapter{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:64px;align-items:start;padding-block:82px;border-bottom:1px solid #d7ded7;scroll-margin-top:24px}.chapter.reverse{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr)}.chapter.reverse .copy{order:2}.number{margin:0;color:var(--lime);font:1.1rem Georgia,serif}.copy h2{font:clamp(2rem,3.7vw,3.1rem)/1.13 Georgia,serif;color:#235744;margin:.15em 0 .75em}.copy h2::after{content:"";display:block;width:62px;height:2px;background:var(--green);margin-top:.45em}.copy p{text-align:justify}
.visual{position:sticky;top:24px;margin:8px 0 0}.expand{position:relative;border:0;padding:0;background:#082e36;width:100%;display:block;cursor:zoom-in;border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}.expand>img{width:100%;height:430px;display:block;object-fit:cover;transition:transform .35s ease,opacity .35s ease}.expand:hover>img{transform:scale(1.025);opacity:.88}.expand-label,.gallery-badge{position:absolute;background:rgba(5,45,62,.9);color:#fff;border-radius:999px;padding:.45rem .8rem;font-size:.72rem;font-weight:700}.expand-label{right:12px;bottom:12px}.gallery-badge{left:12px;top:12px}.antioquia-box{position:absolute;left:23.9%;top:14%;width:29.2%;height:29.5%;border:3px solid var(--amber);background:rgba(217,154,72,.07);box-shadow:0 0 0 1px rgba(0,0,0,.28);pointer-events:none}.antioquia-box i{position:absolute;left:-3px;top:-27px;background:#143c42;color:#fff;padding:2px 7px;font:700 .7rem/1.5 "Segoe UI",sans-serif;font-style:normal;letter-spacing:.03em}.map-legend{position:absolute;left:12px;bottom:12px;display:grid;grid-template-columns:13px auto;align-items:center;gap:.2rem .45rem;background:rgba(5,35,42,.88);color:#fff;border-radius:6px;padding:.5rem .65rem;font:700 .66rem/1.25 "Segoe UI",sans-serif;text-align:left;pointer-events:none}.map-legend i{display:block;width:13px;height:13px;border-radius:3px}.legend-quimbaya{background:rgba(148,41,52,.9)}.legend-canon{background:rgba(238,146,36,.96)}.visual figcaption{display:grid;gap:.55rem;font-size:.78rem;color:#536763;margin-top:.8rem}.figure-description{color:#304b47;font:italic .9rem/1.5 Georgia,serif}.figure-meta{display:block;border-left:2px solid #b9c6bd;padding-left:.7rem;line-height:1.55}
.cite{position:relative;display:inline-block;margin-left:.06em;line-height:0}.cite>a{color:#1e6a81;text-decoration:none;font-size:.72em;font-weight:800}.cite>a::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);width:min(320px,78vw);padding:.7rem .8rem;background:#062e43;color:#fff;border-radius:6px;box-shadow:0 10px 32px rgba(0,0,0,.25);font:400 .72rem/1.4 "Segoe UI",sans-serif;text-align:left;opacity:0;visibility:hidden;pointer-events:none;z-index:30;transition:opacity .16s ease}.cite>a:hover::after,.cite>a:focus-visible::after{opacity:1;visibility:visible}.references{padding-block:80px}.references .eyebrow{margin:0;color:var(--green);text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:800}.references h2{font:clamp(2rem,4vw,3.2rem)/1.1 Georgia,serif;color:#235744;margin:.15em 0 .8em}.references ol{padding-left:1.55rem;max-width:980px}.references li{padding:.45rem .3rem;scroll-margin-top:2rem}.references li:target{background:#e6efd9;border-radius:4px}.references a{color:#12607a;text-underline-offset:2px}.method-note{max-width:980px;margin-top:2rem;padding:1rem 1.2rem;background:#eaf0e7;border-left:3px solid var(--green);font-size:.9rem}
footer{background:linear-gradient(120deg,var(--deep),#07506f);color:#fff;margin-top:24px}.footer-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between}.footer-inner a{color:#dbeaa0}.footer-inner nav{display:flex;gap:2rem}
.lightbox{width:min(1100px,94vw);height:min(90vh,920px);border:0;padding:0;background:#061f28;color:#fff;border-radius:8px;box-shadow:0 30px 90px rgba(0,0,0,.55);overflow:hidden}.lightbox::backdrop{background:rgba(2,20,26,.88)}.lightbox-media{position:relative;width:100%;height:calc(100% - 54px)}.lightbox-media img{width:100%;height:100%;display:block;object-fit:contain}.dialog-overlay.antioquia-box{display:block}.dialog-overlay:not(.antioquia-box):not(.dual-legend){display:none}.dialog-overlay.dual-legend{position:absolute;left:16px;bottom:16px;display:grid;grid-template-columns:13px auto;align-items:center;gap:.25rem .5rem;background:rgba(5,35,42,.9);color:#fff;border-radius:6px;padding:.55rem .7rem;font:700 .7rem/1.3 "Segoe UI",sans-serif}.dialog-overlay.dual-legend i{display:block;width:13px;height:13px;border-radius:3px}.lightbox-footer{height:54px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:7px 16px}.lightbox-footer p{margin:0;font-size:.8rem}.gallery-count{font-size:.75rem;color:#bdd3cf;white-space:nowrap}.close{position:absolute;right:12px;top:10px;width:38px;height:38px;border:1px solid rgba(255,255,255,.5);background:rgba(0,20,28,.8);color:#fff;border-radius:50%;font-size:1.6rem;line-height:1;cursor:pointer;z-index:4}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:62px;border:1px solid rgba(255,255,255,.35);background:rgba(0,20,28,.72);color:#fff;font-size:2rem;line-height:1;border-radius:6px;cursor:pointer;z-index:3}.gallery-nav.previous{left:12px}.gallery-nav.next{right:12px}.gallery-nav[hidden]{display:none}
@media(max-width:900px){.contents ol{grid-template-columns:repeat(2,1fr)}.chapter,.chapter.reverse{grid-template-columns:1fr;gap:28px;padding-block:60px}.chapter.reverse .copy{order:0}.visual{position:static}.expand>img{height:min(62vw,540px)}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1160px)}.section-hero{min-height:390px}.top-links{gap:.8rem;font-size:.8rem}.hero-copy{padding-top:68px}.contents{margin-top:-32px;padding:16px}.contents ol{grid-template-columns:1fr}.copy p{text-align:left}.footer-inner{padding-block:30px;display:grid;gap:20px}.footer-inner nav{gap:1rem;flex-wrap:wrap}.photo-credit{right:14px}.antioquia-box{border-width:2px}.lightbox{height:86vh}.gallery-nav{height:50px;width:38px}.figure-meta{font-size:.73rem}}
/* Capas cartográficas editables: se alinean con el área realmente visible de cada imagen. */
.visual-map .expand>img{height:auto;max-height:520px;object-fit:contain;background:#102f31}
.visual-map-portrait .expand>img{background:#d6d2b9}
.expand[data-overlay]:hover>img{transform:none;opacity:.92}
.antioquia-box{left:21.9%;top:22%;width:24.8%;height:21.5%;border-color:#111;background:rgba(255,255,255,.025);box-shadow:0 0 0 1px rgba(255,255,255,.45)}
.map-overlay-html{position:absolute;pointer-events:none;overflow:hidden}
.location-box{position:absolute;display:block;background:rgba(255,255,255,.015);border:3px solid #171b18;box-shadow:0 0 0 1px rgba(255,255,255,.55)}.location-box b{position:absolute;left:-3px;top:-1.8em;padding:.22em .55em;background:#153c43;color:#fff;border-radius:3px 3px 0 0;font:800 clamp(.34rem,.65vw,.6rem)/1.25 "Segoe UI",sans-serif;font-style:normal;white-space:nowrap;text-shadow:0 1px 2px #000}.antioquia-location{left:21.9%;top:22%;width:24.8%;height:21.5%}.aburra-location{left:29.6%;top:31.5%;width:5.1%;height:7%;border-color:#d99a48}.aburra-location b{left:100%;top:50%;transform:translate(.35em,-50%);background:#9b631e}
.compass-rose{position:absolute;right:2.7%;top:2.6%;width:clamp(42px,8.5%,76px);aspect-ratio:1;border:1px solid rgba(240,215,150,.9);border-radius:50%;background:radial-gradient(circle,#f3e6b4 0 16%,rgba(8,47,55,.92) 17% 47%,rgba(224,190,111,.95) 49% 52%,rgba(7,39,48,.88) 54% 72%,rgba(238,215,153,.95) 74% 77%,rgba(7,39,48,.7) 79%);box-shadow:0 3px 11px rgba(0,0,0,.46),inset 0 0 0 2px rgba(255,255,255,.12);color:#f6e8b7;font:700 clamp(.33rem,.72vw,.68rem)/1 Georgia,serif;text-shadow:0 1px 2px #000;z-index:5}.compass-rose::before,.compass-rose::after{content:"";position:absolute;left:50%;top:50%;width:18%;height:66%;background:linear-gradient(to bottom,#f4df9c 0 48%,#235a5a 49% 100%);clip-path:polygon(50% 0,100% 48%,60% 46%,50% 100%,40% 46%,0 48%);transform:translate(-50%,-50%);filter:drop-shadow(0 1px 1px #000)}.compass-rose::after{transform:translate(-50%,-50%) rotate(90deg);height:52%;opacity:.8}.compass-rose>b{position:absolute;left:50%;top:-.78em;transform:translateX(-50%);font-size:1.12em}.compass-rose>i{position:absolute;left:50%;top:50%;width:7%;height:7%;transform:translate(-50%,-50%) rotate(45deg);background:#e0b857;box-shadow:0 0 0 1px #17383b;z-index:3}.compass-rose>strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;color:#173f43;font:800 clamp(.27rem,.6vw,.54rem)/1 "Segoe UI",sans-serif;text-shadow:none}.compass-rose>em{position:absolute;font-style:normal}.compass-rose .east{right:-.9em;top:50%;transform:translateY(-50%)}.compass-rose .south{left:50%;bottom:-.85em;transform:translateX(-50%)}.compass-rose .west{left:-.95em;top:50%;transform:translateY(-50%)}.compass-low{top:auto;bottom:4%;right:3%}
.place,.region-label,.site-label,.canyon-label,.municipality-label{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);color:#fff;font:600 clamp(.34rem,.66vw,.62rem)/1.05 "Segoe UI",sans-serif;font-style:normal;white-space:nowrap;text-shadow:-1px -1px 1px #07100d,1px -1px 1px #07100d,-1px 1px 1px #07100d,1px 1px 1px #07100d,0 0 5px #000}
.place-major{font-size:clamp(.52rem,1vw,.88rem);font-weight:800}
.quimbaya-canon-layer .zone{position:absolute;display:block;filter:saturate(.95)}
.interest-box{position:absolute;display:block;background:transparent;border:3px solid;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.18)}.interest-box b{position:absolute;left:-3px;top:-1.8em;padding:.25em .55em;color:#fff;border-radius:3px 3px 0 0;font:800 clamp(.35rem,.65vw,.6rem)/1.25 "Segoe UI",sans-serif;font-style:normal;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.8)}.quimbaya-box{left:37%;top:38%;width:27%;height:33%;border-color:#d7565c}.quimbaya-box b{background:#a92f3c}.canyon-box{left:43%;top:13%;width:20%;height:36%;border-color:#f0a12f}.canyon-box b{background:#b66a13}
.region-label{font-size:clamp(.45rem,.9vw,.8rem);font-weight:800}
.site-label,.canyon-label{font-size:clamp(.34rem,.67vw,.6rem);font-weight:700}.canyon-label{color:#fff0c2}.municipality-label{font-size:clamp(.31rem,.58vw,.54rem);font-weight:650}.municipality-label::before{content:"";display:inline-block;width:.38em;height:.38em;margin-right:.25em;border-radius:50%;background:#f5f0c7;box-shadow:0 0 0 1px rgba(5,35,42,.9)}.canyon-municipality{color:#fff0c2}.canyon-municipality::before{background:#f0a12f}.municipality-major{font-size:clamp(.38rem,.68vw,.63rem);font-weight:800}
.map-overlay-html .map-legend{left:3%;bottom:3%;font-size:clamp(.4rem,.7vw,.66rem)}
.dialog-overlay{display:none}
.dialog-overlay.antioquia-box,.dialog-overlay.toponym-layer,.dialog-overlay.quimbaya-canon-layer,.dialog-overlay.colombia-locations-layer,.dialog-overlay.routes-layer{display:block!important;position:absolute}
.dialog-overlay .place{font-size:clamp(.52rem,1.15vw,.9rem)}
.dialog-overlay .place-major{font-size:clamp(.78rem,1.7vw,1.3rem)}
.dialog-overlay .region-label{font-size:clamp(.7rem,1.3vw,1rem)}
.dialog-overlay .site-label,.dialog-overlay .canyon-label{font-size:clamp(.52rem,1vw,.78rem)}.dialog-overlay .municipality-label{font-size:clamp(.45rem,.85vw,.7rem)}.dialog-overlay .municipality-major{font-size:clamp(.58rem,1vw,.82rem)}.dialog-overlay .interest-box b{font-size:clamp(.55rem,1vw,.8rem)}
.dialog-overlay .map-legend{font-size:.72rem}
.dialog-overlay .location-box b{font-size:clamp(.55rem,1vw,.8rem)}
.dialog-overlay .compass-rose{width:clamp(54px,8.5%,88px);font-size:.72rem}
.close{z-index:14}.gallery-nav{z-index:13}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.expand>img,.cite>a::after{transition:none}}

/* Keep citation previews within the reading area, including on narrow screens. */
.cite>a::after{display:none}
.cite>a:hover::after,.cite>a:focus-visible::after{display:block}
@media(max-width:600px){.cite>a::after{position:fixed;left:50%;bottom:1rem;transform:translateX(-50%);width:min(320px,78vw)}}

/* Integración editorial 20-09-2026: foto original, título y lectura de imágenes. */
.contents b{flex:none;white-space:nowrap}
.section-hero{min-height:520px;background-image:linear-gradient(100deg,rgba(9,43,35,.80),rgba(9,43,35,.16)),url("../imgs/panoramica_geografia.jpg");background-position:center,center 46%;padding-bottom:100px}
.hero-copy{padding-top:58px}.hero-copy h1{font:clamp(2.6rem,5.4vw,5rem)/1.06 Georgia,serif;max-width:980px;margin:.28em 0}.hero-copy h1 .proyecto-title-text{font:inherit;letter-spacing:-.025em}.hero-copy .hero-subtitle{display:block;margin-top:22px;font:italic clamp(1rem,1.7vw,1.3rem)/1.5 Georgia,serif;color:#f2eedc}.photo-credit{bottom:65px}.map-action{position:static;display:block;border-radius:0}.map-fullscreen{display:inline-block;font-size:.8rem;color:#235744;margin-top:.55rem}.figure-sources summary{cursor:pointer;font-weight:600;color:#35683a}.figure-sources .figure-meta{margin-top:.6rem;font-style:normal;overflow-wrap:anywhere}.landscape-gallery .expand>img{object-fit:contain;background:#e9eee9}.lightbox-footer{height:auto;min-height:70px}.lightbox-media{height:calc(100% - 70px)}
@media(max-width:600px){.section-hero{min-height:475px;padding-bottom:100px}.topbar{align-items:flex-start;gap:18px}.section-hero .top-links{flex-wrap:wrap;justify-content:flex-start;gap:.6rem .9rem;max-width:none;width:100%}.hero-copy{padding-top:42px}.hero-copy h1{font-size:clamp(2.1rem,8.3vw,3rem)}.hero-copy .hero-subtitle{max-width:29ch}.photo-credit{bottom:50px;font-size:.65rem}.lightbox-media{height:calc(100% - 92px)}.lightbox-footer{min-height:92px}.lightbox-footer p{font-size:.73rem;line-height:1.4}.visual-map .expand>img{max-height:620px}}