/* El papel, las marcas y el texto ya están en su posición final sin JavaScript. */
.masthead-tools { display:flex; align-items:center; gap:clamp(7px,1.2vw,18px); }
.motion-switch { display:inline-flex; align-items:center; justify-content:center; min-height:44px; gap:7px; padding:0 8px; background:transparent; border:0; border-radius:2px; color:var(--ink); cursor:pointer; font:550 12px var(--sans); }
.motion-switch[hidden] { display:none; }
.motion-switch svg { width:20px; height:17px; }
.motion-switch[aria-pressed="false"] svg path { stroke-dasharray:2 2; }
.motion-switch:disabled { cursor:default; color:var(--soft); }
.route-head { position:relative; isolation:isolate; }
.shore-lines { width:clamp(100px,19vw,340px); height:auto; flex:0 1 auto; color:#99b09a; opacity:.7; align-self:center; }
.route-mark { width:clamp(70px,8vw,105px); height:45px; flex:none; overflow:visible; }
.route-mark g, .route-mark ellipse, .route-mark circle, .ink-sheet { transform-box:fill-box; transform-origin:center; }
.ink-thread, .shore-cut { stroke-dasharray:1; stroke-dashoffset:0; }
.content-section .section-number::after { content:"";display:block;width:37px;height:3px;margin-top:10px;background:linear-gradient(to right,#be5438 0 23%,transparent 23% 32%,#476058 32% 100%);transform-origin:left; }
@media (min-width:990px) { .content-section .section-number { position:sticky; top:24px; align-self:start; } }
@media (max-width:920px) { .motion-switch span { position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap; }.motion-switch{width:40px} }
@media (max-width:670px) { .masthead-tools{grid-column:2;grid-row:1;gap:5px}.motion-switch{width:42px}.shore-lines{display:none}.route-mark{height:35px;width:80px}.content-section .section-number::after{display:inline-block;vertical-align:middle;margin:0 0 0 11px} }
@media (prefers-reduced-motion:no-preference) {
 html[data-motion="on"] .route-desk.ink-arrival .shore-cut { animation:ink-draw 1.35s cubic-bezier(.18,.72,.23,1) backwards; animation-delay:calc(var(--cut) * 44ms); }
 html[data-motion="on"] .pathway.ink-arrival .ink-echo, html[data-motion="on"] .pathway:is(:hover,:focus-within) .ink-echo { animation:ink-echo .8s ease-out; }
 html[data-motion="on"] .pathway.ink-arrival .sheet-top { animation:ink-fold .78s cubic-bezier(.2,.8,.3,1); }
 html[data-motion="on"] .pathway.ink-arrival .sheet-mid { animation:ink-fold-mid .85s cubic-bezier(.2,.8,.3,1); }
 html[data-motion="on"] .pathway.ink-arrival .ink-thread { animation:ink-draw .95s cubic-bezier(.2,.75,.3,1) both; }
 html[data-motion="on"] .pathway.ink-arrival .ink-last { animation:ink-stamp .4s .62s backwards; }
 html[data-motion="on"] .pathway:focus-within .route-mark, html[data-motion="on"] .pathway:hover .route-mark { transform:translateX(-3px); }
 html[data-motion="on"] .pathway .route-mark { transition:transform .3s ease-out; }
}
@keyframes ink-draw { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes ink-fold { from { transform:translate(-5px,7px) rotate(-7deg); } to { transform:none; } }
@keyframes ink-fold-mid { from { transform:translate(3px,5px) rotate(4deg); } to { transform:none; } }
@keyframes ink-echo { from { transform:scale(.67,.72);opacity:.6; } to { transform:scale(1);opacity:1; } }
@keyframes ink-stamp { from { transform:scale(.7); } 65% { transform:scale(1.16); } to { transform:scale(1); } }
html[data-motion="off"],html[data-motion="off"] * { scroll-behavior:auto!important; }
html[data-motion="off"] *, html[data-motion="off"] *::before, html[data-motion="off"] *::after,html[data-tab-hidden] *,html[data-tab-hidden] *::before,html[data-tab-hidden] *::after { animation:none!important;transition:none!important; }
html[data-motion="off"] .note-card:hover img { transform:none; }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important} .note-card:hover img{transform:none} }
@media print { .masthead-tools,.shore-lines,.tirada-controls,.motion-switch { display:none!important; } }
@media (scripting:enabled){.motion-switch[hidden]{display:inline-flex;visibility:hidden}}

.ink-runner{opacity:0;stroke:#913c27;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:.1 .9}
@media (prefers-reduced-motion:no-preference) {
 html[data-motion="on"] .pathway:is(:focus-within,:hover) .ink-echo ellipse{animation:ink-tide .72s cubic-bezier(.2,.6,.3,1) backwards}
 .ink-echo ellipse:nth-child(1){--ring:105ms}.ink-echo ellipse:nth-child(2){--ring:70ms}.ink-echo ellipse:nth-child(3){--ring:35ms}
 html[data-motion="on"] .pathway:is(:focus-within,:hover) .ink-echo ellipse{animation-delay:var(--ring,0ms)}
 html[data-motion="on"] .pathway:is(:focus-within,:hover) .sheet-top{animation:ink-unfold .65s cubic-bezier(.2,.75,.3,1)}
 html[data-motion="on"] .pathway:is(:focus-within,:hover) .ink-runner{animation:ink-carry .8s ease-in-out}
}
@keyframes ink-tide{0%{transform:scale(.92);opacity:.7}47%{transform:scale(1.07)}100%{transform:none;opacity:1}}
@keyframes ink-unfold{0%,100%{transform:none}48%{transform:translate(-4px,-4px) rotate(-5deg)}}
@keyframes ink-carry{0%{stroke-dashoffset:.12;opacity:0}14%{opacity:1}84%{opacity:1}100%{stroke-dashoffset:-1;opacity:0}}