:root{--ink:#102332;--muted:#647786;--line:#dceaf2;--nativa-blue:#009ada;--blue-soft:#e9f8ff;--red:#e63946;--green:#17a66a;--yellow:#f5be00;--font:ui-rounded, "SF Pro Rounded", "Aptos", "Segoe UI", system-ui, sans-serif;color:var(--ink);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}*{box-sizing:border-box}body{margin:0}button,input{letter-spacing:0}.splash{z-index:50;color:var(--ink);background:#fff;align-content:center;place-items:center;gap:18px;display:grid;position:fixed;inset:0}.splash-mark,.brand-mark{color:#fff;background:var(--nativa-blue);border-radius:16px;place-items:center;width:56px;height:56px;font-weight:800;display:grid;box-shadow:0 18px 44px #009ada47}.splash-mark img,.brand-mark img{filter:brightness(0)invert();width:28px;height:28px}.splash strong{font-size:24px;line-height:1.1;display:block}.splash span{color:var(--muted)}.app-shell{min-height:100svh;color:var(--ink);background:linear-gradient(#e5f8ffe0,#fffffff5 280px),#fff}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;grid-template-columns:minmax(250px,1fr) minmax(280px,620px) auto;align-items:center;gap:16px;padding:18px 22px;display:grid;position:sticky;top:0}.brand-pair{align-items:center;gap:14px;min-width:0;display:flex}.brand-pair h1,.brand-pair p,.window-title h2,.window-title p,.graph-panel h2,.graph-panel p{margin:0}.brand-pair h1{font-size:25px;font-weight:800;line-height:1.05}.brand-pair p,.window-title p,.graph-panel p,.metric-strip span{color:var(--muted);font-size:13px}.search-box{border:1px solid var(--line);min-height:46px;color:var(--muted);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-box input{width:100%;min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0}.primary-action,.notice-row button,.window-actions button{min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary-action{color:#fff;background:var(--nativa-blue);padding:0 18px;font-weight:750}.notice-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 22px;font-size:13px;display:flex}.notice-row span,.notice-row button{border:1px solid var(--line);color:var(--muted);background:#ffffffdb;border-radius:8px;padding:8px 11px}.notice-row button{min-height:36px;color:var(--ink)}.source-pill{font-weight:750;color:var(--green)!important}.view-rail{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border-radius:8px;width:212px;padding:8px;position:fixed;top:154px;bottom:18px;left:16px;overflow:auto}.view-rail button{width:100%;min-height:42px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;padding:0 10px;display:flex}.view-rail button+button{margin-top:4px}.open-view:hover{background:var(--blue-soft)}.locked-view{color:#8b98a3!important;cursor:not-allowed!important}.canvas{isolation:isolate;background-image:linear-gradient(#009ada0f 1px,#0000 1px),linear-gradient(90deg,#009ada0f 1px,#0000 1px);background-size:26px 26px;height:calc(100svh - 150px);min-height:calc(100svh - 150px);margin-left:244px;position:relative;overflow:auto}.workspace-scale{position:relative}.workspace{transform-origin:0 0;position:relative}.zoom-controls{z-index:25;border:1px solid var(--line);background:#ffffffeb;border-radius:8px;gap:6px;margin:14px;padding:6px;display:inline-flex;position:sticky;top:14px;left:calc(100% - 168px);box-shadow:0 10px 26px #112a3e1f}.zoom-controls button{border:1px solid var(--line);min-width:42px;height:34px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:7px;justify-content:center;align-items:center;font-size:13px;font-weight:750;display:inline-flex}.data-window,.graph-panel,.official-window{background:#fffffff0;border:1px solid #96b8cc9e;border-radius:8px;position:absolute;overflow:hidden;box-shadow:0 18px 46px #112a3e24}.official-window{z-index:3;background:#fff2f3f5;border-color:#e6394647;width:520px;min-height:250px;top:24px;left:486px;box-shadow:0 18px 46px #e6394621}.official-window header{background:linear-gradient(#fff8f8,#ffecee);border-bottom:1px solid #e639462e;padding:13px 15px}.official-window h2,.official-window p{margin:0}.official-window h2{color:#b42332;font-size:17px;line-height:1.15}.official-window p{color:#8a4b52;font-size:13px}.official-window ul{color:#622a31;grid-template-columns:1fr 1fr;gap:8px 14px;margin:0;padding:14px 18px 16px;font-size:12px;display:grid}.official-window li{padding-left:2px}.data-window{min-width:310px;min-height:250px}.data-window.selection-source{background:#f1fff7f5;border-color:#17a66ad9;box-shadow:0 18px 48px #17a66a33}.data-window.selection-source .window-title{background:linear-gradient(#f4fff8,#e7fbef)}.window-title,.graph-panel header{border-bottom:1px solid var(--line);cursor:grab;background:linear-gradient(#fff,#f7fcff);justify-content:space-between;align-items:center;gap:10px;padding:12px 13px;display:flex}.window-title h2,.graph-panel h2{font-size:17px;line-height:1.1}.window-actions{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.window-actions button{border:1px solid var(--line);width:32px;min-height:32px;color:var(--ink);background:#fff}.metric-strip{justify-content:space-between;align-items:center;gap:12px;padding:10px 13px;display:flex}.metric-strip strong{color:var(--nativa-blue);font-size:18px}.clear-filter{color:#0b7b4a;min-height:30px;font:inherit;cursor:pointer;background:#e7fbef;border:1px solid #17a66a4d;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 9px;font-size:12px;font-weight:750;display:inline-flex}.clear-filter:hover{background:#d9f8e7;border-color:#17a66a94}.graph-clear{color:#b42332;background:#fff;border-color:#b423323d;flex:none;min-height:32px;box-shadow:0 8px 18px #b423321f}.graph-clear:hover{background:#fff3f4;border-color:#b4233275}.table-wrap{border-top:1px solid var(--line);height:calc(100% - 109px);overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th,td{white-space:nowrap;border-bottom:1px solid #edf3f7;padding:9px 10px}th{color:#5f7382;background:#f8fcff;font-weight:750;position:sticky;top:0}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#e7fbef}.risk{border-radius:999px;justify-content:center;min-width:48px;padding:3px 7px;font-size:11px;font-weight:750;display:inline-flex}.risk-bajo{color:#0b7b4a;background:#17b26a21}.risk-medio{color:#8b6700;background:#f5be002e}.risk-alto{color:#bd2135;background:#e6394621}.graph-panel{z-index:4}.graph-panel header{cursor:grab}.graph-panel svg{width:100%;height:260px;display:block}.graph-core{fill:var(--nativa-blue);opacity:.92}.graph-empty{fill:#f7fcff;stroke:#009ada47;stroke-dasharray:5 5}.graph-panel text{fill:#fff;font-size:12px;font-weight:800}.graph-panel .graph-empty-text{fill:var(--ink)}.graph-panel .graph-empty-subtext{fill:var(--muted);font-size:9px;font-weight:650}.graph-line{stroke:#009ada42;stroke-width:1.4px}.graph-line-strong{stroke:#17a66a80;stroke-width:2.2px}.graph-node{cursor:pointer;fill:var(--nativa-blue);stroke:#fff;stroke-width:2px}.graph-hub{fill:var(--green);stroke:#fff;stroke-width:2px}.graph-hub-text{fill:#fff!important;font-size:11px!important;font-weight:850!important}@media (width<=900px){.topbar{grid-template-columns:1fr;position:static}.view-rail{border-radius:8px;gap:8px;width:auto;margin:10px 14px;display:flex;position:static}.view-rail button{white-space:nowrap;width:auto}.canvas{height:auto;min-height:980px;margin-left:0;overflow:visible}.data-window{margin:14px;position:relative;width:calc(100% - 28px)!important;height:330px!important;top:auto!important;left:auto!important}.graph-panel{width:calc(100% - 28px);margin:14px;position:relative;height:330px!important;top:auto!important;left:auto!important}.official-window{width:calc(100% - 28px);margin:14px;position:relative;top:auto!important;left:auto!important}.official-window ul{grid-template-columns:1fr}}
