:root{--verde: #1E5B3E;--verde2: #2a7a54;--bg: #f4f6f5;--card: #ffffff;--line: #e3e8e6;--tx: #1f2937;--mut: #6b7280}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--tx)}.app{display:flex;flex-direction:column;height:100vh}.top{display:flex;align-items:center;justify-content:space-between;background:var(--verde);color:#fff;padding:10px 18px}.brand{font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px}.brand .sub{font-weight:400;font-size:12px;opacity:.8;margin-left:10px}.brand .dot{width:12px;height:12px;border-radius:50%;background:#a7f3d0}.mes{font-size:13px;opacity:.9}.layout{flex:1;display:flex;min-height:0}.side{width:260px;background:var(--card);border-right:1px solid var(--line);padding:16px;overflow-y:auto;flex-shrink:0}.grp{margin-bottom:18px}.lab{display:block;font-size:12px;font-weight:600;color:var(--mut);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.side select{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;font-size:14px;background:#fff}.switch,.chk{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;margin:6px 0}.swatch{width:13px;height:13px;border-radius:50%;display:inline-block}.seg{display:flex;gap:4px}.seg button{flex:1;padding:7px 4px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:12px;cursor:pointer}.seg button.on{background:var(--verde);color:#fff;border-color:var(--verde)}.exp{width:100%;padding:10px;background:var(--verde2);color:#fff;border:0;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600}.exp:hover{background:var(--verde)}.note{margin-top:12px;font-size:11.5px;color:var(--mut);line-height:1.5}.main{flex:1;min-width:0;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kpi{background:var(--card);border:1px solid var(--line);border-top:3px solid var(--verde);border-radius:10px;padding:12px 14px}.kpi-val{font-size:24px;font-weight:800}.kpi-lab{font-size:12px;color:var(--mut);margin-top:2px}.kpi-sub{font-size:11px;color:var(--verde2);margin-top:3px}.mid{display:flex;gap:14px;align-items:stretch}.mapwrap{flex:2 1 0;height:62vh;min-height:480px;min-width:0}.map-box{position:relative;height:100%;border:1px solid var(--line);border-radius:10px;overflow:hidden}.leaflet-container{height:100%;width:100%}.zonas{flex:1 1 340px;max-width:440px;min-width:320px;background:var(--card);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.zhead{padding:10px 14px;border-bottom:1px solid var(--line);font-weight:700;font-size:14px;background:#f8faf9}.zscroll{overflow:auto}.ztable{width:100%;border-collapse:collapse;font-size:12.5px}.ztable th,.ztable td{padding:7px 10px;border-bottom:1px solid #f0f2f1;white-space:nowrap}.ztable th{position:sticky;top:0;background:#f8faf9;font-size:11px;text-transform:uppercase;color:var(--mut)}.ztable td.r,.ztable th.r{text-align:right}.ztable tr.ztot td{font-weight:800;background:var(--verde);color:#fff;border-top:2px solid var(--verde)}.ztable tr.ztot td.r{color:#fff}.map-foot{position:absolute;bottom:8px;left:8px;z-index:500;background:#ffffffe6;padding:4px 10px;border-radius:6px;font-size:12px}.map-foot .warn{color:#b45309}.tablewrap{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden}.thead{padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px}.tscroll{max-height:420px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:7px 12px;text-align:left;border-bottom:1px solid #f0f2f1;white-space:nowrap}th{position:sticky;top:0;background:#f8faf9;font-size:11.5px;text-transform:uppercase;color:var(--mut);z-index:2}td.r,th.r{text-align:right}tr.cero td{color:#4b5563}.badge{padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge.comprado{background:#dbeafe;color:#1d4ed8}.badge.cero{background:#f3f4f6;color:#6b7280}.err{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px;font-size:13px}@media (max-width: 860px){.app{height:auto;min-height:100vh}.layout{flex-direction:column;min-height:0}.side{width:100%;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.main{overflow:visible;padding:12px;gap:16px}.kpis{grid-template-columns:repeat(2,1fr);gap:8px}.kpi-val{font-size:20px}.mid{flex-direction:column}.mapwrap{height:65vh;min-height:400px;flex:none}.zonas{max-width:none;min-width:0;flex:none}.zscroll{max-height:360px}.tablewrap{margin-top:8px}.tscroll{max-height:none}.top{flex-direction:column;align-items:flex-start;gap:2px}.brand{font-size:15px;flex-wrap:wrap}.brand .sub{margin-left:0}}