@font-face{font-family:GuideGrotesk;src:url('/fonts/space-grotesk-variable.woff2') format('woff2');font-display:swap} :root{--guide-sand:#e8dcc7;--guide-oat:#d4b895;--guide-sage:#8b9d83;--guide-moss:#606c38;--guide-clay:#b08b6e;--guide-terracotta:#c66b3d;--guide-ink:#293126;--guide-paper:#f6ecd9;--guides-shell-clearance:max(7rem,calc(6rem + env(safe-area-inset-top)))} body[data-route="guias"]{margin:0;background:var(--guide-sand);color:var(--guide-ink);font-family:GuideGrotesk,system-ui,sans-serif} [data-guides-public]{box-sizing:border-box} [data-guides-public] *,[data-guides-public] *::before,[data-guides-public] *::after{box-sizing:inherit} [data-guides-public] a{color:var(--guide-moss);text-underline-offset:.2em}[data-guides-public] button,[data-guides-public] input{font:inherit} .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;left:1rem;top:-5rem;background:var(--guide-ink);color:var(--guide-sand);padding:.8rem 1rem;border-radius:0 0 18px 18px}.skip-link:focus{top:0} .guides-map-page{position:relative;width:100%;height:100svh;min-height:32rem;overflow:hidden;background:var(--guide-sage)} .guides-map{position:absolute;inset:0;z-index:1}.guides-map-page .leaflet-control-zoom{margin-top:calc(var(--guides-shell-clearance) + 4.75rem)!important}.guides-search{position:absolute;z-index:500;top:var(--guides-shell-clearance);left:50%;width:min(42rem,calc(100% - 2rem));transform:translateX(-50%) rotate(-.7deg)} .guides-map-page .leaflet-bottom.leaflet-right{right:.25rem;bottom:.25rem}.guides-map-page .leaflet-control-attribution{margin:0!important;max-width:min(13.5rem,calc(100vw - 2rem));padding:.14rem .32rem!important;border:1px solid color-mix(in srgb,var(--guide-ink),transparent 48%);border-radius:999px;background:color-mix(in srgb,var(--guide-paper),transparent 24%)!important;box-shadow:2px 2px 0 color-mix(in srgb,#00ffcc,transparent 48%);color:color-mix(in srgb,var(--guide-ink),transparent 24%)!important;font:800 clamp(.42rem,1.1vw,.55rem)/1.1 var(--font-mono,monospace)!important;letter-spacing:.01em;text-align:right}.guides-map-page .leaflet-control-attribution a{color:inherit!important;text-decoration:none}.guides-map-page .leaflet-control-attribution span{color:var(--guide-ink)}.guides-map-page .maplibregl-ctrl-attrib,.guides-map-page .maplibregl-ctrl-logo{display:none!important} .guides-search::before{content:"BUSCAR GUÍA PARA DARLE A LA PATA";position:absolute;z-index:2;left:1.35rem;top:-.78rem;padding:.22rem .55rem;border:2px solid var(--guide-ink);border-radius:999px;background:linear-gradient(135deg,#dfff00 0 70%,#00ffcc 70% 100%);color:var(--guide-ink);box-shadow:3px 3px 0 #ff006e;font-size:.68rem;font-weight:900;letter-spacing:.08em}.guides-search::after{content:"⌕";position:absolute;z-index:2;right:1.05rem;top:2rem;width:2rem;height:2rem;display:grid;place-items:center;border:2px solid var(--guide-ink);border-radius:50%;background:#dfff00;color:var(--guide-ink);box-shadow:3px 3px 0 #00ffcc;transform:translateY(-50%) rotate(8deg);font-size:1.35rem;font-weight:900;pointer-events:none} .guides-search input{width:100%;min-height:4rem;border:3px solid var(--guide-ink);border-radius:18px 28px 18px 28px;padding:1.05rem 4rem .9rem 1.25rem;background:linear-gradient(135deg,#dfff00 0 1rem,color-mix(in srgb,var(--guide-paper),white 9%) 1rem 100%);color:var(--guide-ink);box-shadow:7px 7px 0 #ff006e,-4px -4px 0 #00ffcc,0 16px 36px color-mix(in srgb,var(--guide-ink),transparent 78%);outline:none;font-weight:800;letter-spacing:-.015em}.guides-search input::placeholder{color:color-mix(in srgb,var(--guide-ink),transparent 34%);font-weight:700}.guides-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.guides-search input:focus{border-color:var(--guide-ink);outline:3px solid #00ffcc;outline-offset:4px;box-shadow:7px 7px 0 #ff006e,-4px -4px 0 #00ffcc,0 0 0 7px color-mix(in srgb,#dfff00,transparent 54%),0 16px 36px color-mix(in srgb,var(--guide-ink),transparent 78%)} .guides-search ul{max-height:min(56vh,25rem);overflow:auto;margin:.8rem 0 0;padding:.45rem;list-style:none;border:3px solid var(--guide-ink);border-radius:20px;background:color-mix(in srgb,var(--guide-paper),white 8%);box-shadow:7px 7px 0 #ff006e,-3px -3px 0 #00ffcc,0 16px 42px color-mix(in srgb,var(--guide-ink),transparent 72%)}.guides-search li{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:14px;cursor:pointer;font-weight:800}.guides-search li[aria-selected="true"],.guides-search li:hover{background:linear-gradient(135deg,#dfff00 0 72%,#00ffcc 72% 100%);box-shadow:inset 0 0 0 2px var(--guide-ink)}.guides-search li span{color:color-mix(in srgb,var(--guide-ink),transparent 25%);font-weight:700}.guides-search .guide-flag{font-size:1.25em;line-height:1;margin-right:.1rem} .guides-search.is-filled::after{display:none} .guides-search .guide-search-clear{position:absolute;z-index:3;right:1.05rem;top:2rem;width:2rem;height:2rem;display:grid;place-items:center;border:2px solid var(--guide-ink);border-radius:50%;background:linear-gradient(135deg,#ff006e 0 50%,#dfff00 50% 100%);color:var(--guide-ink);box-shadow:3px 3px 0 #00ffcc;transform:translateY(-50%) rotate(8deg);font-size:1.05rem;font-weight:900;cursor:pointer;animation:guide-clear-pop .45s cubic-bezier(.34,1.56,.64,1)} .guides-search .guide-search-clear:hover,.guides-search .guide-search-clear:focus-visible{background:#ff006e;transform:translateY(-50%) rotate(200deg) scale(1.15)} .guides-search .guide-search-clear:focus-visible{outline:3px solid #00ffcc;outline-offset:3px} .guides-search .guide-search-clear.is-spinning{animation:guide-clear-spin .8s cubic-bezier(.34,1.56,.64,1)} @keyframes guide-clear-pop{from{transform:translateY(-50%) rotate(200deg) scale(0)}to{transform:translateY(-50%) rotate(8deg) scale(1)}} @keyframes guide-clear-spin{0%{transform:translateY(-50%) rotate(8deg) scale(1)}35%{transform:translateY(-50%) rotate(392deg) scale(1.5)}70%{transform:translateY(-50%) rotate(752deg) scale(.92)}100%{transform:translateY(-50%) rotate(728deg) scale(1)}} @media(max-width:760px){.guides-search .guide-search-clear{right:.75rem;top:1.775rem;width:1.75rem;height:1.75rem;font-size:.95rem}} body[data-route="guias"] .guide-reader-tools .guides-search .guide-search-clear{right:.7rem;width:1.65rem;height:1.65rem;font-size:.95rem} body[data-route="guias"] .guide-reader-tools .guides-search .guide-search-clear.is-spinning{animation:guide-clear-spin .8s cubic-bezier(.34,1.56,.64,1)} @media(max-width:760px){body[data-route="guias"] .guide-reader-tools .guides-search .guide-search-clear{right:.48rem;width:1.45rem;height:1.45rem;font-size:.85rem}} .guides-selection{position:absolute;z-index:450;left:1rem;bottom:max(1rem,env(safe-area-inset-bottom));width:min(22rem,calc(100% - 2rem));padding:1rem 1.1rem;border-radius:24px;background:var(--guide-paper);box-shadow:0 18px 48px color-mix(in srgb,var(--guide-ink),transparent 70%)}.guides-selection p{margin:0;color:var(--guide-moss);font-size:.85rem}.guides-selection h2{margin:.15rem 0 .75rem;font-size:clamp(1.35rem,4vw,2rem)}.guides-selection a{display:inline-flex;min-height:44px;align-items:center;padding:.65rem 1rem;border-radius:18px;background:var(--guide-moss);color:var(--guide-paper);text-decoration:none;font-weight:700} .guides-list-fallback{position:relative;z-index:2;margin:6rem auto 2rem;width:min(50rem,calc(100% - 2rem));max-height:calc(100svh - 8rem);overflow:auto;padding:1rem;border-radius:24px;background:var(--guide-paper)}.guides-list-fallback ul{display:grid;gap:.5rem;padding:0;list-style:none}.guides-list-fallback a{display:block;min-height:44px;padding:.7rem;border-radius:14px;background:var(--guide-sand)} .guide-cluster-wrap,.guide-pin-wrap{background:transparent;border:0}.guide-cluster{display:grid;width:50px;height:50px;place-items:center;border:3px solid var(--guide-ink);border-radius:16px;background:#dfff00;color:var(--guide-ink);font-weight:900;box-shadow:5px 5px 0 #ff006e,-3px -3px 0 #00ffcc,0 8px 18px color-mix(in srgb,var(--guide-ink),transparent 58%);transform:rotate(-3deg)}.guide-pin-wrap{filter:drop-shadow(0 9px 13px color-mix(in srgb,var(--guide-ink),transparent 56%))}.guide-pin{position:relative;display:grid;width:54px;height:60px;place-items:center;transform:rotate(-8deg);border:3px solid var(--guide-ink);border-radius:52% 48% 48% 52%/55% 54% 46% 45%;background:linear-gradient(135deg,#dfff00 0 58%,#00ffcc 58% 100%);box-shadow:6px 6px 0 #ff006e,-3px -3px 0 #00ffcc;transition:transform .18s ease,filter .18s ease}.guide-pin::before{content:"";position:absolute;inset:7px 8px 8px;border:2px solid var(--guide-ink);border-radius:inherit;background:color-mix(in srgb,var(--guide-paper),transparent 8%)}.guide-pin::after{content:"";position:absolute;left:50%;bottom:-9px;width:18px;height:18px;border-right:3px solid var(--guide-ink);border-bottom:3px solid var(--guide-ink);background:#dfff00;box-shadow:4px 4px 0 #ff006e;transform:translateX(-50%) rotate(45deg);z-index:-1}.guide-pin-foot{position:relative;z-index:1;width:38px;height:34px;color:#ff006e;overflow:visible;transform:rotate(-13deg) translateY(1px);filter:drop-shadow(1.5px 1.5px 0 var(--guide-ink)) drop-shadow(-1px -1px 0 var(--guide-ink))}.guide-pin-foot path:first-child{fill:currentColor;stroke:var(--guide-ink);stroke-width:1.8;stroke-linejoin:round}.guide-pin-foot path:last-child{fill:none;stroke:#dfff00;stroke-width:2.2;stroke-linecap:round}.leaflet-marker-icon:hover .guide-pin,.leaflet-marker-icon:focus .guide-pin{transform:rotate(-4deg) scale(1.13);filter:saturate(1.12)} .guide-reader,.guide-place,.guide-state{width:min(76rem,100%);margin:0 auto;padding:var(--guides-shell-clearance) clamp(1rem,4vw,4rem) clamp(1rem,4vw,4rem);font-size:clamp(1.08rem,1.2vw,1.25rem);line-height:1.68}.guide-hero{padding:clamp(1.25rem,5vw,4.5rem);border-radius:32px;background:var(--guide-moss);color:var(--guide-paper)}.guide-hero a{color:inherit}.guide-hero>p{margin:.4rem 0}.guide-hero h1{margin:.1em 0;font-size:clamp(2.7rem,9vw,6.7rem);line-height:.92;letter-spacing:-.055em}.guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1.2rem}.guide-actions button,.guide-place-card button{min-height:44px;padding:.65rem .9rem;border:1px solid currentColor;border-radius:18px;background:transparent;color:inherit;cursor:pointer} .guide-pdf-button{position:relative;display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;gap:.38rem;padding:.45rem .7rem!important;border-color:color-mix(in srgb,currentColor,transparent 42%)!important;font-size:.86rem;font-weight:700}.guide-pdf-button:hover,.guide-pdf-button:focus-visible{background:color-mix(in srgb,var(--guide-paper),transparent 84%)}.guide-pdf-button:focus-visible{outline:3px solid var(--guide-paper);outline-offset:2px}.guide-pdf-button:disabled{cursor:wait;opacity:.75}.guide-pdf-icon{font-size:1.15em}.guide-pdf-label>span:last-child{display:none}.guide-pdf-status{flex-basis:100%;min-height:1.2em;font-size:.82rem}.guide-pdf-spinner{width:.9rem;height:.9rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:guide-pdf-spin .8s linear infinite}@keyframes guide-pdf-spin{to{transform:rotate(1turn)}} @media(min-width:560px){.guide-pdf-label>span:first-child{display:none}.guide-pdf-label>span:last-child{display:inline}} .guide-index{position:sticky;z-index:10;top:calc(var(--guides-shell-clearance) + .5rem);margin:1rem 0;padding:.7rem;border:1px solid color-mix(in srgb,var(--guide-moss),transparent 65%);border-radius:22px;background:color-mix(in srgb,var(--guide-sand),transparent 5%);backdrop-filter:blur(12px)}.guide-index>button{display:none}.guide-index ol{display:flex;gap:.4rem;margin:0;padding:0;overflow:auto;list-style:none}.guide-index a{display:flex;gap:.35rem;white-space:nowrap;padding:.55rem .7rem;border-radius:14px;text-decoration:none}.guide-index a:hover,.guide-index a:focus{background:var(--guide-oat)}.guide-index span{font-variant-numeric:tabular-nums;color:var(--guide-terracotta)} .guide-chapter{scroll-margin-top:7rem;margin:clamp(2.5rem,7vw,6rem) 0}.guide-chapter>header{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:1rem;border-bottom:2px solid var(--guide-moss)}.guide-chapter>header>span{font-size:clamp(2.8rem,7vw,6rem);line-height:.8;color:var(--guide-terracotta)}.guide-chapter h2{margin:.2rem 0;font-size:clamp(1.7rem,4vw,3.25rem);line-height:1}.guide-chapter p,.guide-chapter ul,.guide-chapter ol{max-width:72ch}.guide-index-return{display:inline-block;margin-top:1rem;font-size:.9rem} .guide-place-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;margin-top:1.5rem}.guide-place-card{padding:1.1rem;border-radius:24px;background:var(--guide-oat)}.guide-place-card h3{margin:.15rem 0;font-size:1.35rem}.guide-place-card>div{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.guide-place-card a,.guide-place-card button{display:inline-flex;align-items:center;min-height:44px;padding:.6rem .75rem;border-radius:16px}.guide-place-card>a:first-child{font-weight:700}.guide-table-wrap{max-width:100%;overflow:auto}.guide-table-wrap table{width:100%;border-collapse:collapse}.guide-table-wrap th,.guide-table-wrap td{padding:.7rem;border-bottom:1px solid var(--guide-sage);text-align:left} .guide-place article,.guide-state{margin-top:8vh;padding:clamp(1.5rem,6vw,5rem);border-radius:32px;background:var(--guide-paper)}.guide-place h1,.guide-state h1{font-size:clamp(2.5rem,8vw,6rem);line-height:.95}.guide-maps-link{display:inline-flex;min-height:44px;align-items:center;padding:.7rem 1rem;border-radius:18px;background:var(--guide-moss);color:var(--guide-paper)!important;text-decoration:none} .guide-place-kicker{margin:0 0 1rem;color:var(--guide-moss);font-weight:700;letter-spacing:.035em}.guide-place-summary{max-width:42rem;margin:1.25rem 0 0;font-size:clamp(1.1rem,1.6vw,1.35rem)}.guide-place-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.guide-website-link{display:inline-flex;min-height:44px;align-items:center;padding:.7rem 1rem;border:1px solid var(--guide-moss);border-radius:18px;color:var(--guide-moss)!important;text-decoration:none}.guide-place-context{margin:2.25rem 0 0;padding-top:1.25rem;border-top:1px solid var(--guide-sage);font-size:.95em} .guide-reader footer{margin-top:5rem;padding-top:1rem;border-top:1px solid var(--guide-sage);font-size:.9rem} .guide-reader>section[aria-label="Otras guías del país"] a{display:inline-flex;align-items:center;min-height:44px;padding:.45rem .35rem} @media(max-width:768px){.guide-index>button{display:block;width:100%;min-height:44px;border:0;background:transparent;text-align:left;font-weight:700}.guide-index ol{display:none;flex-direction:column;max-height:55vh}.guide-index.is-open ol{display:flex}.guide-chapter>header{grid-template-columns:3.2rem 1fr}.guide-chapter>header>span{font-size:2.4rem}.guide-table-wrap table,.guide-table-wrap thead,.guide-table-wrap tbody,.guide-table-wrap tr,.guide-table-wrap td{display:block}.guide-table-wrap thead{position:absolute;clip:rect(0 0 0 0)}.guide-table-wrap tr{margin:.7rem 0;padding:.7rem;border-radius:18px;background:var(--guide-oat)}.guide-table-wrap td{border:0}.guides-search{top:calc(var(--guides-shell-clearance) + .4rem);width:calc(100% - 1.7rem);transform:translateX(-50%)}.guides-search::before{left:1rem;top:-.64rem;font-size:.58rem}.guides-search::after{right:.75rem;top:1.775rem;width:1.75rem;height:1.75rem;font-size:1.1rem}.guides-search input{min-height:3.55rem;border-radius:16px 24px 16px 24px;padding-left:1rem;padding-right:3.45rem;font-size:.98rem}.guides-search ul{max-height:38vh}.guides-selection{left:50%;transform:translateX(-50%)}} @media(prefers-reduced-motion:reduce){[data-guides-public] *,[data-guides-public] *::before,[data-guides-public] *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.guide-pdf-spinner{border-right-color:currentColor}} @media(forced-colors:active){.guide-cluster,.guide-pin{forced-color-adjust:auto}.guides-search input,.guide-place-card{border:1px solid CanvasText}} body[data-route="guias"] .app-header .brand{max-width:min(21rem,calc(100vw - 8.5rem));min-height:3.25rem;padding:.38rem .75rem .38rem .45rem;gap:.45rem;border-width:3px;box-shadow:5px 5px 0 var(--pink);transform:rotate(-.75deg)} body[data-route="guias"] .app-header .brand-mark-stage{width:2.75rem;height:2.75rem} body[data-route="guias"] .app-header .brand-copy strong,body[data-route="mapa"] .app-header .brand-copy strong{font-size:clamp(1.05rem,2.2vw,1.55rem);line-height:.86;letter-spacing:-.052em;text-shadow:1.5px 0 var(--pink),-1.5px 0 var(--cyan)} body[data-route="guias"] .app-header .brand-copy small,body[data-route="mapa"] .app-header .brand-copy small{margin-top:.22rem;font-size:clamp(.36rem,.62vw,.47rem);line-height:1.05;letter-spacing:.025em} @media(max-width:760px){body[data-route="guias"]{--guides-shell-clearance:max(5.25rem,calc(4.75rem + env(safe-area-inset-top)))}body[data-route="guias"] .app-header .brand,body[data-route="mapa"] .app-header .brand{max-width:min(13.75rem,calc(100vw - 7.5rem));min-height:2.75rem;padding:.28rem .55rem .28rem .32rem;gap:.32rem;box-shadow:4px 4px 0 var(--pink)}body[data-route="guias"] .app-header .brand-mark-stage,body[data-route="mapa"] .app-header .brand-mark-stage{width:2rem;height:2.35rem}body[data-route="guias"] .app-header .brand-copy strong,body[data-route="mapa"] .app-header .brand-copy strong{font-size:clamp(.82rem,4vw,1rem);line-height:.88;word-spacing:.04em;text-shadow:1px 0 var(--pink),-1px 0 var(--cyan)}body[data-route="guias"] .app-header .brand-copy small,body[data-route="mapa"] .app-header .brand-copy small{display:none}.guides-map-page .leaflet-control-zoom{margin-top:calc(var(--guides-shell-clearance) + 4.25rem)!important}} @media(max-width:350px){body[data-route="guias"] .app-header .brand{max-width:min(12rem,calc(100vw - 8.25rem));padding-right:.45rem}body[data-route="guias"] .app-header .brand-mark-stage{width:1.75rem;height:2.05rem}body[data-route="guias"] .app-header .brand-copy strong,body[data-route="mapa"] .app-header .brand-copy strong{font-size:.75rem}} body[data-route="guias"] .guide-reader{width:min(82rem,100%);display:grid;grid-template-columns:minmax(13.5rem,17rem) minmax(0,1fr);grid-template-areas:"hero hero" "index content" "foot foot";gap:clamp(1.25rem,2.7vw,2.4rem);padding:calc(var(--guides-shell-clearance) + 1rem) clamp(1rem,3vw,3rem) clamp(2rem,4vw,4rem);background:linear-gradient(90deg,color-mix(in srgb,var(--guide-sand),white 5%) 0 18%,var(--guide-sand) 18% 100%);font-size:clamp(1.04rem,1.08vw,1.16rem)} /* La portada ocupa una fila propia antes del índice y los capítulos. */ body[data-route="guias"] .guide-reader:has(> .guide-punto-foto){grid-template-areas:"hero hero" "cover cover" "index content" "foot foot"} body[data-route="guias"] .guide-reader > .guide-punto-foto{grid-area:cover} body[data-route="guias"] .guide-hero{grid-area:hero;position:relative;overflow:hidden;border:3px solid var(--guide-ink);border-radius:28px;background:linear-gradient(135deg,#dfff00 0 1.15rem,var(--guide-moss) 1.15rem 100%);box-shadow:9px 9px 0 #ff006e,-5px -5px 0 #00ffcc;color:var(--guide-paper);padding:clamp(1.3rem,3.2vw,3.3rem)} body[data-route="guias"] .guide-hero::after{content:"";position:absolute;inset:auto -2rem -2.5rem auto;width:min(22rem,42vw);aspect-ratio:1;border:2px dashed color-mix(in srgb,var(--guide-paper),transparent 48%);border-radius:50%;transform:rotate(-10deg);opacity:.42;pointer-events:none} .guide-back{display:none} body[data-route="guias"] .guide-map-return{display:inline-flex;align-items:center;min-height:44px;padding:.56rem .8rem;border:2px solid currentColor;border-radius:999px;background:color-mix(in srgb,var(--guide-paper),transparent 86%);font-weight:900;text-decoration:none} body[data-route="guias"] .guide-map-return::before{content:"←";margin-right:.38rem} body[data-route="guias"] .guide-hero>p:first-of-type{display:inline-flex;margin:1rem 0 .25rem;padding:.22rem .55rem;border:2px solid var(--guide-paper);border-radius:999px;color:var(--guide-paper);font:900 .78rem/1 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase} body[data-route="guias"] .guide-hero-country{align-items:center;gap:.42rem} body[data-route="guias"] .guide-hero-country img{display:block;flex:none;width:24px;height:16px;border:1.5px solid var(--guide-paper);border-radius:3px;object-fit:cover;background:#fff} body[data-route="guias"] .guide-hero h1{max-width:10ch;margin:.05em 0 .12em;font-size:clamp(4.3rem,13vw,9rem);line-height:.78;letter-spacing:-.075em;text-shadow:4px 0 #ff006e,-4px 0 #00ffcc} body[data-route="guias"] .guide-hero>p:last-of-type{max-width:40rem;margin:.4rem 0 0;color:color-mix(in srgb,var(--guide-paper),transparent 12%);font-weight:800} body[data-route="guias"] .guide-actions{position:relative;z-index:1;margin-top:1.35rem} body[data-route="guias"] .guide-actions button,body[data-route="guias"] .guide-pdf-button{min-height:2.1rem;padding:.32rem .95rem;border:0!important;border-radius:999px;background:#293126;color:#f6ecd9;box-shadow:none;font-weight:700;font-size:.85rem;letter-spacing:.03em;transition:transform .2s,background .2s} body[data-route="guias"] .guide-actions button:hover,body[data-route="guias"] .guide-actions button:focus-visible{transform:translateY(-1px);background:#1c211b} body[data-route="guias"] .guide-actions button:focus-visible{outline:3px solid #dfff00;outline-offset:2px} body[data-route="guias"] .guide-actions .guide-pdf-button{min-width:2.4rem;padding:.32rem .8rem!important} body[data-route="guias"] .guide-index{grid-area:index;position:sticky;top:calc(var(--guides-shell-clearance) + .9rem);align-self:start;margin:0;padding:.7rem;border:3px solid var(--guide-ink);border-radius:0;background:var(--guide-paper);box-shadow:7px 7px 0 #ff006e,-3px -3px 0 #00ffcc;backdrop-filter:none;transform:rotate(-.45deg)} body[data-route="guias"] .guide-index::before{content:"PISTAS DE LA GUÍA";display:inline-flex;margin:0 0 .55rem;padding:.22rem .45rem;border:2px solid var(--guide-ink);background:#dfff00;color:var(--guide-ink);box-shadow:3px 3px 0 #00ffcc;font:900 .68rem/1 var(--font-mono,monospace);letter-spacing:.08em} body[data-route="guias"] .guide-index>button{display:none} body[data-route="guias"] .guide-index ol{display:grid;grid-template-columns:1fr;gap:.42rem;margin:0;padding:0;overflow:visible;list-style:none} body[data-route="guias"] .guide-index-track{display:contents} @media(min-width:901px){body[data-route="guias"] .guide-index-track{display:block;grid-area:index;min-width:0}body[data-route="guias"] .guide-index{display:flex;flex-direction:column;max-height:calc(100svh - var(--guides-shell-clearance) - 1.9rem)}body[data-route="guias"] .guide-index::before{flex-shrink:0;align-self:flex-start}body[data-route="guias"] .guide-index ol{min-height:0;overflow-y:auto;overflow-x:hidden}} body[data-route="guias"] .guide-index a{display:grid;grid-template-columns:2.05rem auto minmax(0,1fr);align-items:center;column-gap:.5rem;min-height:44px;padding:.52rem .6rem;border:2px solid transparent;border-bottom:2px solid color-mix(in srgb,var(--guide-ink),transparent 45%);border-radius:0;color:var(--guide-ink);text-decoration:none;white-space:normal;font-weight:900;line-height:1.08} body[data-route="guias"] .guide-index a:hover,body[data-route="guias"] .guide-index a:focus-visible{border-color:var(--guide-ink);background:linear-gradient(135deg,#dfff00 0 72%,#00ffcc 72% 100%);box-shadow:3px 3px 0 #ff006e;outline:none;transform:translate(-1px,-1px)} body[data-route="guias"] .guide-index span{display:grid;width:1.85rem;height:1.85rem;place-items:center;border:2px solid var(--guide-ink);border-radius:5px;background:#ff006e;color:var(--guide-paper);font:900 .7rem/1 var(--font-mono,monospace)} body[data-route="guias"] #guide-content{grid-area:content;min-width:0} body[data-route="guias"] .guide-chapter{scroll-margin-top:calc(var(--guides-shell-clearance) + 1.5rem);margin:0 0 clamp(2rem,5vw,4.5rem);padding:clamp(1.05rem,2.3vw,2rem);border-left:5px solid var(--guide-moss);background:linear-gradient(180deg,color-mix(in srgb,var(--guide-paper),transparent 34%),transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--guide-ink),transparent 86%)} body[data-route="guias"] .guide-chapter>header{display:grid;grid-template-columns:clamp(3.2rem,6vw,5rem) minmax(0,1fr);align-items:end;gap:.85rem;margin-bottom:1.15rem;border-bottom:3px solid var(--guide-ink)} body[data-route="guias"] .guide-chapter>header>span{display:grid;place-items:center;width:clamp(3.1rem,6vw,4.7rem);height:clamp(3.1rem,6vw,4.7rem);border:3px solid var(--guide-ink);border-radius:6px;background:#dfff00;color:var(--guide-ink);box-shadow:5px 5px 0 #ff006e;font-size:clamp(1.25rem,3vw,2rem);line-height:1} body[data-route="guias"] .guide-chapter h2{margin:.1rem 0 .32rem;font-size:clamp(2.15rem,5vw,4.9rem);line-height:.9;letter-spacing:-.06em;color:var(--guide-ink)} body[data-route="guias"] .guide-chapter h3,body[data-route="guias"] .guide-chapter h4{margin:1.5em 0 .45em;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1;color:var(--guide-moss)} body[data-route="guias"] .guide-chapter>header+h2{display:none} body[data-route="guias"] .guide-chapter>h2{margin:1.35em 0 .55em;font-size:clamp(1.7rem,3vw,2.35rem);line-height:1;letter-spacing:-.035em;color:var(--guide-ink)} body[data-route="guias"] .guide-chapter p,body[data-route="guias"] .guide-chapter ul,body[data-route="guias"] .guide-chapter ol{max-width:64ch;overflow-wrap:anywhere;word-break:break-word} body[data-route="guias"] .guide-chapter a,body[data-route="guias"] .guide-chapter li{overflow-wrap:anywhere;word-break:break-word} body[data-route="guias"] .guide-chapter li{margin:.55rem 0;padding-left:.2rem} body[data-route="guias"] .guide-index-return{display:none} body[data-route="guias"] .guide-place-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.9rem} body[data-route="guias"] .guide-place-card{border:2px solid var(--guide-ink);border-radius:0;background:var(--guide-paper);box-shadow:5px 5px 0 var(--guide-oat);padding:1rem} body[data-route="guias"] .guide-place-card h3{font-size:clamp(1.35rem,2.5vw,1.75rem);line-height:1;color:var(--guide-ink)} body[data-route="guias"] .guide-place-card a,body[data-route="guias"] .guide-place-card button{border:2px solid var(--guide-ink);border-radius:0;background:#dfff00;color:var(--guide-ink)!important;box-shadow:3px 3px 0 #00ffcc;font-weight:900;text-decoration:none} body[data-route="guias"] .guide-place-card a.guide-report-gone,body[data-route="guias"] .guide-place-card a.guide-place-maps{display:inline-flex;width:fit-content;justify-self:start;min-height:auto;padding:.25rem .1rem;border:0;background:transparent;box-shadow:none;color:var(--guide-moss)!important;font-weight:700;font-size:.82rem;text-decoration:underline;text-underline-offset:2px} body[data-route="guias"] .guide-reader footer{grid-area:foot;margin:0;padding:1rem;border-top:3px solid var(--guide-ink);font:800 .85rem/1.35 var(--font-mono,monospace);color:var(--guide-moss)} @media(max-width:900px){body[data-route="guias"] .guide-reader{display:block;width:min(44rem,100%);padding:calc(var(--guides-shell-clearance) + .75rem) clamp(.85rem,4vw,1.25rem) 2rem;background:var(--guide-sand)}body[data-route="guias"] .guide-hero{padding:1.1rem 1rem 1.25rem;border-radius:20px;box-shadow:6px 6px 0 #ff006e,-3px -3px 0 #00ffcc}body[data-route="guias"] .guide-hero h1{font-size:clamp(3.2rem,18vw,5.2rem);text-shadow:3px 0 #ff006e,-3px 0 #00ffcc}body[data-route="guias"] .guide-index{z-index:620;top:calc(var(--guides-shell-clearance) + 3.15rem);margin:1rem 0 1.35rem;padding:.45rem;border-radius:0;transform:none}body[data-route="guias"] .guide-index::before{display:none}body[data-route="guias"] .guide-index>button{position:relative;display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;padding:.35rem 3rem .35rem .65rem;border:2px solid var(--guide-ink);background:linear-gradient(135deg,#dfff00 0 70%,#00ffcc 70% 100%);color:var(--guide-ink);box-shadow:3px 3px 0 #ff006e;text-align:center;font-weight:950;letter-spacing:.04em;text-transform:uppercase}body[data-route="guias"] .guide-index>button::after{content:"↓";position:absolute;right:.55rem;display:grid;width:1.65rem;height:1.65rem;place-items:center;border:2px solid var(--guide-ink);border-radius:50%;background:var(--guide-paper)}body[data-route="guias"] .guide-index.is-open>button::after{content:"↑"}body[data-route="guias"] .guide-index ol{display:none;grid-template-columns:1fr;gap:.38rem;max-height:min(58svh,28rem);margin:.55rem 0 0;padding:.1rem;overflow-y:auto;overflow-x:hidden}body[data-route="guias"] .guide-index.is-open ol{display:grid}body[data-route="guias"] .guide-index a{min-height:48px;padding:.58rem .62rem;font-size:.98rem}body[data-route="guias"] .guide-chapter{scroll-margin-top:calc(var(--guides-shell-clearance) + 5.6rem);margin-bottom:2.2rem;padding:1rem .35rem 1rem .85rem;border-left-width:4px;background:transparent;box-shadow:none}body[data-route="guias"] .guide-chapter>header{grid-template-columns:3.1rem minmax(0,1fr);gap:.65rem;margin-bottom:.9rem}body[data-route="guias"] .guide-chapter>header>span{width:2.8rem;height:2.8rem;font-size:1.05rem;box-shadow:4px 4px 0 #ff006e}body[data-route="guias"] .guide-chapter h2{font-size:clamp(2.15rem,12vw,3.45rem);line-height:.92}body[data-route="guias"] .guide-chapter>h2{font-size:clamp(1.55rem,7vw,2.25rem);line-height:1.02;letter-spacing:-.035em}body[data-route="guias"] .guide-chapter p,body[data-route="guias"] .guide-chapter li{font-size:1.02rem;line-height:1.62}body[data-route="guias"] .guide-place-card>div{display:grid;grid-template-columns:1fr;align-items:stretch}body[data-route="guias"] .guide-place-card a,body[data-route="guias"] .guide-place-card button{justify-content:center;width:100%;min-height:48px}} body[data-route="guias"] .guide-reader-tools{position:fixed;z-index:1500;top:calc(var(--guides-shell-clearance) - .1rem);left:50%;width:min(64rem,calc(100vw - 2rem - env(safe-area-inset-left) - env(safe-area-inset-right)));display:grid;grid-template-columns:auto minmax(16rem,34rem);align-items:start;justify-content:center;gap:.7rem;transform:translateX(-50%);pointer-events:none} body[data-route="guias"] .guide-reader-tools>*{pointer-events:auto} body[data-route="guias"] .guide-reader-tools .guide-map-return{display:inline-flex;align-items:center;justify-content:center;min-height:3.15rem;padding:.62rem .9rem;border:3px solid var(--guide-ink);border-radius:0;background:linear-gradient(135deg,#dfff00 0 72%,#00ffcc 72% 100%);color:var(--guide-ink);box-shadow:5px 5px 0 #ff006e;text-decoration:none;text-transform:uppercase;font:950 .78rem/1 var(--font-mono,monospace);letter-spacing:.04em;white-space:nowrap;transform:rotate(-1.2deg)} body[data-route="guias"] .guide-reader-tools .guide-map-return::before{content:"←";margin-right:.4rem;font-size:1rem} body[data-route="guias"] .guide-reader-tools .guides-search{position:relative;z-index:1;top:auto;left:auto;width:100%;transform:rotate(-.45deg)} body[data-route="guias"] .guide-reader-tools .guides-search::before{left:.8rem;top:-.6rem;font-size:.56rem;box-shadow:2px 2px 0 #ff006e} body[data-route="guias"] .guide-reader-tools .guides-search::after{right:.7rem;width:1.65rem;height:1.65rem;font-size:1.05rem;box-shadow:2px 2px 0 #00ffcc} body[data-route="guias"] .guide-reader-tools .guides-search input{min-height:3.15rem;border-width:3px;border-radius:0;padding:.76rem 3rem .68rem .95rem;background:linear-gradient(135deg,#dfff00 0 .72rem,color-mix(in srgb,var(--guide-paper),white 10%) .72rem 100%);box-shadow:5px 5px 0 #ff006e,-3px -3px 0 #00ffcc,0 10px 22px color-mix(in srgb,var(--guide-ink),transparent 82%);font-size:.98rem} body[data-route="guias"] .guide-reader-tools .guides-search ul{position:absolute;right:0;left:0;max-height:min(46vh,20rem);box-shadow:5px 5px 0 #ff006e,-3px -3px 0 #00ffcc,0 14px 30px color-mix(in srgb,var(--guide-ink),transparent 72%)} body[data-route="guias"] .guide-reader,body[data-route="guias"] .guide-place{padding-top:calc(var(--guides-shell-clearance) + 6rem)} body[data-route="guias"] .guide-index{top:calc(var(--guides-shell-clearance) + 5.25rem)} body[data-route="guias"] .guide-chapter{scroll-margin-top:calc(var(--guides-shell-clearance) + 6.2rem)} @media(max-width:700px){ /* Movil: fila superior logo + flecha + menu; el indice, pegado debajo, ocupa todo el ancho y acompana el scroll. Nada tapa el texto. */ body[data-route="guias"] .app-header{position:fixed;top:0;left:0;right:0;width:auto;display:flex;align-items:center;gap:.55rem;padding:calc(.4rem + env(safe-area-inset-top)) .6rem .4rem;border-radius:0;box-shadow:0 3px 0 color-mix(in srgb,var(--guide-ink),transparent 82%);background:var(--guide-sand);border-bottom:2px solid var(--guide-ink)} body[data-route="guias"] .app-header .menu-toggle{margin-left:auto;position:relative;right:auto;width:2.9rem;height:2.9rem;border-width:2px;box-shadow:3px 3px 0 var(--cyan)} body[data-route="guias"] .app-header .guide-back{display:inline-flex;min-height:44px;width:auto;align-items:center;justify-content:center;gap:.3rem;padding:.35rem .65rem;border:2px solid var(--guide-ink);border-radius:999px;background:linear-gradient(135deg,#dfff00 0 72%,#00ffcc 72% 100%);box-shadow:3px 3px 0 #ff006e;color:var(--guide-ink);font:950 .72rem/1 var(--font-mono,monospace);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;white-space:nowrap} body[data-route="guias"] .guide-reader-tools{display:none} body[data-route="guias"] .guide-reader,body[data-route="guias"] .guide-place{padding-top:calc(4.4rem + env(safe-area-inset-top))!important} body[data-route="guias"] .guide-index{position:sticky;top:calc(4.15rem + env(safe-area-inset-top));left:0;right:0;width:100%;margin:0 0 .8rem;padding:0 .45rem;border-radius:0;border-left:0;border-right:0;z-index:60} body[data-route="guias"] .guide-index>button{padding:.35rem 3rem} body[data-route="guias"] .guide-chapter{scroll-margin-top:calc(7.6rem + env(safe-area-inset-top))!important} } /* Preserve the original fullscreen map. Discovery stays accessible without adding a second, unbounded page below it. Keyboard focus reveals its panel. */ .guides-index-intro{max-width:72rem;margin:0 auto;padding:1rem} .guides-index-intro h1{font-size:clamp(2rem,6vw,4rem);line-height:1.05;margin:0 0 1rem;overflow-wrap:anywhere} .guides-index-intro p{max-width:60ch;line-height:1.5} body[data-route="guias"] .guides-map-page>.guides-index-intro, body[data-route="guias"] .guides-map-page>.guides-list-fallback, body[data-route="guias"] .guides-map-page>footer{display:block;position:absolute;width:1px;height:1px;min-height:0;max-height:none;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;color:var(--guide-ink)} body[data-route="guias"] .guides-map-page>.guides-list-fallback:focus-within, body[data-route="guias"] .guides-map-page>footer:focus-within{inset:calc(var(--guides-shell-clearance) + 4rem) 1rem auto;z-index:1501;width:calc(100% - 2rem);height:auto;max-height:calc(100svh - var(--guides-shell-clearance) - 6rem);margin:0;padding:1rem;overflow:auto;clip:auto;clip-path:none;white-space:normal;background:var(--guide-paper);border:2px solid var(--guide-ink);border-radius:14px} .guides-directory-country>ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))} .guides-directory a,.guides-country-page a,.guide-reader>nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:.6rem;overflow-wrap:anywhere;color:var(--guide-ink)} .guides-directory a:focus-visible,.guides-country-page a:focus-visible,.guide-reader>nav a:focus-visible{outline:3px solid var(--guide-ink);outline-offset:3px} .guides-country-page{max-width:72rem;margin:0 auto;padding:calc(var(--guides-shell-clearance) + 1rem) 1rem max(8rem,calc(6rem + env(safe-area-inset-bottom)));overflow-wrap:anywhere} .guides-map-page>footer{max-width:72rem;margin:1rem auto;padding:1rem} .guides-map-page>footer a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:.6rem;color:var(--guide-ink)} @media(prefers-reduced-motion:reduce){.guides-country-page *,.guides-index-intro *{scroll-behavior:auto;transition:none}} @media(max-width:360px){body[data-route="guias"] .guide-reader-tools{gap:.32rem}body[data-route="guias"] .guide-reader-tools .guide-map-return{max-width:6rem;padding-inline:.38rem;font-size:.62rem}body[data-route="guias"] .guide-reader-tools .guides-search input{font-size:.82rem}} @media(max-width:360px){body[data-route="guias"] .guide-reader-tools .guide-map-return{max-width:none;padding-inline:.5rem;font-size:.64rem}} /* === Lectura profesional: datos, jerarquía y ritmo === */ body[data-route="guias"] .guide-chapter p{line-height:1.72;max-width:70ch} body[data-route="guias"] .guide-chapter h3{display:flex;align-items:baseline;gap:.6rem;margin-top:2.2em;padding:.55rem .9rem;border-radius:12px 4px 10px 5px;background:#e9f5f1;color:var(--guide-moss);font-size:clamp(1.15rem,2.2vw,1.5rem)} body[data-route="guias"] .guide-chapter h3::before{content:"";flex:none;width:.55rem;height:.55rem;border-radius:50%;background:#ff006e;transform:translateY(-.1rem)} body[data-route="guias"] .guide-chapter ul{display:grid;gap:.55rem;margin:1.1em 0;padding:0;list-style:none;max-width:72ch} body[data-route="guias"] .guide-chapter ul>li{position:relative;padding:.6rem .85rem .6rem 2rem;border:1px solid #dfe8e2;border-radius:12px 5px 10px 5px;background:#fdfcf8} body[data-route="guias"] .guide-chapter ul>li::before{content:"→";position:absolute;left:.7rem;top:.55rem;color:#ff006e;font-weight:700} body[data-route="guias"] .guide-chapter ul>li>strong:first-child{color:var(--guide-moss)} body[data-route="guias"] .guide-chapter ul ul{margin:.45rem 0 0;gap:.35rem} body[data-route="guias"] .guide-chapter ul ul>li{padding:.4rem .6rem .4rem 1.6rem;font-size:.93em} body[data-route="guias"] .guide-chapter ul ul>li::before{content:"·";left:.6rem;color:var(--guide-sage)} body[data-route="guias"] .guide-chapter ol{padding-left:1.4rem} body[data-route="guias"] .guide-chapter strong{color:var(--guide-moss)} body[data-route="guias"] .guide-chapter a{text-decoration-thickness:1.5px;text-underline-offset:2.5px} body[data-route="guias"] .guide-chapter h2{margin-top:1.6em} body[data-route="guias"] .guide-chapter>.guide-block-gap,body[data-route="guias"] .guide-chapter h2:first-of-type{margin-top:.2em} /* === Marca: dibujo solo en las páginas de guía (el mapa de /guias conserva el logo completo) === */ body[data-route="guias"]:has(.guide-reader) .app-header .brand-copy{display:none} body[data-route="guias"]:has(.guide-reader) .app-header .brand{max-width:none;min-height:3.1rem;padding:.32rem .65rem .32rem .35rem;gap:0;box-shadow:4px 4px 0 var(--pink)} body[data-route="guias"]:has(.guide-reader) .app-header .brand-mark-stage{width:2.6rem;height:2.6rem} body[data-route="guias"] .app-header .brand-symbol{width:2.6rem;height:2.6rem} @media(max-width:760px){body[data-route="guias"] .app-header .brand{max-width:none;min-height:2.7rem;padding:.25rem .5rem .25rem .3rem}body[data-route="guias"] .app-header .brand-mark-stage{width:2.1rem;height:2.1rem}body[data-route="guias"] .app-header .brand-symbol{width:2.1rem;height:2.1rem}} /* Buscador del lector más pegado a la cabecera; el mapa se posiciona aparte. */ body[data-route="guias"] .guide-reader-tools .guides-search{top:.55rem} /* En móvil se oculta: el mapa con las píldoras ya es la navegación */ @media(max-width:760px){body[data-route="guias"] .guide-reader-tools .guides-search{display:none}} /* En guías, la fila superior es solo: logo, buscador y menú */ body[data-route="guias"] .app-header .header-search{display:none} /* Mini-mapa de la guía y apertura como lámina cartográfica inmersiva */ .guide-map-frame{height:300px;margin-top:1.2rem;position:relative;z-index:0;border:3px solid var(--guide-ink);border-radius:20px;background:var(--guide-sand);box-shadow:5px 5px 0 #ff006e;overflow:hidden;transform-origin:top left;isolation:isolate} .guide-hero-map{height:100%;width:100%;position:relative;z-index:0;background:var(--guide-sand)} .guide-hero-map .leaflet-container{height:100%;width:100%;font:inherit} .guide-hero-map .leaflet-popup-content-wrapper{border-radius:14px;color:var(--guide-ink)} .guide-hero-map .leaflet-popup a{display:inline-block;margin-top:.25rem;font-weight:700} .guide-map-marker-wrap,.guide-map-cluster-wrap{display:grid!important;width:48px!important;height:48px!important;place-items:center;overflow:visible!important;border:0!important;background:transparent!important} .guide-map-marker{ position:relative; display:grid; width:34px; height:34px; place-items:center; padding:5px; border:2px solid var(--guide-ink); border-radius:50%; background:color-mix(in srgb,var(--marker-accent),white 20%); color:var(--guide-ink); box-shadow:2px 2px 0 #00ffcc,0 4px 9px color-mix(in srgb,var(--guide-ink),transparent 78%); transform:translateY(-3px); transition:transform .18s ease,box-shadow .18s ease,background .18s ease; } .guide-map-marker::after{content:"";position:absolute;left:50%;bottom:-6px;width:5px;height:5px;border:2px solid var(--guide-ink);border-radius:50%;background:var(--marker-accent);transform:translateX(-50%)} .guide-map-icon{position:relative;z-index:1;display:block;width:21px;height:21px;overflow:visible;color:currentColor;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} .guide-map-cluster{ display:grid; width:36px; height:36px; place-content:center; border:2px solid var(--guide-ink); border-radius:50%; background:#dfff00; color:var(--guide-ink); box-shadow:2px 2px 0 #00ffcc,0 4px 9px color-mix(in srgb,var(--guide-ink),transparent 78%); } .guide-map-cluster strong{font:950 13px/1 var(--font-mono,monospace);font-variant-numeric:tabular-nums} .guide-map-frame .leaflet-marker-icon:hover .guide-map-marker,.guide-map-frame .leaflet-marker-icon:focus-visible .guide-map-marker,.guide-map-frame .leaflet-marker-icon[aria-expanded="true"] .guide-map-marker{background:color-mix(in srgb,var(--marker-accent),white 8%);transform:translateY(-6px);box-shadow:3px 3px 0 #ff006e,0 8px 14px color-mix(in srgb,var(--guide-ink),transparent 66%)} .guide-map-frame .leaflet-marker-icon:active .guide-map-marker{transform:translateY(-3px) scale(.94)} .guide-map-frame .leaflet-marker-icon:focus-visible{outline:3px solid #00ffcc!important;outline-offset:4px}.guide-map-frame .leaflet-marker-icon:focus:not(:focus-visible){outline:none} .guide-map-popup{display:grid;gap:.4rem;min-width:13rem;color:var(--guide-ink)}.guide-map-popup>strong{font-size:1.05rem}.guide-map-popup>span{display:block}.guide-map-popup__chapter{padding:.3rem .4rem;border-left:3px solid #00ffcc;background:var(--guide-paper);font-size:.78rem;font-weight:750}.guide-map-popup nav{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.3rem}.guide-map-popup nav a{display:inline-flex;min-height:44px;align-items:center;padding:.45rem .6rem;border:2px solid currentColor;border-radius:8px;background:#dfff00;text-decoration:none}.guide-map-popup--cluster ul{display:grid;gap:.45rem;max-height:16rem;margin:.4rem 0 0;padding:0;overflow:auto;list-style:none}.guide-map-popup--cluster li{display:grid;grid-template-columns:26px minmax(8rem,1fr);gap:.45rem;align-items:start;padding:.5rem;border-top:1px solid color-mix(in srgb,var(--guide-ink),transparent 72%)}.guide-map-popup--cluster li .guide-map-icon{width:22px;height:22px}.guide-map-popup--cluster li span{display:grid}.guide-map-popup--cluster li small{font-size:.72rem}.guide-map-popup--cluster li nav{grid-column:1/-1} .guide-map-frame.is-revealing-markers .leaflet-marker-pane .leaflet-marker-icon{animation:guide-map-marker-reveal .42s cubic-bezier(.34,1.56,.64,1) both} @media(forced-colors:active){.guide-map-marker,.guide-map-cluster{border:2px solid CanvasText;background:Canvas;color:CanvasText;box-shadow:none}} .guide-map-expand,.guide-map-close{font-family:var(--font-mono,monospace);font-weight:950;text-transform:uppercase;letter-spacing:.055em;color:var(--guide-ink);cursor:pointer;touch-action:manipulation} .guide-actions .guide-map-expand{position:static;z-index:auto;display:inline-flex;min-height:44px;align-items:center;gap:.42rem;margin:0;padding:.45rem .8rem!important;border:2px solid var(--guide-paper)!important;background:#dfff00!important;color:var(--guide-ink)!important;box-shadow:3px 3px 0 #00ffcc} .guide-actions .guide-map-expand svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .guide-map-expand:hover,.guide-map-expand:focus-visible{transform:translateY(-2px);box-shadow:4px 4px 0 #ff006e} .guide-map-expand:focus-visible,.guide-map-close:focus-visible{outline:4px solid #fff;outline-offset:4px} .guide-map-fullscreen-tools{position:absolute;z-index:1300;top:calc(1rem + env(safe-area-inset-top));left:calc(1rem + env(safe-area-inset-left));right:calc(1rem + env(safe-area-inset-right));display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;pointer-events:none} .guide-map-fullscreen-tools[hidden]{display:none} .guide-map-fullscreen-tools p{display:grid;gap:.15rem;margin:0;padding:.65rem .9rem;border:3px solid var(--guide-ink);background:color-mix(in srgb,var(--guide-paper),transparent 5%);box-shadow:6px 6px 0 #00ffcc;transform:rotate(-1deg);pointer-events:auto} .guide-map-fullscreen-tools p span{font:950 .66rem/1 var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase} .guide-map-fullscreen-tools p strong{font-size:clamp(1.1rem,2.2vw,1.7rem);line-height:1;letter-spacing:-.025em;color:var(--guide-ink);text-shadow:none;background:linear-gradient(transparent 58%,#00ffcc 58% 88%,transparent 88%)} .guide-map-close{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:.7rem 1rem;border:3px solid var(--guide-ink);border-radius:999px;background:linear-gradient(135deg,#dfff00 0 76%,#00ffcc 76%);box-shadow:6px 6px 0 #ff006e;pointer-events:auto;transform:rotate(1deg);transition:transform .18s ease} .guide-map-close span{font-size:1.15rem} .guide-map-close-label{font:inherit!important}.guide-map-close-label i{font-style:normal} .guide-map-close:hover,.guide-map-close:focus-visible{transform:rotate(0) translateY(-2px) scale(1.025)} .guide-map-vignette{display:none;position:absolute;z-index:1050;inset:0;pointer-events:none;box-shadow:inset 0 0 0 3px var(--guide-ink),inset 0 0 11vw color-mix(in srgb,var(--guide-ink),transparent 80%)} .guide-map-transition{position:absolute;z-index:1250;inset:0;display:grid;place-items:center;overflow:hidden;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease} .guide-map-transition-burst{position:absolute;width:min(56vw,34rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#dfff00 0 12%,color-mix(in srgb,#00ffcc,transparent 12%) 13% 27%,color-mix(in srgb,#ff006e,transparent 28%) 28% 36%,transparent 37%);filter:blur(.2px);transform:scale(.2);opacity:.78} .guide-map-transition-stamp{position:relative;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:.75rem;padding:.7rem 1rem;border:3px solid var(--guide-ink);background:linear-gradient(135deg,#dfff00 0 72%,#00ffcc 72%);color:var(--guide-ink);box-shadow:9px 9px 0 #ff006e,-6px -6px 0 var(--guide-paper);transform:scale(.15) rotate(-18deg);opacity:0} .guide-map-transition-stamp img{grid-row:1/3;width:clamp(3.4rem,8vw,5.75rem);height:clamp(4.5rem,13vw,8rem);object-fit:contain} .guide-map-transition-stamp strong{color:var(--guide-ink);font-size:clamp(1.15rem,3.3vw,2.4rem);line-height:.92;text-transform:uppercase;letter-spacing:-.035em} .guide-map-transition-stamp small{justify-self:start;padding:.22rem .4rem;background:var(--guide-ink);color:var(--guide-paper);font:950 .62rem/1 var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase} .guide-map-frame.is-transitioning .guide-map-transition{opacity:1;visibility:visible} .guide-map-frame.is-transitioning .leaflet-overlay-pane,.guide-map-frame.is-transitioning .leaflet-marker-pane,.guide-map-frame.is-transitioning .leaflet-popup-pane{opacity:0!important;transition:opacity .08s linear} .guide-map-frame.is-transitioning .guide-map-close{pointer-events:none} .guide-map-frame.is-closing-transition .guide-map-close{justify-content:center;width:52px;min-width:52px;padding:.45rem;border-radius:50%} .guide-map-frame.is-closing-transition .guide-map-close-label{display:none} .guide-map-frame.is-opening-transition .guide-map-transition-stamp{animation:guide-map-stamp-in 1.35s cubic-bezier(.22,1,.36,1) both} .guide-map-frame.is-opening-transition .guide-map-transition-burst{animation:guide-map-burst 1.35s ease-out both} .guide-map-frame.is-closing-transition .guide-map-transition-stamp{animation:guide-map-stamp-out .8s linear both} .guide-map-frame.is-closing-transition .guide-map-transition-burst{animation:guide-map-burst-out .8s linear both} .guide-map-frame.is-revealing-markers .leaflet-overlay-pane path{transform-box:fill-box;transform-origin:center;animation:guide-map-marker-reveal .5s cubic-bezier(.34,1.56,.64,1) both} .guide-map-frame.is-revealing-markers .leaflet-overlay-pane path:nth-of-type(3n+1){animation-delay:.05s}.guide-map-frame.is-revealing-markers .leaflet-overlay-pane path:nth-of-type(3n+2){animation-delay:.11s}.guide-map-frame.is-revealing-markers .leaflet-overlay-pane path:nth-of-type(3n){animation-delay:.17s} @keyframes guide-map-stamp-in{0%{opacity:0;transform:scale(.15) rotate(-18deg)}22%{opacity:1;transform:scale(1.12) rotate(3deg)}70%{opacity:1;transform:scale(1) rotate(-2deg)}100%{opacity:0;transform:scale(.92) rotate(0)}} @keyframes guide-map-burst{0%{opacity:0;transform:scale(.12) rotate(0)}28%{opacity:.8;transform:scale(.85) rotate(30deg)}100%{opacity:0;transform:scale(1.5) rotate(95deg)}} @keyframes guide-map-stamp-out{0%{opacity:0;transform:scale(.72) rotate(8deg)}12%,55%{opacity:1;transform:scale(1) rotate(-2deg)}100%{opacity:0;transform:scale(.35) rotate(-12deg)}} @keyframes guide-map-burst-out{0%{opacity:0;transform:scale(.5)}18%,58%{opacity:.75;transform:scale(1)}100%{opacity:0;transform:scale(.25)}} @keyframes guide-map-marker-reveal{0%{opacity:0;transform:scale(.1)}65%{opacity:1;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}} body.guide-map-is-open{overflow:hidden;overscroll-behavior:none} .guide-map-frame.is-immersive{position:fixed;inset:0;width:100vw;height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none;z-index:100000;overflow:hidden;background:var(--guide-ink)} .guide-map-frame.is-immersive .guide-hero-map{position:absolute;inset:0;width:100%;height:100%} .guide-map-frame.is-immersive .guide-map-vignette{display:block} .guide-map-frame.is-immersive .leaflet-control-zoom{margin-top:calc(6.8rem + env(safe-area-inset-top))!important;margin-left:calc(.75rem + env(safe-area-inset-left))!important} .guide-map-frame.is-immersive .leaflet-control-attribution{margin:0 calc(.5rem + env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)) 0!important} @media(max-width:760px){.guide-map-frame{height:240px}.guide-actions .guide-map-expand{min-height:44px;padding:.5rem .68rem!important;font-size:.7rem}.guide-map-frame.is-immersive{height:100dvh}.guide-map-fullscreen-tools{align-items:flex-start;gap:.55rem}.guide-map-fullscreen-tools p{padding:.5rem .62rem;box-shadow:4px 4px 0 #00ffcc}.guide-map-fullscreen-tools p strong{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.12rem}.guide-map-close{min-height:44px;max-width:none;padding:.5rem .65rem;gap:.35rem;font-size:.62rem;white-space:nowrap;box-shadow:4px 4px 0 #ff006e}.guide-map-frame.is-immersive .leaflet-control-zoom{margin-top:calc(5.5rem + env(safe-area-inset-top))!important}.guide-map-frame.is-immersive .leaflet-control-attribution{max-width:54vw!important;margin-bottom:calc(.5rem + env(safe-area-inset-bottom))!important}} @media(max-width:420px){.guide-map-fullscreen-tools p span{font-size:.54rem}} @media(max-width:480px){.guide-map-close-label i{display:none}} @media(max-width:760px){.guide-map-transition-stamp{column-gap:.45rem;padding:.45rem .62rem;box-shadow:6px 6px 0 #ff006e,-4px -4px 0 #00ffcc}.guide-map-transition-stamp img{width:3.2rem;height:4.5rem}.guide-map-transition-stamp strong{font-size:1.05rem}.guide-map-transition-stamp small{font-size:.5rem}.guide-map-transition-burst{width:88vw}} @media(max-width:760px){.guide-map-frame.is-closing-transition .guide-map-close{width:44px;min-width:44px;height:44px}} @media(prefers-reduced-motion:reduce){.guide-map-frame,.guide-map-expand,.guide-map-close,.guide-map-transition{transition:none!important;animation:none!important}.guide-map-frame.is-immersive{transform:none!important}.guide-map-frame.is-transitioning .guide-map-transition{opacity:.92}.guide-map-frame.is-transitioning .guide-map-transition-stamp{opacity:1;transform:scale(.9) rotate(-1deg);animation:none}.guide-map-frame.is-transitioning .guide-map-transition-burst,.guide-map-frame.is-revealing-markers .leaflet-overlay-pane path,.guide-map-frame .leaflet-marker-pane .leaflet-marker-icon{animation:none!important}} /* Regreso inmediato al principio durante la lectura */ .guide-scroll-top{position:fixed;right:calc(1.25rem + env(safe-area-inset-right));bottom:calc(1.25rem + env(safe-area-inset-bottom));z-index:1600;display:grid;place-items:center;width:64px;height:64px;padding:.3rem;border:3px solid var(--guide-ink);border-radius:50% 46% 52% 48%;background:linear-gradient(145deg,#dfff00 0 68%,#00ffcc 68%);color:var(--guide-ink);box-shadow:6px 6px 0 #ff006e,-2px -2px 0 var(--guide-paper);font-family:var(--font-mono,monospace);font-weight:950;text-transform:uppercase;cursor:pointer;touch-action:manipulation;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(18px) rotate(8deg) scale(.75);transition:opacity .2s ease,visibility .2s ease,transform .32s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease} .guide-scroll-top span{display:block;font-size:1.6rem;line-height:.7} .guide-scroll-top small{display:block;font:950 .58rem/1 var(--font-mono,monospace);letter-spacing:.04em} .guide-scroll-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) rotate(-4deg) scale(1)} .guide-scroll-top:hover,.guide-scroll-top:focus-visible{transform:translateY(-3px) rotate(0) scale(1.06);box-shadow:8px 8px 0 #ff006e,-3px -3px 0 #00ffcc} .guide-scroll-top:focus-visible{outline:4px solid var(--guide-paper);outline-offset:4px} body.guide-map-is-open .guide-scroll-top{opacity:0;visibility:hidden;pointer-events:none} @media(max-width:760px){.guide-scroll-top{right:calc(.85rem + env(safe-area-inset-right));bottom:calc(.9rem + env(safe-area-inset-bottom));width:52px;height:52px;border-width:2px;box-shadow:4px 4px 0 #ff006e,-2px -2px 0 var(--guide-paper)}.guide-scroll-top span{font-size:1.3rem}.guide-scroll-top small{font-size:.5rem}} @media(prefers-reduced-motion:reduce){.guide-scroll-top{transition:none!important}} .guide-place-card button{min-height:2rem;padding:.3rem .85rem;border:0;border-radius:999px;background:#293126;color:#f6ecd9;font-size:.82rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .2s,background .2s} .guide-place-card button:hover,.guide-place-card button:focus-visible{transform:translateY(-1px);background:#1c211b} /* Puntos de color por capítulo: índice ↔ mini-mapa */ .guide-index .guide-index-dot{display:block;width:.8rem;height:.65rem;border:1.5px solid var(--guide-ink);border-radius:2px} .guide-popup-dot{display:inline-block;width:.7em;height:.7em;border-radius:50%;border:1.5px solid var(--guide-ink);margin-right:.3rem;vertical-align:baseline} .guide-index-dot[data-chapter="0"],.guide-popup-dot[data-chapter="0"]{background:#911eb4} .guide-index-dot[data-chapter="1"],.guide-popup-dot[data-chapter="1"]{background:#42d4f4} .guide-index-dot[data-chapter="2"],.guide-popup-dot[data-chapter="2"]{background:#f032e6} .guide-index-dot[data-chapter="3"],.guide-popup-dot[data-chapter="3"]{background:#4363d8} .guide-index-dot[data-chapter="4"],.guide-popup-dot[data-chapter="4"]{background:#f58231} .guide-index-dot[data-chapter="5"],.guide-popup-dot[data-chapter="5"]{background:#ffe119} .guide-index-dot[data-chapter="6"],.guide-popup-dot[data-chapter="6"]{background:#bfef45} .guide-index-dot[data-chapter="7"],.guide-popup-dot[data-chapter="7"]{background:#fabed4} .guide-index-dot[data-chapter="8"],.guide-popup-dot[data-chapter="8"]{background:#dcbeff} .guide-index-dot[data-chapter="9"],.guide-popup-dot[data-chapter="9"]{background:#469990} .guide-index-dot[data-chapter="10"],.guide-popup-dot[data-chapter="10"]{background:#e6beff} .guide-index-dot[data-chapter="11"],.guide-popup-dot[data-chapter="11"]{background:#800000} /* Pin minimalista de guía en el mapa */ .guide-pin--minimal{display:block;width:20px;height:20px;border-radius:50%;background:#ff006e;border:3px solid #fff;box-shadow:0 0 0 2px var(--guide-ink),3px 3px 6px color-mix(in srgb,var(--guide-ink),transparent 55%);transform:none} .guide-pin-wrap:has(.guide-pin--minimal){filter:none} .leaflet-marker-icon:hover .guide-pin--minimal,.leaflet-marker-icon:focus .guide-pin--minimal{transform:scale(1.3);transition:transform .15s} /* Botón volver a la vista general (izquierda del buscador de guías) */ .guide-search-back{position:absolute;z-index:3;left:.8rem;top:2rem;transform:translateY(-50%);width:1.8rem;height:1.8rem;display:grid;place-items:center;border:2px solid var(--guide-ink);border-radius:50%;background:var(--guide-paper);color:var(--guide-ink);font-size:.95rem;font-weight:900;cursor:pointer;box-shadow:2px 2px 0 #00ffcc;animation:guide-clear-pop .45s cubic-bezier(.34,1.56,.64,1)} .guide-search-back:hover,.guide-search-back:focus-visible{background:#293126;color:var(--guide-paper);transform:translateY(-50%) scale(1.1)} .guide-search-back:focus-visible{outline:3px solid #00ffcc;outline-offset:2px} .guides-search.has-back input{padding-left:3.2rem} @media(max-width:760px){.guides-search .guide-search-back{left:.6rem;top:1.775rem;width:1.55rem;height:1.55rem;font-size:.85rem}.guides-search.has-back input{padding-left:2.8rem}} body[data-route="guias"] .guide-reader-tools .guides-search .guide-search-back{left:.5rem;width:1.5rem;height:1.5rem;font-size:.85rem} /* Pulso del cuadro de país al pinchar y cascada de puntos al llegar */ .guide-cluster.is-popping{animation:guide-cluster-pop .55s cubic-bezier(.34,1.56,.64,1)} @keyframes guide-cluster-pop{45%{transform:scale(1.35) rotate(-5deg)}} [data-guides-map][data-arrived="1"] .guide-pin--minimal{animation:guide-pin-pop .55s cubic-bezier(.34,1.56,.64,1)} @keyframes guide-pin-pop{from{transform:scale(.2)}60%{transform:scale(1.3)}to{transform:scale(1)}} /* Cascada al llegar a un país y pop-in de cuadros al cargar */ @media (prefers-reduced-motion: no-preference){ [data-guides-map][data-arrived="1"] .guide-pin--minimal{animation:guide-pin-pop .55s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i,0)*70ms)} [data-guides-map][data-intro="1"] .guide-cluster{animation:guide-cluster-pop .55s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(var(--i,0)*90ms)} } /* Reveal de tarjetas de lugares al hacer scroll */ .guide-place-card.reveal-wait{opacity:0;transform:translateY(18px) rotate(-.6deg)} .guide-place-card.reveal-wait.is-revealed{opacity:1;transform:none;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)} /* Enlaces de mapas y webs dentro de las guías */ a.guide-enlace{display:inline-flex;align-items:center;gap:.28rem;padding:.1rem .55rem;margin:.05rem .12rem;border:1.5px solid var(--guide-ink);border-radius:999px;background:var(--guide-oat);color:var(--guide-ink);font-size:.82em;font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .15s,background .15s} a.guide-enlace:hover,a.guide-enlace:focus-visible{background:#dfff00;transform:translateY(-1px)} a.guide-enlace--maps::before{content:"📍";font-size:.9em;line-height:1} /* Foto de cada punto de interés */ .guide-punto-foto{width:fit-content;margin:.9rem auto 1.1rem;border:3px solid var(--guide-ink);border-radius:20px;overflow:hidden;background:var(--guide-oat);box-shadow:5px 5px 0 #ff006e;max-width:100%} .guide-punto-foto img{display:block;width:auto;max-width:100%;height:auto;max-height:min(65svh,36rem);margin-inline:auto;object-fit:contain;object-position:center} .guide-punto-foto figcaption{padding:.4rem .7rem;border-top:2px solid var(--guide-ink);background:var(--guide-paper);color:var(--guide-ink);font-size:.9rem;line-height:1.5;font-weight:700;overflow-wrap:anywhere} .guide-punto-foto figcaption a{color:inherit} @media(max-width:760px){.guide-punto-foto{box-shadow:3px 3px 0 #ff006e}.guide-punto-foto img{max-height:min(65svh,28rem)}} /* === Vista general del mapa: una bandera discreta y pulsable por país === */ .guide-cluster-wrap{display:grid;place-items:center;overflow:visible!important} .guide-cluster--flag.guide-cluster--country-anchor{position:relative;display:grid;width:44px;height:44px;min-width:44px;min-height:44px;place-items:center;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--guide-ink);transform:none;cursor:pointer;touch-action:manipulation} @media(max-width:700px){.guide-cluster--flag.guide-cluster--country-anchor{width:34px;height:34px;min-width:34px;min-height:34px}} .guide-cluster--country-anchor .guide-cluster-flag{display:block;width:29px;height:20px;border:1.5px solid var(--guide-ink);border-radius:3px;overflow:hidden;object-fit:cover;background:#fff;box-shadow:2px 2px 0 #ff006e,-1px -1px 0 #00ffcc;transition:transform .16s ease,box-shadow .16s ease} .guide-country-code{display:grid;width:29px;height:20px;place-items:center;border:1.5px solid var(--guide-ink);border-radius:3px;background:var(--guide-paper);box-shadow:2px 2px 0 #ff006e;font:900 .62rem/1 var(--font-mono,monospace)} .leaflet-marker-icon:hover .guide-cluster--country-anchor .guide-cluster-flag,.leaflet-marker-icon:focus .guide-cluster--country-anchor .guide-cluster-flag,.leaflet-marker-icon:focus-within .guide-cluster--country-anchor .guide-cluster-flag{transform:translateY(-1px) scale(1.08);box-shadow:3px 3px 0 #ff006e,-1px -1px 0 #00ffcc} .leaflet-marker-icon:focus .guide-cluster--country-anchor,.leaflet-marker-icon:focus-within .guide-cluster--country-anchor{outline:2px solid var(--guide-ink);outline-offset:1px} .leaflet-marker-icon:active .guide-cluster--country-anchor .guide-cluster-flag{transform:scale(.94)} @media(forced-colors:active){.guide-cluster--country-anchor .guide-cluster-flag,.guide-country-code{border:1px solid CanvasText;background:Canvas}} @media(max-width:760px),(hover:none) and (pointer:coarse){.guides-map-page .guides-search-toggle{width:7.4rem;min-width:7.4rem;min-height:46px;padding:.48rem .72rem;box-shadow:3px 3px 0 #ff006e,-2px 0 0 #00ffcc}} @media(prefers-reduced-motion:reduce){.guide-cluster--country-anchor .guide-cluster-flag{transition:none}} /* === Atlas editorial: arquitectura responsive final del lector de guías === */ :root{ --guide-header-height:4.75rem; --guide-index-height:3rem; --guide-sticky-offset:calc(var(--guide-header-height) + env(safe-area-inset-top)); --guide-content-gutter:clamp(1rem,3vw,2rem); --guide-control-edge:max(.35rem,env(safe-area-inset-left)); } body[data-route="guias"] .app-header{ position:fixed;top:0;left:0;right:0;width:auto;min-height:calc(var(--guide-header-height) + env(safe-area-inset-top)); padding:calc(.4rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) .4rem calc(.6rem + env(safe-area-inset-left)); align-items:center;border-radius:0;border-bottom:2px solid var(--guide-ink);background:var(--guide-sand);box-shadow:0 3px 0 color-mix(in srgb,var(--guide-ink),transparent 82%); } @media(min-width:701px){body[data-route="guias"] .app-header .menu-toggle{right:calc(1rem + env(safe-area-inset-right))}} body[data-route="guias"] .guide-reader,body[data-route="guias"] .guide-place{padding-top:calc(var(--guide-sticky-offset) + 1rem)} body[data-route="guias"] .radio-thread{ position:fixed;left:calc(52px + max(.35rem,env(safe-area-inset-left)));bottom:max(.35rem,env(safe-area-inset-bottom)); width:52px;height:52px;min-height:52px;grid-template-columns:48px 48px minmax(0,1fr) 48px;overflow:hidden;z-index:1700;transform:none;transform-origin:left bottom; } body[data-route="guias"] .radio-thread:is(:hover,:focus-within,.is-playing){width:min(355px,calc(100vw - 1rem - 52px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:52px;overflow:visible} body[data-route="guias"] .radio-thread:not(:hover):not(:focus-within):not(.is-playing)::after{display:none} body.guide-map-is-open[data-route="guias"] .radio-thread{opacity:0;visibility:hidden;pointer-events:none} body[data-route="guias"] .guide-chapter p, body[data-route="guias"] .guide-chapter>ul, body[data-route="guias"] .guide-chapter>ol{width:100%;max-width:70ch;margin-inline:auto} body[data-route="guias"] .guide-map-frame, body[data-route="guias"] .guide-table-wrap, body[data-route="guias"] .guide-place-card{width:100%} body[data-route="guias"] .guide-place-grid{width:100%;max-width:none} body[data-route="guias"] .guide-hero::after{display:none} body[data-route="guias"] .guide-index span{ display:grid;width:2.2rem;height:1.8rem;place-items:center;border:2px solid var(--guide-ink);border-radius:5px;background:#ff006e;color:var(--guide-paper);font:900 .7rem/1 var(--font-mono,monospace) } body[data-route="guias"] .guide-chapter>header>span{ display:grid;width:3.3rem;height:2.65rem;place-items:center;border:3px solid var(--guide-ink);border-radius:6px;background:#dfff00;color:var(--guide-ink);box-shadow:4px 4px 0 #ff006e;font-size:1.2rem;line-height:1 } body[data-route="guias"] .guide-chapter>header{grid-template-columns:3.3rem minmax(0,1fr);align-items:center} .guide-index .guide-index-dot{display:block;width:.9rem;height:.65rem;border:1.5px solid var(--guide-ink);border-radius:2px} .guide-index-scrim{display:none} @media(min-width:901px){ body[data-route="guias"] .guide-hero{display:grid;grid-template-columns:minmax(16rem,.78fr) minmax(28rem,1.35fr);grid-template-rows:auto auto auto 1fr;column-gap:clamp(1.5rem,3vw,3rem);align-items:start;padding:clamp(1.5rem,3vw,3rem)} body[data-route="guias"] .guide-hero .guide-hero-country{grid-column:1;grid-row:1;margin:0 0 .75rem} body[data-route="guias"] .guide-hero h1{grid-column:1;grid-row:2;max-width:8ch;margin:.05em 0 .16em;font-size:clamp(4rem,7vw,7rem)} body[data-route="guias"] .guide-hero>p:last-of-type{grid-column:1;grid-row:3;margin:.35rem 0 0} body[data-route="guias"] .guide-hero .guide-actions{grid-column:1;grid-row:4;align-self:start;margin-top:1.25rem} body[data-route="guias"] .guide-hero .guide-map-frame{grid-column:2;grid-row:1/5;align-self:stretch;height:auto;min-height:300px;margin:0} body[data-route="guias"] .guide-hero>script{display:none} } @media(max-width:900px){ :root{--guide-header-height:4.35rem;--guide-index-height:2.85rem;--guide-content-gutter:clamp(1rem,4vw,2rem)} body[data-route="guias"] .guide-reader{display:block;width:100%;max-width:none;padding:calc(var(--guide-sticky-offset) + var(--guide-index-height) + 1rem) var(--guide-content-gutter) 5.5rem;background:var(--guide-sand)} body[data-route="guias"] .guide-hero{display:block;padding:clamp(1rem,3vw,1.5rem);border-radius:18px} body[data-route="guias"] .guide-hero h1{font-size:clamp(3.2rem,14vw,5.6rem)} body[data-route="guias"] .guide-map-frame{height:300px;margin-top:1.25rem} body[data-route="guias"] .guide-index{position:sticky;z-index:1790;top:var(--guide-sticky-offset);left:0;right:0;width:100%;height:var(--guide-index-height);margin:0;padding:0 var(--guide-content-gutter);border:0;border-radius:0;transform:none;box-shadow:none;background:var(--guide-sand)} body[data-route="guias"] .guide-index::before{display:none} body[data-route="guias"] .guide-index>button{position:relative;display:flex;width:100%;height:var(--guide-index-height);min-height:44px;align-items:center;justify-content:center;padding:.3rem 3rem;border:2px solid var(--guide-ink);border-bottom:0;background:linear-gradient(135deg,#dfff00 0 72%,#00ffcc 72% 100%);color:var(--guide-ink);box-shadow:none;text-align:center;font-weight:950;letter-spacing:.05em;text-transform:uppercase} body[data-route="guias"] .guide-index>button::after{content:"↓";position:absolute;right:.55rem;display:grid;width:1.7rem;height:1.45rem;place-items:center;border:2px solid var(--guide-ink);border-radius:4px;background:var(--guide-paper)} body[data-route="guias"] .guide-index.is-open>button::after{content:"↑"} body[data-route="guias"] .guide-index ol{position:absolute;top:100%;left:var(--guide-content-gutter);right:var(--guide-content-gutter);display:none;grid-template-columns:1fr;gap:.35rem;max-height:min(58svh,30rem);margin:0;padding:.65rem;overflow-y:auto;overflow-x:hidden;border:2px solid var(--guide-ink);background:var(--guide-paper);box-shadow:6px 6px 0 #ff006e;list-style:none} body[data-route="guias"] .guide-index.is-open ol{display:grid} body[data-route="guias"] .guide-index a{min-height:46px;padding:.5rem .6rem;font-size:.96rem} body[data-route="guias"] .guide-index.is-open + .guide-index-scrim{position:fixed;inset:var(--guide-sticky-offset) 0 0;display:block;z-index:1780;background:color-mix(in srgb,var(--guide-ink),transparent 32%)} body[data-route="guias"] .guide-chapter{scroll-margin-top:calc(var(--guide-sticky-offset) + var(--guide-index-height) + 1rem)} } @media(max-width:700px){ :root{--guide-header-height:4.15rem;--guide-content-gutter:1rem} body[data-route="guias"] .guide-reader{padding-inline:var(--guide-content-gutter)} body[data-route="guias"] .guide-hero{padding:1rem .9rem 1.1rem} body[data-route="guias"] .guide-hero h1{font-size:clamp(3rem,17vw,4.8rem)} body[data-route="guias"] .guide-map-frame{height:230px} body[data-route="guias"] .guide-chapter{padding:1rem .25rem 1rem .75rem} body[data-route="guias"] .guide-chapter h2{font-size:clamp(2rem,10vw,3.15rem)} } @media(min-width:901px) and (max-width:1366px) and (orientation:landscape) and (hover:none) and (pointer:coarse){ body[data-route="guias"] .app-header{top:0;left:0;right:0;background:var(--guide-sand)} body[data-route="guias"] .guide-reader{display:block;width:100%;max-width:none;padding:calc(var(--guide-sticky-offset) + var(--guide-index-height) + 1rem) clamp(1rem,3vw,2rem) 5.5rem;background:var(--guide-sand)} body[data-route="guias"] .guide-hero{display:grid;grid-template-columns:minmax(16rem,.78fr) minmax(28rem,1.35fr);grid-template-rows:auto auto auto 1fr} body[data-route="guias"] .guide-hero .guide-map-frame{grid-column:2;grid-row:1/5} body[data-route="guias"] .guide-index{position:sticky;z-index:1790;top:var(--guide-sticky-offset);left:0;right:0;width:100%;height:var(--guide-index-height);margin:0;padding:0 clamp(1rem,3vw,2rem);border:0;border-bottom:0;border-radius:0;transform:none;box-shadow:none;background:var(--guide-sand)} body[data-route="guias"] .guide-index::before{display:none} body[data-route="guias"] .guide-index>button{position:relative;display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;padding:.35rem 3rem;border:2px solid var(--guide-ink);border-bottom:0;background:linear-gradient(135deg,#dfff00 0 72%,#00ffcc 72% 100%);color:var(--guide-ink);box-shadow:none;text-align:center;font-weight:950} body[data-route="guias"] .guide-index>button::after{content:"↓";position:absolute;right:.55rem;width:1.7rem;height:1.45rem;border:2px solid var(--guide-ink);border-radius:4px;background:var(--guide-paper)} body[data-route="guias"] .guide-index.is-open>button::after{content:"↑"} body[data-route="guias"] .guide-index ol{position:absolute;top:100%;left:clamp(1rem,3vw,2rem);right:clamp(1rem,3vw,2rem);display:none;max-height:min(58svh,30rem);overflow-y:auto;background:var(--guide-paper)} body[data-route="guias"] .guide-index.is-open ol{display:grid} body[data-route="guias"] .guide-chapter{scroll-margin-top:calc(var(--guide-sticky-offset) + var(--guide-index-height) + 1rem)} } /* Banderas SVG del buscador de guías (sustituyen a los emojis, invisibles en Windows) */ .guides-search li{align-items:center} .guides-search .guide-flag-img{flex:none;width:21px;height:14px;border:1.5px solid var(--guide-ink);border-radius:3px;object-fit:cover;background:#fff} /* === Hilo musical de Sala London en /guias (mismo widget de la portada) === */ body[data-route="guias"] .radio-thread{left:calc(14px + var(--safe-left));bottom:calc(14px + var(--safe-bottom));z-index:1700} body[data-route="guias"] .guides-selection{bottom:calc(max(1rem,env(safe-area-inset-bottom)) + 4.6rem)} body[data-route="guias"] .guide-reader,body[data-route="guias"] .guide-place{padding-bottom:calc(clamp(1rem,4vw,4rem) + 4.6rem)} @media(max-width:640px){body[data-route="guias"] .radio-thread{width:min(300px,calc(100vw - 76px));transform:scale(.9);transform-origin:left bottom}} /* === Interstitial de transición al abrir una guía desde el mapa === */ .guide-interstitial{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:2rem;background:color-mix(in srgb,var(--guide-paper),transparent 42%);cursor:pointer;overflow:hidden} .guide-interstitial-barra{position:absolute;left:0;right:0;height:clamp(28px,7vh,64px);background:var(--guide-ink);z-index:2;transition:transform .55s cubic-bezier(.2,.8,.2,1)} .guide-interstitial-barra--arriba{top:0;transform:translateY(-101%)} .guide-interstitial-barra--abajo{bottom:0;transform:translateY(101%)} .guide-interstitial.is-cine .guide-interstitial-barra--arriba,.guide-interstitial.is-cine .guide-interstitial-barra--abajo{transform:translateY(0)} .guide-interstitial-rotulo{position:absolute;inset:0;z-index:1;pointer-events:none} .guide-interstitial-rotulo-texto{position:absolute;left:0;top:0;display:grid;justify-items:center;gap:.55rem;will-change:transform,opacity;opacity:0} .guide-interstitial.is-cine .guide-interstitial-rotulo-texto{animation:guide-rotulo-estampa .7s ease .3s forwards} @keyframes guide-rotulo-estampa{0%{opacity:0}60%{opacity:1}100%{opacity:1}} .guide-interstitial-rotulo-marca{display:inline-flex;align-items:center;gap:.45rem;font:900 .68rem/1 var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--guide-ink);background:var(--guide-paper);border:2px solid var(--guide-ink);border-radius:999px;padding:.35rem .75rem;box-shadow:3px 3px 0 #ff006e} .guide-interstitial-rotulo-nombre{font-size:clamp(2.6rem,11vw,6.5rem);font-weight:900;letter-spacing:-.045em;line-height:.95;text-transform:uppercase;color:var(--guide-ink);text-shadow:4px 0 #ff006e,-4px 0 #00ffcc,0 5px 26px color-mix(in srgb,var(--guide-paper),transparent 20%)} .guide-interstitial.is-cine .guide-interstitial-rotulo-nombre{animation:guide-rotulo-glitch .7s ease .3s backwards} @keyframes guide-rotulo-glitch{0%{text-shadow:22px 0 #ff006e,-22px 0 #00ffcc}100%{text-shadow:4px 0 #ff006e,-4px 0 #00ffcc}} .guide-interstitial-rotulo-frase{font-style:italic;font-weight:800;color:var(--guide-moss);font-size:clamp(.95rem,2.6vw,1.3rem);text-shadow:0 2px 0 var(--guide-paper),0 0 14px var(--guide-paper),0 0 22px var(--guide-paper)} .guide-interstitial.is-cine::before{content:'';position:absolute;inset:0;z-index:5;background:#fff;opacity:0;pointer-events:none;animation:guide-flash .3s ease .3s forwards} @keyframes guide-flash{0%{opacity:.5}100%{opacity:0}} .guide-interstitial-caja{display:grid;justify-items:center;gap:1.1rem;max-width:min(40rem,92vw);text-align:center;padding:clamp(1.5rem,5vw,3rem);border:3px solid var(--guide-ink);border-radius:28px;background:var(--guide-paper);box-shadow:9px 9px 0 #ff006e,-5px -5px 0 #00ffcc,0 18px 44px color-mix(in srgb,var(--guide-ink),transparent 70%);transform:translateY(26px) scale(.96) rotate(-1deg);opacity:0;z-index:3;transition:opacity .4s ease .12s,transform .62s cubic-bezier(.34,1.56,.64,1) .12s} .guide-interstitial.is-tarjeta .guide-interstitial-caja{opacity:1;transform:translateY(0) scale(1) rotate(-1deg)} .guide-interstitial-pata{width:clamp(3.4rem,9vw,4.4rem);height:auto;transform-origin:50% 88%;animation:guide-interstitial-paseo 1.1s ease-in-out infinite} .guide-interstitial-titulo{margin:0;font-size:clamp(1.6rem,6vw,3.4rem);line-height:1;letter-spacing:-.04em;color:var(--guide-ink);text-shadow:3px 0 #ff006e,-3px 0 #00ffcc} .guide-interstitial-frase{margin:0;font-style:italic;font-weight:800;color:var(--guide-moss);font-size:clamp(1rem,3vw,1.35rem)} .guide-interstitial-pista{margin:.2rem 0 0;font:900 .72rem/1 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--guide-ink),transparent 35%)} @keyframes guide-interstitial-paseo{0%,100%{transform:rotate(-8deg) translateY(0)}25%{transform:rotate(-3deg) translateY(-12px)}50%{transform:rotate(7deg) translateY(0)}75%{transform:rotate(2deg) translateY(-9px)}} @media(prefers-reduced-motion:reduce){.guide-interstitial-pata{animation:none}.guide-interstitial{background:color-mix(in srgb,var(--guide-paper),white 4%)}.guide-interstitial-barra,.guide-interstitial-rotulo,.guide-interstitial.is-cine::before{display:none}.guide-interstitial-caja{transition:none;opacity:1;transform:rotate(-1deg)}} /* Lista de guias (fallback sin JS): oculta por defecto,