@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--bg2:#fafafa;--bg3:#f4f4f5;--text:#18181b;--text2:#71717a;--text3:#a1a1aa;--accent:#a3e635;--accent-dark:#65a30d;--border:#e4e4e7;--red:#dc2626;--orange:#ea580c;--yellow:#ca8a04;--green:#16a34a;--radius:8px;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;width:420px;min-width:420px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);padding:20px 24px}.sidebar-header h1{letter-spacing:-.3px;font-size:18px;font-weight:700}.sidebar-header p{color:var(--text2);margin-top:2px;font-size:13px}.sidebar-body{flex:1;padding:20px 24px;overflow-y:auto}.filter-section{margin-bottom:20px}.filter-label{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.region-pills{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.region-pill{border:1px solid var(--border);background:var(--bg);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.region-pill:hover{border-color:var(--text3);color:var(--text)}.region-pill.active{background:var(--text);color:var(--bg);border-color:var(--text)}select{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2371717a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:10px 14px;font-size:13px}select:focus{border-color:var(--text)}.stats-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:1px;margin-bottom:16px;display:grid;overflow:hidden}.stat-card{background:var(--bg);padding:16px}.stat-card .value{letter-spacing:-.5px;color:var(--text);font-size:24px;font-weight:700}.stat-card .label{color:var(--text2);text-transform:uppercase;letter-spacing:.3px;margin-top:2px;font-size:11px}.stat-card.full{grid-column:1/-1}.score-distribution{margin-bottom:16px}.score-bar{background:var(--bg3);border-radius:3px;gap:1px;height:6px;display:flex;overflow:hidden}.score-bar .seg{border-radius:3px;height:100%}.score-bar .seg.critico{background:var(--red)}.score-bar .seg.alto{background:var(--orange)}.score-bar .seg.medio{background:var(--yellow)}.score-bar .seg.bajo{background:var(--green)}.legend{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.legend span{color:var(--text2);align-items:center;gap:4px;font-size:11px;display:flex}.legend .dot{border-radius:50%;width:6px;height:6px}.destinos-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.destino-chip{color:var(--text2);background:var(--bg3);border-radius:4px;padding:3px 8px;font-size:11px}.destino-chip strong{color:var(--text);font-weight:600}.predios-list{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.predios-list h3{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:11px;font-weight:600}.predio-item{border-bottom:1px solid var(--bg3);cursor:pointer;padding:12px 0;transition:background .1s}.predio-item:hover{background:var(--bg2);margin:0 -24px;padding:12px 24px}.predio-item.active{background:var(--bg3);margin:0 -24px;padding:12px 24px}.predio-item .dir{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.predio-item .meta{color:var(--text2);align-items:center;gap:10px;margin-top:4px;font-size:12px;display:flex}.score-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.score-critico{color:var(--red);background:#fef2f2}.score-alto{color:var(--orange);background:#fff7ed}.score-medio{color:var(--yellow);background:#fefce8}.score-bajo{color:var(--green);background:#f0fdf4}.map-area{background:var(--bg3);flex:1;position:relative}.maplibregl-map{width:100%;height:100%}.detail-panel{background:var(--bg);border:1px solid var(--border);z-index:1000;border-radius:12px;width:380px;max-height:calc(100vh - 32px);position:absolute;top:16px;right:16px;overflow-y:auto;box-shadow:0 4px 24px #00000014}.detail-panel .header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex}.detail-panel .header h2{font-size:15px;font-weight:600}.detail-panel .close{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;display:flex}.detail-panel .close:hover{background:var(--bg3)}.detail-panel .body{padding:16px 20px}.detail-row{border-bottom:1px solid var(--bg3);justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.detail-row:last-child{border-bottom:none}.detail-row .k{color:var(--text2)}.detail-row .v{text-align:right;font-weight:600}.detail-section{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.detail-section h4{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:600}.signal-row{align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.signal-label{width:130px;color:var(--text2);font-size:12px}.signal-bar{background:var(--bg3);border-radius:3px;flex:1;height:6px;overflow:hidden}.signal-fill{border-radius:3px;height:100%}.signal-pts{text-align:right;width:40px;color:var(--text);font-size:12px;font-weight:600}.loading{color:var(--text2);justify-content:center;align-items:center;padding:40px;font-size:13px;display:flex}.metodologia{background:var(--bg);min-height:100vh}.met-nav{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;align-items:center;gap:16px;padding:16px 40px;display:flex;position:sticky;top:0}.met-back{color:var(--text2);border:1px solid var(--border);border-radius:20px;padding:4px 14px;font-size:13px;text-decoration:none}.met-back:hover{border-color:var(--text);color:var(--text)}.met-title{font-size:14px;font-weight:600}.met-content{max-width:800px;margin:0 auto;padding:40px 24px 80px}.met-hero{text-align:center;margin-bottom:48px}.met-overtitle{color:var(--text2);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:12px}.met-hero h1{letter-spacing:-1px;margin-bottom:16px;font-size:42px;font-weight:700}.met-subtitle{color:var(--text2);max-width:600px;margin:0 auto;font-size:16px;line-height:1.6}.met-stats-row{border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;gap:0;margin-bottom:48px;display:flex;overflow:hidden}.met-stat{text-align:center;flex:1;padding:20px}.met-stat-value{letter-spacing:-.5px;font-size:28px;font-weight:700}.met-stat-label{color:var(--text2);letter-spacing:.5px;margin-top:4px;font-size:11px}.met-stat-divider{background:var(--border);width:1px;height:40px}.met-section{margin-bottom:40px}.met-section h2{letter-spacing:-.5px;border-top:1px solid var(--border);margin-bottom:16px;padding-top:24px;font-size:24px;font-weight:700}.met-section h3{margin:20px 0 10px;font-size:16px;font-weight:600}.met-section p{color:var(--text);margin-bottom:12px;font-size:15px;line-height:1.7}.met-section code{background:var(--bg3);border-radius:4px;padding:2px 6px;font-size:13px}.met-table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:14px}.met-table th{text-align:left;border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.3px;color:var(--text2);padding:10px 12px;font-size:12px;font-weight:600}.met-table td{border-bottom:1px solid var(--bg3);padding:10px 12px}.met-table tbody tr:hover{background:var(--bg2)}.met-formula{background:var(--bg3);border-radius:var(--radius);text-align:center;margin:16px 0;padding:16px 20px;font-family:monospace;font-size:14px;font-weight:500}.met-callout{background:var(--bg2);border-left:3px solid var(--text3);border-radius:0 var(--radius) var(--radius) 0;margin:16px 0;padding:14px 18px;font-size:14px;line-height:1.6}.met-example{border:1px solid var(--border);border-radius:var(--radius);margin:16px 0;overflow:hidden}.met-example-header{background:var(--bg3);padding:12px 16px;font-size:14px;font-weight:600}.met-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.met-list{margin-bottom:16px;padding-left:20px}.met-list li{color:var(--text);margin-bottom:8px;font-size:15px;line-height:1.7}.met-footer{text-align:center;color:var(--text3);border-top:1px solid var(--border);margin-top:40px;padding:40px 0;font-size:13px}