:root{--f:#0e1116;--p:#171b22;--p2:#222832;--t:#eef1f5;--m:#a2acb9;--v:#3ddc84;--n:#ffa53b;--r:#ff5d5d;--g:#8a94a3;--a:#6db3ff}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--f);color:var(--t);font:15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;overflow:hidden}
button,input{font:inherit;color:inherit}a{color:var(--a)}
#mapa{position:fixed;inset:0}
#cab{position:fixed;top:0;left:0;right:0;z-index:5;padding:calc(env(safe-area-inset-top) + 8px) 10px 6px;background:linear-gradient(#0e1116f2 72%,#0e111600);pointer-events:none}
#cab>*{pointer-events:auto}
.fila1{display:flex;justify-content:space-between;align-items:center;pointer-events:none}
h1{font-size:18px;margin:0;font-weight:500;letter-spacing:-.2px}h1 b{color:var(--v);font-weight:700}
#vivo{font-size:12px;color:var(--m);display:flex;gap:6px;align-items:center}#vivo i{width:8px;height:8px;border-radius:50%;background:var(--g)}#vivo.ok i{background:var(--v)}#vivo.mal i{background:var(--r)}
#contador{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:6px}
#contador div{background:var(--p);border-radius:9px;padding:5px 6px;text-align:center}
#contador b{display:block;font-size:17px;font-variant-numeric:tabular-nums;line-height:1.2}#contador span{font-size:10.5px;color:var(--m)}
b.v{color:var(--v)}b.n{color:var(--n)}
#filtros{display:flex;gap:6px;overflow-x:auto;padding:7px 0 3px;scrollbar-width:none}#filtros::-webkit-scrollbar{display:none}
.chip{flex:none;border:1px solid #333b47;background:var(--p);border-radius:16px;padding:5px 11px;font-size:13px;cursor:pointer;min-height:32px}
.chip.on{background:var(--t);color:#10141a;border-color:var(--t);font-weight:600}
#aviso{position:fixed;top:150px;left:10px;right:10px;z-index:6;background:#3a2410;color:#ffd9ae;border-radius:9px;padding:8px 11px;font-size:13px}
#panel{position:fixed;z-index:6;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 66px);max-height:46vh;background:var(--p);border-radius:15px 15px 0 0;display:flex;flex-direction:column;box-shadow:0 -6px 20px #0008;transition:max-height .2s}
#panel.plegado{max-height:26px;overflow:hidden}
#asa{background:none;border:0;padding:9px 0 7px;cursor:pointer;flex:none}#asa:before{content:"";display:block;width:38px;height:4px;background:#444d5a;border-radius:2px;margin:auto}
#contenido{overflow-y:auto;padding:0 13px 10px;flex:1}
#nav{position:fixed;z-index:7;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 20px);height:46px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--f);border-top:1px solid #262c36}
#nav button{background:none;border:0;color:var(--m);font-size:13.5px;cursor:pointer}#nav button.on{color:var(--t);font-weight:600;box-shadow:inset 0 2px 0 var(--v)}
#pie{position:fixed;z-index:7;left:0;right:0;bottom:0;height:calc(env(safe-area-inset-bottom) + 20px);background:var(--f);color:var(--m);font-size:10px;text-align:center;line-height:20px;white-space:nowrap;overflow:hidden}
#buscar{width:100%;background:var(--p2);border:1px solid #333b47;border-radius:10px;padding:10px 12px;font-size:16px}
.bot{background:var(--p2);border:1px solid #333b47;border-radius:9px;padding:8px 12px;cursor:pointer;font-size:14px;min-height:40px}.bot.pri{background:var(--v);color:#08130c;border:0;font-weight:600}
.acc{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0}
.lista{list-style:none;margin:6px 0 0;padding:0}.lista li{border-top:1px solid #272e39}.lista li:first-child{border:0}
.lin{display:flex;gap:9px;align-items:center;width:100%;background:none;border:0;padding:9px 0;text-align:left;cursor:pointer;min-height:44px}
.lin .h{width:46px;font-variant-numeric:tabular-nums;font-weight:600;flex:none}.lin .c{flex:1;min-width:0}.lin .c small{display:block;color:var(--m)}.lin .c span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.et{flex:none;font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.et.v{color:var(--v)}.et.n{color:var(--n)}.et.r{color:var(--r)}.et.g{color:var(--g)}
h2{font-size:17px;margin:2px 0 3px}h3{font-size:14px;margin:12px 0 2px;color:var(--m);font-weight:600}p{margin:5px 0}.mut{color:var(--m);font-size:13px}
.par{display:flex;gap:9px;padding:5px 0;font-size:14px}.par .h{width:92px;flex:none;font-variant-numeric:tabular-nums}.par.pas{color:var(--m)}.par.act{font-weight:600;color:var(--a)}
table{border-collapse:collapse;width:100%;font-size:13.5px;margin:6px 0}td,th{border-bottom:1px solid #272e39;padding:5px 4px;text-align:left}
.leyenda{display:flex;gap:12px;font-size:12px;color:var(--m);margin:6px 0}.leyenda i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}
#hueco-promo{padding:8px 13px;border-top:1px solid #272e39;font-size:13px}#hueco-promo small{color:var(--m);display:block}
.maplibregl-ctrl-bottom-right{bottom:auto;top:175px}.maplibregl-ctrl-attrib{font-size:10px}
@media (min-width:860px){#cab{right:auto;width:400px;background:var(--f);bottom:0;padding-bottom:0}#filtros{flex-wrap:wrap}#panel{left:0;width:400px;top:178px;bottom:66px;max-height:none;border-radius:0;box-shadow:none}#panel.plegado{max-height:none}#asa{display:none}#nav{width:400px;right:auto}#pie{width:400px;right:auto}#aviso{left:410px;right:auto;top:10px;width:340px}#contenido{padding-top:10px}.maplibregl-ctrl-bottom-right{top:auto;bottom:0}}