*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#142e37;color:#f6e5c1;font-family:system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}[hidden]{display:none!important}#guaira-map{height:100svh;min-height:0;display:grid;grid-template-rows:auto minmax(64px,1fr) auto;overflow:hidden}.guaira-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));background:#262936;border-bottom:3px solid #90603d;z-index:2}.guaira-kicker{font-size:10px;letter-spacing:1.8px;margin:0 0 3px;color:#d7b87d;font-weight:800}h1{font:800 28px/1.1 monospace;margin:0;letter-spacing:1px}.guaira-header nav{display:flex;gap:8px}button,a{touch-action:manipulation}.guaira-header button,.guaira-header a,.guaira-panel button,.guaira-marker{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0;background:#75503b;border:0;color:#f6e5c1;cursor:pointer;text-decoration:none;border-radius:0}.lab-action-art{display:block;image-rendering:pixelated;pointer-events:none}.lab-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}button:focus-visible,a:focus-visible{outline:3px solid #ffe091;outline-offset:3px;z-index:5}button:disabled{cursor:default;filter:grayscale(.65);opacity:.55}button:not(:disabled):hover,a:hover{filter:brightness(1.14)}button:not(:disabled):active .lab-action-art,a:active .lab-action-art{transform:translateY(2px)}[aria-pressed=true]{box-shadow:0 0 0 2px #f9d577}.guaira-scene{position:relative;min-height:0;overflow:hidden;background:#24494f;isolation:isolate}#guaira-canvas{display:block;width:100%;height:100%}#guaira-markers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.guaira-marker{position:absolute;transform:translate(-50%);pointer-events:auto;background:transparent}.guaira-caption{position:absolute;top:12px;left:0;right:0;margin:0;text-align:center;font-size:12px;letter-spacing:.7px;color:#c9d5c3;pointer-events:none;text-shadow:0 1px 3px #17383e}#map-loading-panel{position:absolute;top:12px;right:12px;bottom:12px;left:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#24303a;text-align:center;padding:12px;overflow:auto;z-index:4}#map-loading{margin:0;font-size:13px}#map-loading-panel nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}#map-loading-panel a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 12px;background:#75503b;border:2px solid #bc8c50;color:#f6e5c1;font-size:12px}.guaira-panel{display:grid;grid-template-columns:auto 1fr auto;gap:10px 24px;padding:13px max(20px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:#262936;border-top:3px solid #90603d;z-index:2;align-items:center}.guaira-destinations{display:flex;gap:8px;align-items:center}.guaira-description{min-width:0}.guaira-description h2{font:700 18px/1.25 monospace;margin:0 0 4px}.guaira-description p{margin:0;color:#d2c8ad;font-size:12px;line-height:1.5}#map-status{color:#f2d88e;min-height:18px}.guaira-actions{display:flex;gap:8px;align-items:center}#map-instructions{grid-column:1/-1;margin:0;color:#aea992;font-size:11px;line-height:1.4}@media(max-width:759px){.guaira-header{padding:9px 12px;gap:6px}.guaira-kicker{font-size:8px;letter-spacing:.8px}h1{font-size:24px}.guaira-header nav{gap:5px}.guaira-panel{grid-template-columns:1fr auto;gap:8px 10px;padding:10px 12px max(9px,env(safe-area-inset-bottom))}.guaira-destinations{grid-column:1/-1;gap:8px}.guaira-description h2{font-size:15px}.guaira-description p{font-size:11px}.guaira-actions{flex-direction:column;gap:5px}#map-instructions{font-size:10px}.guaira-caption{top:9px;font-size:10px}}@media(max-width:360px){.guaira-kicker{max-width:128px;line-height:1.4}.guaira-header{padding:7px 9px}.guaira-panel{padding-left:10px;padding-right:10px}.guaira-description h2{font-size:14px}}@media(max-height:500px){.guaira-header{padding:5px 12px}.guaira-kicker{display:none}h1{font-size:21px}.guaira-panel{grid-template-columns:1fr auto;padding:6px 12px;gap:5px 10px}.guaira-destinations{grid-column:1;grid-row:1;gap:8px}.guaira-description{grid-column:1;grid-row:2}.guaira-description h2{font-size:14px;margin:0}.guaira-description #map-description{display:none}#map-status{font-size:10px;min-height:14px}.guaira-actions{grid-column:2;grid-row:1/3;flex-direction:column;gap:5px}#map-instructions,.guaira-caption{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}@media(forced-colors:active){.lab-action-art{display:none}.lab-sr{position:static;width:auto;height:auto;margin:0;clip-path:none;white-space:normal}button,a{padding:6px!important;border:2px solid ButtonText!important}[aria-pressed=true]{outline:3px solid Highlight}.guaira-description p,#map-status,#map-instructions{color:CanvasText}}#map-error{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#24303a;padding:16px;gap:10px;font-size:13px;overflow:auto}#map-error p{max-width:480px;margin:0;line-height:1.5}#map-error nav{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}#map-error a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:8px 12px;background:#75503b;border:2px solid #bc8c50;color:#f6e5c1}@media(max-height:500px)and (max-width:759px){#guaira-markers{display:none}}@media(max-width:420px)and (max-height:500px){.guaira-destinations{grid-column:1/-1}.guaira-actions{grid-column:2;grid-row:2}.guaira-panel{padding-left:8px;padding-right:8px;gap:5px 8px}}#map-loading-panel,#map-error{justify-content:flex-start;justify-content:safe center}@media(min-height:400px)and (max-height:500px)and (orientation:portrait){.guaira-description #map-description{display:block}}.guaira-marker-bairro:before{content:"";position:absolute;left:calc(50% - 1px);top:-12px;width:2px;height:12px;background:#bc8c50;pointer-events:none}#map-detours{width:min(400px,calc(100vw - 24px));max-height:calc(100svh - 24px);margin:auto;padding:16px;border:3px solid #bc8c50;border-radius:0;background:#262936;color:#f6e5c1;box-shadow:4px 4px #142e37;overflow:auto}#map-detours::backdrop{background:#10252aba}#map-detours h2{font:700 19px/1.25 monospace;margin:0 0 8px}#map-detours p{font-size:12px;line-height:1.5;color:#d2c8ad;margin:0 0 12px}.guaira-detour-choices{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.guaira-detour-choices button{display:block;width:100%;min-height:56px;padding:10px 12px;text-align:left;font:700 14px/1.35 monospace;background:#75503b;color:#f6e5c1;border:2px solid #bc8c50;border-radius:0;cursor:pointer}.guaira-detour-choices span{display:block;margin-top:4px;font:400 11px/1.4 system-ui,sans-serif;color:#f0dfbf}#map-detours-close{display:flex;min-width:44px;min-height:44px;padding:0;border:0;background:#75503b;cursor:pointer}@media(max-height:360px){#map-detours{padding:10px}#map-detours h2{font-size:16px;margin-bottom:4px}#map-detours p{margin-bottom:8px}.guaira-detour-choices{gap:6px;margin-bottom:8px}.guaira-detour-choices button{padding:6px 9px;min-height:44px}.guaira-detour-choices span{margin-top:2px}}@media(forced-colors:active){#map-detours,.guaira-detour-choices button{background:Canvas;color:CanvasText;border-color:ButtonText}#map-detours p,.guaira-detour-choices span{color:CanvasText}}.guaira-header nav{flex-wrap:wrap;max-width:100%}@media(max-width:420px){.guaira-header{flex-wrap:wrap}.guaira-header nav{flex-basis:100%;justify-content:flex-end}}
