:root{--bg:#F2F5F4;--surface:#FFFFFF;--surface-2:#EBF1EF;--surface-3:#DFE9E6;--ink:#132420;--ink-soft:#4C625B;--ink-faint:#7E948C;--line:#D9E3DF;--brand:#0E7C86;--brand-strong:#0A5B63;--accent:#7CB342;--sidebar-bg:linear-gradient(180deg,#0D2B26 0%,#0F332C 55%,#114034 100%);--sidebar-flat:#0D2B26;--sidebar-ink:#9DBCB2;--sidebar-ink-strong:#FFFFFF;--sidebar-line:rgba(255,255,255,.09);--good:#2FA96A;--warn:#E0A32E;--bad:#D2564B;--info:#3E7CB1;--ods6:#26BDE2;--ods7:#FCC30B;--ods9:#FD6925;--ods12:#BF8B2E;--ods13:#3F7E44;--bandA:#2FA96A;--bandB:#7BBE4B;--bandC:#C0CE3A;--bandD:#F0D53B;--bandE:#F0B03B;--bandF:#EC8A3C;--bandG:#E0574A;--shadow:0 1px 3px rgba(13,43,38,.07);--shadow-lg:0 20px 60px rgba(13,43,38,.35);--radius:12px;--mono:ui-monospace,"SF Mono","Cascadia Code",monospace;--sans:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0B1513;--surface:#11201C;--surface-2:#172922;--surface-3:#1F352C;--ink:#E7F0EC;--ink-soft:#9BB3AA;--ink-faint:#6C8279;--line:#22362F;--brand:#2FA6B0;--brand-strong:#25858D;--accent:#8FC750;--sidebar-bg:linear-gradient(180deg,#081512 0%,#0B1D18 100%);--sidebar-flat:#081512;--shadow:0 1px 3px rgba(0,0,0,.35)}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;letter-spacing:-.012em}button{font-family:inherit;cursor:pointer}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--ink-soft)}.login{min-height:100vh;display:grid;grid-template-columns:minmax(340px,44%) 1fr}.login .side{background:var(--sidebar-bg);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:44px 46px}.login .side .top .kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#8fd0c4;font-weight:600}.login .side h2{font-size:clamp(26px,3.4vw,38px);line-height:1.12;margin-top:14px;font-weight:740;letter-spacing:-.02em}.login .side p{color:#b9d2ca;font-size:14.5px;max-width:420px;line-height:1.65}.login .odsrow{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}.login .odsrow img{width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 6px 18px #00000059}.login .side .foot{font-size:12px;color:#7fa79c}.login .panel{display:grid;place-items:center;padding:28px}.login .box{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:34px}.login .mark{width:54px;height:54px;border-radius:16px;background:conic-gradient(from 210deg,var(--ods6),var(--ods13),var(--ods7),var(--ods9),var(--ods6));display:grid;place-items:center;margin:0 0 16px;box-shadow:var(--shadow)}.login .mark svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.login h1{font-size:21px}.login .sub{color:var(--ink-soft);font-size:13px;margin:4px 0 22px}.login label{font-size:12.5px;color:var(--ink-soft);display:block;margin:12px 0 5px}.login .err{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad);border-radius:8px;padding:9px 12px;font-size:13px;margin-top:14px}.login .hint{font-size:11.5px;color:var(--ink-faint);margin-top:16px;line-height:1.6}.login .logos{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}@media (max-width:860px){.login{grid-template-columns:1fr}.login .side{display:none}}.app{display:grid;grid-template-columns:256px 1fr;min-height:100vh}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-ink);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand-logo{padding:18px 16px 14px;border-bottom:1px solid var(--sidebar-line)}.brand-logo .logocard{background:#fff;border-radius:10px;padding:8px 10px;display:block}.brand-logo img{max-width:100%;height:auto;display:block}.brand-logo .app-name{margin-top:11px;font-size:15px;font-weight:700;color:var(--sidebar-ink-strong);letter-spacing:-.01em}.brand-logo .app-name span{color:#8fd0c4}.brand-logo .app-sub{font-size:10.5px;color:var(--sidebar-ink);letter-spacing:.1em;text-transform:uppercase;margin-top:3px}.nav{padding:10px 12px;display:flex;flex-direction:column;gap:3px}.nav .lbl{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--sidebar-ink);opacity:.6;padding:14px 12px 6px}.nav button{display:flex;align-items:center;gap:11px;width:100%;background:none;border:0;color:var(--sidebar-ink);padding:9px 12px;border-radius:999px;font-size:14px;text-align:left}.nav button svg{width:18px;height:18px;opacity:.8;flex:none}.nav button:hover{background:#ffffff12;color:var(--sidebar-ink-strong)}.nav button.active{background:linear-gradient(120deg,var(--brand),var(--brand-strong));color:#fff;font-weight:600;box-shadow:0 4px 14px #0a5b6373}.nav button.active svg{opacity:1}.sidebar .colabo{margin-top:auto;padding:12px 16px 4px;text-align:center;border-top:1px solid var(--sidebar-line)}.sidebar .colabo .lbl{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--sidebar-ink);margin-bottom:7px}.sidebar .colabo .logocard{background:#fff;border-radius:9px;padding:7px 9px;display:block}.sidebar .colabo img{max-width:100%;height:auto;display:block;margin:0 auto}.sidebar .foot{padding:14px 16px;border-top:1px solid var(--sidebar-line);font-size:12px;color:var(--sidebar-ink)}.sidebar .foot .u{display:flex;align-items:center;gap:9px}.sidebar .av{width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,var(--accent),var(--brand));color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.sidebar .foot button{margin-top:10px;width:100%;background:#ffffff0f;color:var(--sidebar-ink);border:1px solid var(--sidebar-line);padding:7px;border-radius:999px;font-size:12px}.sidebar .foot button:hover{color:#fff;border-color:#8fd0c4}.main{min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:13px 26px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar h1{font-size:17.5px;font-weight:700}.topbar .sub{color:var(--ink-faint);font-size:12.5px;margin-top:1px}.spacer{flex:1}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 12px;border-radius:999px;background:var(--surface-2);color:var(--ink-soft);border:1px solid var(--line)}.chip.on{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 40%,transparent);font-weight:600}.dot{width:7px;height:7px;border-radius:50%}.content{padding:26px;max-width:1280px;width:100%;margin:0 auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card.edge{border-top:3px solid var(--brand)}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(4,1fr)}.kpi{padding:17px 18px;border-top:3px solid var(--brand)}.kpi:nth-child(2){border-top-color:var(--ods7)}.kpi:nth-child(3){border-top-color:var(--ods9)}.kpi:nth-child(4){border-top-color:var(--ods13)}.kpi .t{font-size:12px;color:var(--ink-soft);display:flex;align-items:center;gap:7px}.kpi .t svg{width:15px;height:15px;color:var(--brand)}.kpi .v{font-size:29px;font-weight:740;letter-spacing:-.02em;margin-top:9px;font-family:var(--mono)}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-weight:700}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 13px}.section-head h2{font-size:16px;font-weight:700}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:560;display:inline-flex;align-items:center;gap:7px;box-shadow:var(--shadow)}.btn svg{width:15px;height:15px}.btn:hover{border-color:var(--brand);color:var(--brand)}.btn.primary{background:linear-gradient(120deg,var(--brand),var(--brand-strong));border-color:transparent;color:#fff}.btn.primary:hover{filter:brightness(1.08);color:#fff}.btn.ghost{box-shadow:none;background:transparent}.tablewrap{overflow-x:auto;border-radius:var(--radius)}table{border-collapse:collapse;width:100%;font-size:13.5px;min-width:640px}thead th{text-align:left;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-strong);font-weight:700;padding:11px 16px;border-bottom:2px solid color-mix(in srgb,var(--brand) 30%,var(--line));background:color-mix(in srgb,var(--brand) 5%,var(--surface))}tbody td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}tbody tr:hover{background:color-mix(in srgb,var(--brand) 4%,var(--surface))}tbody tr:last-child td{border-bottom:0}.company{font-weight:600}.sub2{color:var(--ink-faint);font-size:12px}.tag{font-size:11.5px;padding:3px 10px;border-radius:999px;font-weight:560;white-space:nowrap}.field label{font-size:12px;color:var(--ink-soft);display:block;margin-bottom:5px}.inp{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:14px;font-family:var(--sans)}.inp:focus{outline:2px solid color-mix(in srgb,var(--brand) 40%,transparent);border-color:var(--brand)}select.inp{cursor:pointer}.filterbar{padding:16px 18px;margin-bottom:16px;border-left:3px solid var(--brand)}.fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.chart-switch{display:inline-flex;gap:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:3px}.card .chart-switch{opacity:0;transition:opacity .15s ease}.card:hover .chart-switch,.card:focus-within .chart-switch{opacity:1}@media (hover:none){.card .chart-switch{opacity:1}}.csw{border:0;background:transparent;color:var(--ink-faint);font-size:12px;line-height:1;padding:5px 9px;border-radius:999px;cursor:pointer}.csw:hover{color:var(--ink)}.csw.on{background:var(--surface);color:var(--brand);box-shadow:var(--shadow);font-weight:700}.tabs2{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:4px;gap:4px}.tab2{border:0;background:transparent;color:var(--ink-soft);padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:560;display:inline-flex;gap:7px;align-items:center}.tab2 svg{width:16px;height:16px}.tab2.active{background:linear-gradient(120deg,var(--brand),var(--brand-strong));color:#fff;box-shadow:var(--shadow)}.ods{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.odscard{padding:15px;border-radius:12px;color:#fff;min-height:100px;display:flex;flex-direction:column;justify-content:space-between}.odscard .big{font-size:26px;font-weight:740;font-family:var(--mono)}.odsbadge{width:46px;height:46px;border-radius:50%;flex:none;background:#fff;box-shadow:0 3px 10px #0000002e}.odsbadge.sm{width:32px;height:32px}.bloque-head{display:flex;align-items:center;gap:13px;padding:13px 16px;border-radius:12px;margin:20px 0 10px;color:#fff}.bloque-head .tit{font-size:15px;font-weight:700;line-height:1.25}.bloque-head .sub{font-size:11.5px;opacity:.85;letter-spacing:.06em;text-transform:uppercase}.bloque-head .pct{margin-left:auto;font-family:var(--mono);font-weight:740;font-size:19px}.loading{padding:40px;text-align:center;color:var(--ink-faint)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#091a168c;z-index:80;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:560px;margin:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-head h3{font-size:16px;font-weight:700}.modal-body{padding:18px 20px;max-height:70vh;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 20px;border-top:1px solid var(--line)}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}.formgrid .span2{grid-column:1 / -1}.field textarea.inp{min-height:70px;font-family:var(--sans);resize:vertical}.detail-row{display:flex;gap:14px;padding:9px 0;border-bottom:1px dashed var(--line)}.detail-row .k{width:150px;flex:none;color:var(--ink-soft);font-size:12.5px}.detail-row .v{font-size:14px}.detail-block{margin-top:12px}.detail-block .lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-weight:700;margin-bottom:5px}.detail-block .txt{font-size:14px;line-height:1.5;background:var(--surface-2);border-radius:10px;padding:11px 13px;white-space:pre-wrap}@media (max-width:600px){.formgrid{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:2px}.detail-row .k{width:auto}}@media print{.sidebar,.topbar,.filterbar,.no-print,.hamburger,.scrim{display:none!important}.app{display:block}.main,.content{padding:0;max-width:none}body{background:#fff;color:#111}.card{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.print-block{break-inside:avoid}.grid{display:block}.grid>.card{margin-bottom:12px}}.fillsteps{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:16px;-webkit-overflow-scrolling:touch}.fillstep{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:7px 13px 7px 7px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;color:var(--ink-soft);white-space:nowrap}.fillstep img{width:26px;height:26px;border-radius:50%;background:#fff}.fillstep.active{color:#fff;font-weight:600;border-color:transparent}.qsec{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);font-weight:700;margin:18px 0 4px}.qtext{font-size:15.5px;font-weight:600;margin-bottom:12px;line-height:1.35}.opts{display:flex;flex-direction:column;gap:9px}.opt{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:14.5px;-webkit-user-select:none;user-select:none;cursor:pointer;min-height:48px}.opt:active{transform:scale(.99)}.opt .box{width:22px;height:22px;border-radius:6px;border:2px solid var(--ink-faint);flex:none;display:grid;place-items:center;transition:.12s}.opt.radio .box{border-radius:50%}.opt.sel{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,transparent)}.opt.sel .box{background:var(--brand);border-color:var(--brand)}.opt.sel .box:after{content:"";width:9px;height:9px;background:#fff;border-radius:2px}.opt.radio.sel .box:after{border-radius:50%}.savehint{font-size:12px;color:var(--good);display:flex;align-items:center;gap:6px;min-height:18px}.qblock{padding:16px 0;border-bottom:1px solid var(--line)}.qblock:last-child{border-bottom:0}.fillnav{display:flex;justify-content:space-between;gap:9px;position:sticky;bottom:0;background:var(--surface);padding:14px 0 2px;margin-top:8px}.rrow{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.rrow:last-child{border:0}.ficha-sectitle{font-weight:700;font-size:14.5px;color:var(--brand);margin:16px 0 4px}.ficha-q{padding:11px 0;border-bottom:1px solid var(--line)}.ficha-q:last-child{border:0}.ficha-qtext{font-size:14px;color:var(--ink);margin-bottom:7px}.ficha-ans{display:flex;flex-wrap:wrap;gap:7px}.ans-chip{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:560;background:color-mix(in srgb,var(--brand) 11%,transparent);color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);border-radius:999px;padding:6px 12px}.ans-chip svg{width:14px;height:14px}.ans-val{font-size:14.5px;font-weight:700;font-family:var(--mono);background:var(--surface-2);border-radius:8px;padding:5px 11px}.hamburger{display:none;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink)}.hamburger svg{width:18px;height:18px}.scrim{display:none}@media (max-width:1000px){.kpis{grid-template-columns:repeat(2,1fr)}.fgrid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;z-index:60;width:256px;transform:translate(-102%);transition:transform .22s ease;box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.hamburger{display:grid}.scrim.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:55}.content{padding:16px}.fgrid{grid-template-columns:1fr}.section-head{flex-wrap:wrap;gap:10px}table{font-size:12.5px}}
