@scope (.river-notebook) {
:scope{--paper:#f5efdf;--ink:#332d24;--muted:#716858;--line:#d8cebb;--red:#a5412c;--green:#465d4e;--soft:#ece5d5;font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}:scope{margin:0;background:radial-gradient(ellipse at 10% 20%,#fff8e970,transparent 70%),var(--paper)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:1px solid var(--line);background:transparent}button:hover{background:#e9dfcb}button:disabled{opacity:.4;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,#viewport:focus-visible{outline:3px solid var(--green);outline-offset:4px}.masthead{display:flex;justify-content:space-between;align-items:center;padding:22px 4%;border-bottom:1px solid var(--line);gap:20px}.brand{text-decoration:none;font-size:21px;letter-spacing:4px}.brand span{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:3px;margin-top:7px}.header-right{display:flex;align-items:center;gap:24px}.demo,.eyebrow{font-family:Arial,sans-serif;font-size:10px;letter-spacing:2px;text-transform:uppercase}.demo{border:1px solid var(--line);padding:8px 12px;border-radius:20px}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:5px;padding:9px 0;font-size:14px}.text-button:hover{background:transparent;color:var(--red)}main{max-width:1600px;margin:auto;padding:0 4%}.intro{display:flex;align-items:center;justify-content:space-between;padding:29px 0 25px;gap:20px}.eyebrow{color:var(--muted);margin:0 0 10px}h1,h2,p{margin-top:0}h1{font-size:clamp(27px,3vw,44px);font-weight:normal;letter-spacing:-1px;margin-bottom:0}.intro>p{font-size:16px;color:var(--muted);line-height:1.5;margin:0}.map-section{border:1px solid var(--line);box-shadow:0 6px 25px #5e43220a}.map-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:8px;border-bottom:1px solid var(--line);font-family:Arial,sans-serif;font-size:12px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--red);margin-right:6px}.map-actions{display:flex;align-items:center;gap:7px}.map-actions button{min-width:36px;height:34px;border-radius:4px;font-size:20px}.map-actions #reset-map{font-size:12px;padding:0 12px;margin-left:5px}#zoom-level{font-size:11px;min-width:40px;text-align:center}#viewport{position:relative;width:100%;height:clamp(330px,51vw,730px);overflow:hidden;touch-action:none;cursor:grab;background:#f3ecd9}#viewport.dragging{cursor:grabbing}#world{position:absolute;width:1536px;height:770px;transform-origin:0 0;overflow:hidden;will-change:transform}#world>img{width:1536px;height:1024px;position:absolute;inset:0;user-select:none;pointer-events:none}.pin{position:absolute;width:58px;height:64px;transform:translate(-50%,-45%);border:0;border-radius:50%;background:transparent;padding:0;display:grid;place-items:center}.pin:hover,.pin:focus-visible,.pin.active{background:#fff8e94d;outline:3px solid #f9f2df;outline-offset:2px;box-shadow:0 0 0 5px var(--red)}.pin .pin-label{position:absolute;background:var(--ink);color:#fff9e8;white-space:nowrap;padding:9px 12px;border-radius:3px;bottom:72px;font-size:20px;pointer-events:none;opacity:0}.pin:hover .pin-label,.pin:focus-visible .pin-label{opacity:1}.map-caption{display:flex;justify-content:space-between;gap:12px;padding:11px 16px;border-top:1px solid var(--line);font-family:Arial,sans-serif;font-size:10px;color:var(--muted)}.explore{padding:48px 0 30px;scroll-margin-top:20px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font-size:31px;font-weight:normal;letter-spacing:-.5px;margin-bottom:20px}.search{display:flex;align-items:center;gap:9px;border-bottom:1px solid #a99c86;padding:8px 4px;width:340px}.search>span{font-size:28px;color:var(--muted)}.search input{width:100%;border:0;background:transparent;font:13px Arial,sans-serif;color:var(--ink);padding:8px 0}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 15px}.filters button{border-radius:30px;padding:10px 17px;font:12px Arial,sans-serif;min-height:40px}.filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff9e9}.result-line{display:flex;justify-content:space-between;align-items:center;min-height:38px;color:var(--muted);font:12px Arial,sans-serif;margin-bottom:10px}.places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px}.place{border:0;border-top:1px solid var(--line);text-align:left;display:flex;gap:13px;padding:20px 5px;align-items:flex-start;width:100%;min-height:145px}.place:hover{background:#eee5d3}.number{background:var(--red);color:#fff8e7;border-radius:50%;min-width:29px;height:29px;display:grid;place-items:center;font-size:15px}.place-copy{flex:1}.place-meta{font:10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);display:block;margin:3px 0 8px}.place strong{font-size:20px;font-weight:normal;line-height:1.2;display:block}.place p{font-size:13px;color:var(--muted);line-height:1.5;margin:7px 0 0}.place .arrow{color:var(--red);font-size:20px}.notice{display:flex;gap:18px;border-top:1px solid var(--line);padding:22px 0 28px;align-items:center}.notice-symbol{font-size:42px;color:var(--green)}.notice p{margin:0;color:var(--muted);font:12px/1.7 Arial,sans-serif}.notice strong{color:var(--ink)}footer{border-top:1px solid var(--line);padding:22px 4%;display:flex;justify-content:space-between;gap:15px;font:11px Arial,sans-serif;color:var(--muted)}dialog{border:0;border-left:1px solid var(--line);padding:0;margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:500px;max-width:100%;background:var(--paper);color:var(--ink);box-shadow:-10px 0 60px #332d2430;overflow-y:auto}dialog::backdrop{background:#27251d66;backdrop-filter:blur(2px)}.sheet-top{display:flex;justify-content:space-between;align-items:center;padding:16px 25px;position:sticky;top:0;background:var(--paper);z-index:2;border-bottom:1px solid var(--line)}.sheet-top .eyebrow{margin:0}.close{border:0;border-radius:50%;width:42px;height:42px;font-size:32px;line-height:1}#sheet-art{height:210px;background-image:url('/historias/rio-negro/assets/mapa-sin-puntos.webp');background-repeat:no-repeat;background-color:#eee5d3;border-bottom:1px solid var(--line)}#sheet-art.story{height:auto;aspect-ratio:1120/1400;background-image:url('/historias/rio-negro/assets/vapor.webp');background-size:cover;background-position:center}.sheet-body{padding:25px 30px 35px}#sheet-tags{font:11px Arial,sans-serif;color:var(--green);margin-bottom:13px;line-height:1.7}#sheet-title{font-size:35px;line-height:1.12;margin-bottom:20px}.summary{font-size:20px;line-height:1.4}#sheet-text{font-size:16px;line-height:1.8}#sheet-text p{margin-bottom:20px}.source-note{border-left:2px solid var(--line);padding:3px 0 3px 14px;font:11px/1.7 Arial,sans-serif;color:var(--muted);margin:24px 0}.locate{width:100%;border:1px solid var(--green);color:var(--green);padding:13px 16px;border-radius:3px}.sheet-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:24px;padding-top:20px;gap:10px}.sheet-nav button{border:0;padding:10px 0;font-size:14px}.sheet-nav span{font:11px Arial,sans-serif;color:var(--muted)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-100px;z-index:10;background:var(--paper);padding:12px}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:900px){.places{grid-template-columns:repeat(2,minmax(0,1fr))}.header-right{gap:12px}.demo{display:none}.intro>p{font-size:14px}.map-caption{font-size:9px}}@media(max-width:600px){.masthead{padding:17px 5%}.brand{font-size:16px;letter-spacing:2px}.brand span{font-size:8px;letter-spacing:2px}.header-right .text-button{max-width:135px;text-align:right;font-size:12px}.intro{display:block;padding:25px 0 20px}.intro>p{margin-top:12px}main{padding:0 4%}.map-toolbar{flex-wrap:wrap;padding:10px;gap:10px}.map-toolbar>span{font-size:11px}.map-actions{width:100%;justify-content:flex-end}#viewport{height:360px}.map-caption{flex-direction:column;gap:5px}.section-top{display:block}.search{width:100%;margin-bottom:20px}.explore{padding-top:30px}.places{grid-template-columns:1fr}.place{min-height:auto;padding:18px 4px}.place p{font-size:14px}.filters{gap:6px}.filters button{font-size:11px;padding:9px 12px}.section-top h2{font-size:28px}.notice{align-items:flex-start}footer{flex-direction:column;line-height:1.5}.sheet-body{padding:23px}#sheet-title{font-size:31px}}@media(prefers-reduced-motion:no-preference){dialog[open]{animation:slide-in .22s ease-out}@keyframes slide-in{from{transform:translateX(50px);opacity:.5}to{transform:translateX(0);opacity:1}}}
@media(max-width:600px){#viewport{height:clamp(210px,60vw,300px)}.map-actions button{min-width:44px;height:40px}}

/* Láminas completas: cada ficha tiene una escena propia del cuaderno. */
#sheet{width:640px}#sheet-art,#sheet-art.story{margin:0;height:auto;aspect-ratio:auto;background:none;border:0}
.art-expand{display:block;position:relative;width:100%;padding:0;border:0;background:#f5efdf;cursor:zoom-in;line-height:0}
.art-expand:hover{background:#f5efdf}.art-expand img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#sheet-art.story .art-expand img{aspect-ratio:1120/1400}
.art-expand-hint{position:absolute;right:14px;bottom:14px;font:11px/1.3 Arial,sans-serif;color:var(--ink);background:#faf4e8ee;padding:9px 12px;border:1px solid #b5a78b80;border-radius:3px;box-shadow:0 2px 6px #332d240c}
#sheet-art figcaption{display:flex;flex-direction:column;gap:7px;padding:15px 30px 17px;border-bottom:1px solid var(--line);font:11px/1.5 Arial,sans-serif;color:var(--muted)}
.art-caption-kicker{font-size:9px;letter-spacing:2px;color:var(--green)}
#art-viewer{width:min(1200px,94vw);max-width:94vw;max-height:94dvh;height:auto;margin:auto;padding:0 16px 12px;border:1px solid var(--line);box-shadow:0 10px 70px #221b1760;border-radius:3px;overflow-y:auto}
#art-viewer::backdrop{background:#211d17d9;backdrop-filter:blur(4px)}
.art-viewer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0}
#art-viewer-title{font-size:19px;line-height:1.3;margin:0}#art-viewer-image{display:block;width:100%;height:auto;max-height:74dvh;object-fit:contain}
#art-viewer>p{font:11px/1.5 Arial,sans-serif;color:var(--muted);margin:12px 0 0}
@media(max-width:600px){#sheet{width:100%}#sheet-art figcaption{padding:13px 23px}.art-expand-hint{right:10px;bottom:10px;font-size:10px}#art-viewer{max-width:96vw;width:96vw;padding:0 10px 12px}#art-viewer-title{font-size:16px}#art-viewer-image{max-height:70dvh}}
#art-viewer{height:fit-content}.close{flex-shrink:0}
/* Revision: visible markers and independent geographic views. */
.map-modes{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}.map-modes button{font:12px Arial,sans-serif;padding:11px 16px;border-radius:3px}.map-modes button[aria-pressed=true]{background:var(--green);color:#fff8e9;border-color:var(--green)}
#leaders{position:absolute;inset:0;pointer-events:none;overflow:visible}#leaders line{stroke:#804d35;stroke-width:1.8}#leaders circle{fill:#a5412c;stroke:#fff5df;stroke-width:1.5}
.pin{width:43px;height:43px;transform:translate(-50%,-50%);background:#a5412c;color:#fff8e7;border:2px solid #fff5df;box-shadow:0 2px 5px #40302445;font:23px Georgia,serif;z-index:1}.pin:hover,.pin:focus-visible,.pin.active{background:#773b2c;z-index:3}.pin .pin-label{bottom:51px;font:17px/1.3 Arial,sans-serif;max-width:360px;white-space:normal;min-width:180px;box-shadow:none}.pin.approximate{border-style:dashed}.pin.approximate::after{content:'≈';position:absolute;bottom:-13px;right:-9px;background:#fbf1df;color:#5b3f25;border:1px solid #aa936c;font:16px Georgia,serif;border-radius:50%;width:19px;height:19px;line-height:17px}
#satellite{height:clamp(420px,51vw,730px);width:100%;background:#cec7b5;z-index:0}.map-provenance{font:11px/1.7 Arial,sans-serif;color:var(--muted);padding:10px 16px;border-top:1px solid var(--line)}.map-provenance a{text-underline-offset:2px}.satellite-hint{position:absolute;top:12px;left:12px;right:12px;z-index:500;width:fit-content;max-width:calc(100% - 24px);pointer-events:none;background:#faf5e9ed;border:1px solid var(--line);border-radius:3px;padding:8px 11px;font:11px/1.4 Arial,sans-serif;color:var(--ink)}
.geo-pin,.geo-cluster{display:grid;place-items:center;background:#a5412c;color:#fff6df;border:2px solid #fff4d9;border-radius:50%;box-shadow:0 2px 5px #0007;font:16px Georgia,serif;text-align:center}.geo-cluster{background:#375748;border:3px solid #f3e9c9;font:bold 17px Arial,sans-serif}.geo-pin.approximate{border-style:dashed;background:#80552e}.geo-pin.approximate::after{content:'≈';position:absolute;right:-5px;bottom:-8px;background:#fff4d9;color:#80552e;border-radius:50%;font-size:16px;width:16px}.geo-popup{font:13px/1.5 Arial,sans-serif}.geo-popup p{margin:5px 0 0}.leaflet-container a{color:#375748}.leaflet-control-attribution{max-width:90%;font-size:9px!important}
.geography-note{background:#e8e3d3;border:1px solid #d4c8af;padding:18px;margin:20px 0}.geography-note h3{font:12px Arial,sans-serif;letter-spacing:.5px;color:var(--green);margin:0 0 10px}.geography-note p{font:13px/1.6 Arial,sans-serif;margin:0 0 10px}.location-row{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding-top:12px}.location-link{font:12px/1.5 Arial,sans-serif;border:1px solid #9d9d80;padding:9px 11px;text-align:left;background:#f5efdf}.location-source{font:10px Arial,sans-serif;color:var(--muted)}
@media(max-width:600px){.map-modes{padding:10px;gap:5px}.map-modes button{font-size:11px;padding:10px 9px}#satellite{height:430px}.satellite-hint{font-size:10px}.geography-note{padding:15px}}

.notebook-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0 0;font:13px Arial,sans-serif}.notebook-breadcrumb a{text-underline-offset:4px}.notebook-credit{font:12px/1.7 Arial,sans-serif;color:var(--muted);padding:0 0 24px}

}