:root{--fondo:#0b0f14;--panel:#10161ebd;--panel-solido:#131a23;--borde:#ffffff1a;--borde-fuerte:#fff3;--texto:#eef3f8;--texto-2:#93a3b6;--texto-3:#64748b;--acento:#e0483c;--acento-2:#ff6a5e;--acento-suave:#e0483c29;--r-sm:8px;--r-md:11px;--r-lg:16px;--sombra:0 8px 28px #00000073, 0 1px 2px #0000004d;--fuente:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--seguro-t:max(14px, env(safe-area-inset-top));--seguro-b:max(14px, env(safe-area-inset-bottom));--seguro-l:max(16px, env(safe-area-inset-left));--seguro-r:max(16px, env(safe-area-inset-right))}*{box-sizing:border-box}html,body{background:var(--fondo);height:100%;color:var(--texto);font-family:var(--fuente);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;padding:0;overflow:hidden}canvas{touch-action:none;display:block}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:100%;height:100%}button{font:inherit;color:var(--texto);cursor:pointer;border:1px solid var(--borde);border-radius:var(--r-sm);background:#ffffff0d;padding:7px 11px;font-size:12.5px;transition:background .15s,border-color .15s,color .15s}button:hover{background:#ffffff1c}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--acento-2);outline-offset:2px}button.icono{width:26px;height:26px;color:var(--texto-2);background:0 0;border-color:#0000;flex:none;place-items:center;padding:0;display:grid}button.icono:hover{color:var(--texto);background:#ffffff1a}#acciones{top:var(--seguro-t);right:var(--seguro-r);z-index:5;gap:8px;display:flex;position:fixed}button.ciclo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e14c7;border-radius:999px;padding:9px 16px;font-weight:550;box-shadow:0 6px 24px #00000059}.hoja{z-index:10;padding:max(12px, env(safe-area-inset-top)) var(--seguro-r) max(12px, env(safe-area-inset-bottom)) var(--seguro-l);place-items:center;display:grid;position:fixed;inset:0}.hoja[hidden]{display:none}.hoja-fondo{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04060a9e;position:absolute;inset:0}.hoja-tarjeta:focus{outline:none}.hoja-tarjeta{overscroll-behavior:contain;border-radius:var(--r-lg);background:var(--panel-solido);border:1px solid var(--borde-fuerte);width:min(440px,100%);max-height:100%;box-shadow:var(--sombra);padding:26px 26px 22px;line-height:1.5;position:relative;overflow-y:auto}.hoja-tarjeta h2{letter-spacing:-.01em;margin:0 34px 10px 0;font-size:19px;font-weight:650}.hoja-tarjeta p{color:var(--texto-2);margin:0 0 12px}.hoja-tarjeta ul{color:var(--texto-2);margin:0;padding-left:18px}.hoja-tarjeta li{margin:5px 0}.hoja-tarjeta b{color:var(--texto);font-weight:600}.hoja-cerrar{width:34px;height:34px;color:var(--texto-2);background:0 0;border-color:#0000;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.hoja-cerrar:hover{color:var(--texto);background:#ffffff1a}.hoja-cerrar svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:18px;height:18px}.hoja-qr{isolation:isolate;border-radius:22px;width:220px;height:220px;margin:16px auto 10px;overflow:hidden}.hoja-qr img{object-fit:cover;width:100%;height:100%;display:block}.hoja-nota{color:var(--texto-3);text-align:center;margin:0;font-size:12px}.hoja-info,.hoja-donar{font-family:"Poppins", var(--fuente)}.hoja-info h2{font-weight:600}.hoja-info p{color:var(--texto);font-weight:400}.hoja-info p:last-child{margin-bottom:0}.hoja-sigueme{align-items:center;gap:10px;margin-top:18px;display:flex}.hoja-sigueme a{width:38px;height:38px;color:var(--texto);border:1px solid var(--borde);background:#ffffff0f;border-radius:10px;place-items:center;transition:background .15s,color .15s,transform .15s;display:grid}.hoja-sigueme a:hover{background:var(--acento-suave);color:var(--acento-2);transform:translateY(-1px)}.hoja-sigueme svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:22px;height:22px}.hoja-donar{text-align:center}.hoja-donar p{color:var(--texto);margin:6px 24px 0;font-weight:400}.hoja-donar .hoja-nota{color:var(--texto-3)}#vistas{right:var(--seguro-r);bottom:var(--seguro-b);z-index:4;font-family:"Poppins", var(--fuente);color:var(--texto-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;-webkit-user-select:none;user-select:none;background:#0a0e14b8;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;display:flex;position:fixed;box-shadow:0 6px 24px #0000004d}#vistas[hidden]{display:none}#vistas b{color:var(--texto);font-variant-numeric:tabular-nums;font-weight:600}#vistas svg{flex:none;width:16px;height:16px}button.salir{top:var(--seguro-t);left:var(--seguro-l);z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e14c7;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;position:fixed;box-shadow:0 6px 24px #00000059}button.salir[hidden]{display:none}button.salir svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:22px;height:22px}button.salir:hover{background:#ffffff24}#ui{top:var(--seguro-t);width:268px;max-height:calc(100dvh - var(--seguro-t) - var(--seguro-b));background:var(--panel);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--borde);border-radius:var(--r-lg);box-shadow:var(--sombra);overscroll-behavior:contain;-webkit-user-select:none;user-select:none;scrollbar-width:thin;scrollbar-color:var(--borde-fuerte) transparent;flex-direction:column;gap:15px;padding:15px 16px 16px;display:flex;position:fixed;left:14px;overflow-y:auto}.cabecera{align-items:flex-start;gap:10px;display:flex}.cabecera h1{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:650}.cabecera .sub{color:var(--texto-2);margin:3px 0 0;font-size:11px}.cabecera .icono{margin-left:auto;display:none}.grp{flex-direction:column;gap:8px;display:flex}.lbl{letter-spacing:.09em;text-transform:uppercase;color:var(--texto-3);align-items:baseline;gap:6px;font-size:10px;font-weight:600;display:flex}.lbl .val{color:var(--texto-2);letter-spacing:0;font-variant-numeric:tabular-nums;margin-left:auto}.lbl .pista{letter-spacing:0;text-transform:none;opacity:.8;margin-left:auto;font-size:10px;font-weight:400}.segmentado{border:1px solid var(--borde);border-radius:var(--r-md);background:#0000004d;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;padding:3px;display:grid}.segmentado button{border-radius:calc(var(--r-md) - 4px);color:var(--texto-2);background:0 0;border:none;padding:7px 6px;font-weight:550}.segmentado button:hover{color:var(--texto);background:#ffffff12}.segmentado button.on{background:var(--acento);color:#fff;box-shadow:0 1px 6px #e0483c73}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border-radius:999px;flex:auto;min-width:62px}.chips button.on{background:var(--acento-suave);color:var(--acento-2);border-color:#e0483c80}#sectores{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}#sectores li{border-radius:var(--r-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:9px;padding:6px 8px;font-size:12.5px;transition:background .15s,border-color .15s;display:flex}#sectores li:hover{border-color:var(--borde);background:#ffffff12}#sectores li.inactivo{opacity:.42;cursor:default}#sectores li.inactivo:hover{background:0 0;border-color:#0000}#sectores .punto{border-radius:3px;flex:none;width:11px;height:11px;box-shadow:inset 0 0 0 1px #0006}#sectores .cant{color:var(--texto-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}#limites{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}#limites li{border-radius:var(--r-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:9px;padding:6px 8px;font-size:12.5px;transition:background .15s,border-color .15s;display:flex}#limites li:hover{border-color:var(--borde);background:#ffffff12}#limites .clave{text-align:center;color:#ffd79a;letter-spacing:.03em;background:#7a440a;border-radius:5px;flex:none;min-width:24px;padding:2px 5px;font-size:10.5px;font-weight:700}#limites .cant{color:var(--texto-3);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}#sectores em{color:var(--texto-3);margin-left:3px;font-size:10.5px;font-style:normal}#sectores li.grupo:after{content:"›";color:var(--texto-3);margin-left:2px;font-size:14px;line-height:1;transition:transform .18s}#sectores li.grupo.abierto:after{transform:rotate(90deg)}#sectores li.bloques{cursor:default;flex-wrap:wrap;gap:4px;padding:4px 8px 9px 28px;display:none}#sectores li.bloques:hover{background:0 0;border-color:#0000}#sectores li.grupo.abierto+li.bloques{display:flex}#sectores .bloque{background:#ffffff12;border-radius:6px;flex:none;min-width:27px;padding:4px 0;font-size:11px;font-weight:600}#sectores .bloque:hover{background:var(--acento);border-color:var(--acento);color:#fff}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}input[type=range]::-webkit-slider-runnable-track{background:#ffffff24;border-radius:999px;height:4px}input[type=range]::-moz-range-track{background:#ffffff24;border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--acento);border:2px solid #fff;border-radius:50%;width:15px;height:15px;margin-top:-5.5px;box-shadow:0 1px 5px #00000080}input[type=range]::-moz-range-thumb{background:var(--acento);border:2px solid #fff;border-radius:50%;width:15px;height:15px}input[type=range]:focus-visible{outline:2px solid var(--acento-2);outline-offset:4px}#localidad{top:var(--seguro-t);background:var(--panel);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--borde);border-radius:var(--r-lg);width:232px;box-shadow:var(--sombra);padding:14px 16px 15px;transition:opacity .22s,transform .22s;position:fixed;right:14px}#localidad.oculto{opacity:0;pointer-events:none;transform:translateY(-8px)scale(.98)}#localidad .icono{position:absolute;top:9px;right:9px}#localidad .etiqueta{letter-spacing:.09em;text-transform:uppercase;color:var(--acento-2);margin-bottom:4px;font-size:10px;font-weight:600}#localidad .titulo{letter-spacing:-.015em;margin-bottom:10px;font-size:17px;font-weight:650}#localidad .datos{grid-template-columns:1fr auto;gap:5px 12px;margin:0;font-size:11.5px;display:grid}#localidad .datos dt{color:var(--texto-3)}#localidad .datos dd{text-align:right;color:var(--texto);font-variant-numeric:tabular-nums;margin:0}#pista,#stats{bottom:var(--seguro-b);color:var(--texto-3);pointer-events:none;text-shadow:0 1px 3px #000000b3;font-size:11px;position:fixed}#pista{margin:0;left:16px}#stats{text-align:right;font-variant-numeric:tabular-nums;line-height:1.5;right:16px}#stats b{color:var(--texto-2);font-weight:600}#abrirPanel{top:var(--seguro-t);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--r-md);width:40px;height:40px;box-shadow:var(--sombra);z-index:5;padding:8px;display:none;position:fixed;left:14px}#dpad{right:var(--seguro-r);bottom:calc(var(--seguro-b) + 16px);z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:6px;width:156px;height:156px;display:grid;position:fixed}#dpad[hidden]{display:none}#dpad button{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--borde);color:var(--texto-2);box-shadow:var(--sombra);border-radius:10px;place-items:center;padding:0;display:grid}#dpad button:hover{color:var(--texto)}#dpad button:active{background:var(--acento);border-color:var(--acento);color:#fff}#dpad button svg{fill:currentColor;stroke:none;width:26px;height:26px}#dpad [data-dir=up]{grid-area:1/2}#dpad [data-dir=left]{grid-area:2/1}#dpad [data-dir=right]{grid-area:2/3}#dpad [data-dir=down]{grid-area:3/2}#carga{z-index:20;background:var(--fondo);place-content:center;justify-items:center;gap:14px;transition:opacity .5s;display:grid;position:fixed;inset:0}#carga.fuera{opacity:0;pointer-events:none}.carga-barra{background:#ffffff1a;border-radius:999px;width:190px;height:3px;overflow:hidden}.carga-barra i{background:linear-gradient(90deg, transparent, var(--acento), transparent);border-radius:999px;width:40%;height:100%;animation:1.1s ease-in-out infinite correr;display:block}@keyframes correr{0%{transform:translate(-100%)}to{transform:translate(350%)}}.carga-txt{color:var(--texto-3);font-size:11.5px}@media (max-width:720px){#abrirPanel{display:block}.cabecera .icono{display:grid}#ui{border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;max-height:68dvh;padding-bottom:calc(16px + env(safe-area-inset-bottom));border-bottom:none;transition:transform .28s cubic-bezier(.32,.72,0,1);inset:auto 0 0;transform:translateY(101%)}#ui[data-abierto=true]{transform:none}#localidad{top:auto;bottom:calc(var(--seguro-b) + 34px);width:auto;left:14px;right:14px}#pista{display:none}#stats{bottom:calc(var(--seguro-b) - 4px)}}@media (pointer:coarse){button.ciclo{min-height:44px}.hoja-cerrar{width:44px;height:44px;top:6px;right:6px}.hoja-sigueme a{width:44px;height:44px}}@media (orientation:landscape) and (max-height:500px){.hoja-tarjeta{width:min(640px,100%);padding:16px 22px 14px;line-height:1.4}.hoja-tarjeta h2{margin-bottom:6px;font-size:17px}.hoja-tarjeta p{margin-bottom:6px}.hoja-sigueme{margin-top:8px}.hoja-donar{text-align:left;grid-template-columns:auto 1fr;align-items:center;column-gap:20px;display:grid}.hoja-donar .hoja-qr{grid-area:1/1/span 2;width:150px;height:150px;margin:0}.hoja-donar p{grid-area:1/2;align-self:end;margin:0 40px 0 0}.hoja-donar .hoja-nota{text-align:left;grid-area:2/2;align-self:start;margin-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}