:root{
  --bg:#eef3f7;--panel:#fff;--ink:#17324d;--muted:#66788a;--line:#d7e1ea;
  --accent:#0879b8;--accent2:#0b5f91;--soft:#f8fafc;--danger:#b42318;
}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-width:320px}.topbar{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(22,50,77,.06)}
.brand{max-width:1540px;margin:0 auto;padding:13px 18px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.brand-copy h1{font-size:1.28rem;margin:0;color:#183b5b}.brand-copy p{margin:3px 0 0;font-size:.82rem;color:var(--muted)}.brand-meta{text-align:right}.project-tag{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e8f4fb;color:#075f90;font-size:.70rem;font-weight:800;letter-spacing:.04em}.utc{display:block;margin-top:5px;font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}
.layout{max-width:1540px;margin:0 auto;padding:18px;display:grid;grid-template-columns:310px minmax(0,1fr) 315px;gap:14px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px rgba(22,50,77,.055);overflow:hidden}.panel-head{padding:11px 14px;border-bottom:1px solid var(--line);background:#fbfdff;font-size:.83rem;text-transform:uppercase;letter-spacing:.055em;font-weight:800;color:#405b74}.panel-body{padding:13px}.controls{overflow:auto;max-height:calc(100vh - 120px)}
.field{margin-bottom:13px}.field label,.group-title{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.055em;font-weight:780;color:#52657c;margin-bottom:6px}.field-help{font-size:.70rem;color:var(--muted);line-height:1.38;margin-top:6px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
input,select,button{font:inherit}input[type=date],input[type=number],select{width:100%;border:1px solid #cbd8e6;border-radius:8px;padding:8px 9px;background:#fff;color:var(--ink)}.check{border:1px solid var(--line);border-radius:8px;padding:7px 8px;display:flex!important;align-items:center;justify-content:center;gap:6px;background:#f9fbfd;font-size:.82rem;text-transform:none!important;letter-spacing:0!important;font-weight:650!important}.check input{margin:0}.buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn{border:1px solid #b8c9da;background:#fff;border-radius:9px;padding:9px 10px;cursor:pointer;font-weight:680;color:#24415e}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn:hover{filter:brightness(.985)}.btn:disabled{opacity:.55;cursor:not-allowed}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.metric{padding:9px;border:1px solid var(--line);border-radius:10px;background:#f8fafc}.metric strong{display:block;font-size:1.08rem}.metric span{font-size:.72rem;color:var(--muted)}.legend-mag{display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding:4px 2px 1px}.mag-legend-item{display:grid;justify-items:center;gap:4px;color:#52657c;font-size:.72rem;font-weight:700}.mag-circle{display:block;border:2px solid #dff5ff;border-radius:50%;background:#3b82f6;box-shadow:0 1px 2px rgba(0,0,0,.2)}.legend-depth{display:grid;gap:5px;font-size:.78rem;color:#51657b}.legend-depth div{display:flex;align-items:center;gap:7px}.swatch{width:12px;height:12px;border-radius:50%;display:inline-block}.source-note{font-size:.73rem;color:var(--muted);margin-top:10px;line-height:1.42}
.map-panel{position:relative}.map{height:calc(100vh - 120px);min-height:660px;background:#dbeafe}.map-status{position:absolute;z-index:500;left:12px;bottom:12px;background:rgba(255,255,255,.95);padding:7px 10px;border:1px solid #cbd8e6;border-radius:9px;font-size:.78rem;color:#486178;box-shadow:0 5px 18px rgba(0,0,0,.12)}.profile-endpoint-icon div{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0879b8;color:white;border:2px solid white;box-shadow:0 2px 6px rgba(0,0,0,.35);font:800 13px ui-sans-serif,system-ui,sans-serif}.profile-selecting{cursor:crosshair!important}
.detail{overflow:auto;max-height:calc(100vh - 120px)}.empty{color:var(--muted);line-height:1.55;font-size:.90rem}.detail-title{font-size:1.12rem;font-weight:800;margin:0}.detail-time{color:var(--muted);font-size:.82rem;margin-top:3px}.big-ball{display:flex;justify-content:center;padding:14px 0 10px}.kv{width:100%;border-collapse:collapse;font-size:.82rem}.kv td{padding:6px 4px;border-bottom:1px solid #edf1f5;vertical-align:top}.kv td:first-child{color:var(--muted);width:42%}.nodal{margin-top:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.nodal h3{margin:0;padding:8px 10px;font-size:.81rem;background:#f3f6fa}.nodal table{width:100%;border-collapse:collapse;font-size:.78rem}.nodal th,.nodal td{padding:6px 7px;text-align:right;border-top:1px solid #edf1f5}.nodal th:first-child,.nodal td:first-child{text-align:left}.badge{display:inline-flex;padding:3px 7px;border-radius:999px;background:#e7f5f3;color:#0f766e;font-size:.72rem;font-weight:750}.popup .sub{color:#64748b;font-size:.77rem;margin-top:3px}.popup-ball{display:flex;justify-content:center;margin:7px 0 2px}.popup-source{font-size:.74rem;color:#52657c;text-align:center}
.profile-wrap,.catalog-wrap,.notes-wrap{max-width:1540px;margin:0 auto;padding:0 18px 18px}.profile-panel{overflow:visible}.profile-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:0 15px 12px}.profile-title{border:0;padding:13px 0 3px}.profile-sub{font-size:.78rem;color:var(--muted);line-height:1.4;max-width:790px}.profile-controls{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.profile-field{display:grid;gap:4px;font-size:.69rem;text-transform:uppercase;letter-spacing:.045em;font-weight:750;color:#52657c}.profile-field input,.profile-field select{width:130px;padding:8px 9px}.profile-field-wide select{width:160px}.profile-toggle{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;color:#52657c;font-size:.74rem;font-weight:700;white-space:nowrap}.profile-toggle input{margin:0}.profile-meta{padding:10px 15px;border-bottom:1px solid var(--line);font-size:.78rem;color:#50657a;background:#f8fafc}.profile-plot{width:100%;min-height:430px;padding:8px 12px 12px;background:#fff;overflow-x:auto;overflow-y:hidden}.profile-plot svg{display:block;width:1200px;min-width:1200px;height:auto;max-height:none}.profile-empty{min-height:390px;display:grid;place-items:center;color:var(--muted);font-size:.90rem}.profile-axis-text{font:12px ui-sans-serif,system-ui,sans-serif;fill:#64748b}.profile-axis-label{font:600 13px ui-sans-serif,system-ui,sans-serif;fill:#40556c}.profile-end-label{font:800 12px ui-sans-serif,system-ui,sans-serif;fill:#0879b8}.profile-noevents{font:14px ui-sans-serif,system-ui,sans-serif;fill:#64748b}.profile-event{cursor:pointer}.profile-event-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.profile-event-inner .beachball-svg{width:100%;height:100%}.profile-terrain-tick{font:11px ui-sans-serif,system-ui,sans-serif;fill:#607387;font-variant-numeric:tabular-nums}.profile-terrain-label{font:600 12px ui-sans-serif,system-ui,sans-serif;fill:#40556c}.profile-scale-note{font:600 11px ui-sans-serif,system-ui,sans-serif;fill:#5f7183}.profile-slab-label{font:700 11px ui-sans-serif,system-ui,sans-serif;fill:#6d28d9}.profile-slab-missing{font:11px ui-sans-serif,system-ui,sans-serif;fill:#8a96a3}
.catalog-panel{overflow:hidden}.catalog-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:0 15px 12px}.catalog-title{border:0;padding:13px 0 3px}.catalog-sub{font-size:.78rem;color:var(--muted);line-height:1.4}.catalog-page-size{display:grid;gap:4px;font-size:.70rem;text-transform:uppercase;letter-spacing:.045em;font-weight:750;color:#52657c;white-space:nowrap}.catalog-page-size select{width:126px;padding:8px 9px}.catalog-table-wrap{overflow:auto;max-width:100%;background:#fff}.event-table{width:100%;min-width:1450px;border-collapse:separate;border-spacing:0;font-size:.77rem;font-variant-numeric:tabular-nums}.event-table th,.event-table td{padding:8px 9px;border-bottom:1px solid #e8eef5;border-right:1px solid #f0f4f8;text-align:left;white-space:nowrap}.event-table th{position:sticky;top:0;z-index:2;background:#f3f6fa;color:#40556c;font-size:.69rem;text-transform:uppercase;letter-spacing:.035em;font-weight:800;cursor:pointer;user-select:none}.event-table th:hover,.event-table th:focus{background:#e9f2f9;outline:none}.event-table th.sorted{background:#e6f3fb;color:#075f90}.event-table td.num{text-align:right}.event-table td.strong{font-weight:800;color:#173b5c}.event-table td.event-id{font-size:.70rem;color:#64748b}.event-table tbody tr{cursor:pointer;background:#fff}.event-table tbody tr:hover{background:#f7fbfe}.event-table tbody tr:focus{outline:2px solid var(--accent);outline-offset:-2px}.event-table tbody tr.selected{background:#e8f5fc}.event-table tbody tr.selected td:first-child{box-shadow:inset 4px 0 0 var(--accent)}.event-table .sort-mark{display:inline-block;min-width:10px;margin-left:3px;color:var(--accent)}.catalog-meta{padding:9px 15px;background:#f8fafc;color:#64748b;font-size:.74rem;border-top:1px solid var(--line)}
.notes-panel{padding:13px}.notes-panel label{display:block;font-size:.78rem;font-weight:760;color:#52657c;margin-bottom:6px}.notes-box{min-height:110px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:.84rem;line-height:1.45;outline:none}.site-footer{max-width:1540px;margin:0 auto;padding:0 22px 18px;display:flex;justify-content:space-between;gap:12px;font-size:.75rem;color:#6b7d90}
@media(max-width:1150px){.layout{grid-template-columns:290px 1fr}.detail-panel{grid-column:1/-1}.detail{max-height:none}.map{height:68vh}.controls{max-height:68vh}}
@media(max-width:760px){.brand{grid-template-columns:1fr;padding:11px 12px}.brand-meta{text-align:left}.layout{display:block;padding:9px}.panel{margin-bottom:10px}.controls{max-height:none}.map{height:62vh;min-height:460px}.profile-wrap,.catalog-wrap,.notes-wrap{padding:0 9px 10px}.profile-head,.catalog-head{display:block;padding-bottom:10px}.profile-controls{margin-top:10px}.catalog-page-size{margin-top:9px}.catalog-page-size select{width:100%}.site-footer{padding:0 12px 14px;display:block}}

/* ---- v3.0 · vista 2D / 3D ---- */
.view-mode-bar{height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 9px;border-bottom:1px solid var(--line);background:#fbfdff;position:relative;z-index:20}
.view-mode-tabs{display:flex;gap:6px}.view-tab{border:1px solid #c6d4e1;background:#fff;color:#36516b;border-radius:8px;padding:7px 12px;font-weight:780;font-size:.78rem;cursor:pointer}.view-tab.active{background:#0b6fa8;color:#fff;border-color:#0b6fa8}.view-mode-note{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.view-pane{position:relative}.view-pane[hidden]{display:none!important}.map{height:calc(100vh - 164px);min-height:616px}.view3d-pane{height:calc(100vh - 164px);min-height:616px;background:#dbe7ef;overflow:hidden}.scene3d{position:absolute;inset:0;background:linear-gradient(#dcecf6,#eef4f7)}.scene3d canvas{display:block;width:100%;height:100%;outline:none}
.scene3d-toolbar{position:absolute;z-index:8;left:10px;right:10px;top:10px;display:grid;gap:7px;pointer-events:none}.scene3d-controls,.scene3d-cameras{pointer-events:auto;display:flex;align-items:flex-end;flex-wrap:wrap;gap:6px;padding:7px 8px;border:1px solid rgba(166,184,200,.9);border-radius:10px;background:rgba(255,255,255,.91);box-shadow:0 5px 18px rgba(20,45,70,.13);backdrop-filter:blur(5px)}.scene3d-controls label{display:grid;gap:3px;font-size:.61rem;text-transform:uppercase;letter-spacing:.035em;font-weight:800;color:#53677a}.scene3d-controls select{width:auto;min-width:84px;padding:6px 7px;font-size:.72rem}.scene3d-controls .btn{padding:7px 9px;font-size:.72rem}.scene3d-check{display:flex!important;grid-auto-flow:column!important;align-items:center!important;gap:5px!important;height:32px;padding:0 7px;border:1px solid var(--line);border-radius:7px;background:#f8fafc;white-space:nowrap;text-transform:none!important;letter-spacing:0!important;font-size:.70rem!important}.scene3d-check input{margin:0}.scene3d-cameras{width:max-content;max-width:100%;padding:5px 7px}.mini-btn{border:1px solid #c2d1df;background:#fff;color:#38546e;border-radius:7px;padding:5px 8px;font-size:.68rem;font-weight:720;cursor:pointer}.mini-btn:hover{background:#eef6fb}.scene3d-status{position:absolute;z-index:9;left:10px;bottom:41px;max-width:min(680px,calc(100% - 20px));padding:7px 10px;border:1px solid #c5d4df;border-radius:9px;background:rgba(255,255,255,.94);color:#405b74;font-size:.73rem;box-shadow:0 4px 14px rgba(20,45,70,.13)}.scene3d-status.error{color:#9b1c1c;border-color:#e7b6b6}.scene3d-legend{position:absolute;z-index:8;left:10px;right:10px;bottom:8px;display:flex;justify-content:space-between;gap:12px;color:#526579;font-size:.65rem;pointer-events:none}.scene3d-legend span{padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.82);border:1px solid rgba(199,213,224,.8)}
.scene3d-loading::after{content:"";position:absolute;inset:0;background:rgba(235,243,248,.28);pointer-events:none}.scene3d-tooltip{position:absolute;z-index:20;display:none;pointer-events:none;padding:6px 8px;background:rgba(16,36,54,.92);color:#fff;border-radius:7px;font-size:.70rem;line-height:1.35;max-width:260px}

@media(max-width:1150px){.map,.view3d-pane{height:68vh;min-height:580px}}
@media(max-width:760px){.view-mode-bar{height:auto;min-height:44px;align-items:flex-start}.view-mode-note{display:none}.map,.view3d-pane{height:62vh;min-height:460px}.scene3d-toolbar{top:7px;left:7px;right:7px}.scene3d-controls{max-height:180px;overflow:auto}.scene3d-legend{display:none}.scene3d-status{bottom:8px}}

/* CSN: selección espacial rectángulo/círculo */
.selection-box{border:1px solid #b9d7e8;background:#f5fbff;border-radius:10px;padding:10px;margin-top:4px}
.selection-status{margin-top:7px;padding:7px 8px;border-radius:7px;background:#fff;border:1px solid #d5e5ee;font-size:.82rem;line-height:1.35;color:#34495e}
.selection-status.active{border-color:#0b84c6;background:#eef9ff;color:#064f78}
.selection-status.error{border-color:#d95959;background:#fff4f4;color:#9b1c1c}
.selection-actions{display:flex;gap:7px;margin-top:8px}.selection-actions .btn{flex:1}
.metrics-csn{grid-template-columns:repeat(3,minmax(0,1fr))}
.leaflet-draw-toolbar a{background-color:#fff}
.selection-map-label{background:rgba(255,255,255,.92);border:1px solid #0b84c6;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:700;color:#075b87;box-shadow:0 1px 5px rgba(0,0,0,.18)}
@media(max-width:1100px){.metrics-csn{grid-template-columns:1fr 1fr 1fr}}