:root{--bg: #f3f6f7;--surface: #ffffff;--ink: #12232e;--muted: #5a6b75;--line: #d9e1e5;--accent: #0e7c7b;--accent-soft: #d7efee;--navy: #1b3a5c;--font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body: "Public Sans", "Segoe UI", system-ui, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0d171d;--surface: #14222b;--ink: #e4ecef;--muted: #93a5ae;--line: #263944;--accent: #3fbfbc;--accent-soft: #143a3b;--navy: #8fb3d9;color-scheme:dark}}:root[data-theme=dark]{--bg: #0d171d;--surface: #14222b;--ink: #e4ecef;--muted: #93a5ae;--line: #263944;--accent: #3fbfbc;--accent-soft: #143a3b;--navy: #8fb3d9;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:28px 48px}.wrap{max-width:1040px;margin:0 auto;display:grid;gap:24px}h1,h2{font-family:var(--font-display);text-wrap:balance;margin:0}h1{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:700;letter-spacing:-.01em}h2{font-size:1.15rem;font-weight:700}.lede{color:var(--muted);max-width:62ch;margin:8px 0 0;font-size:1.05rem}.num{font-variant-numeric:tabular-nums}.cols{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:16px;min-width:0}.results{position:sticky;top:calc(env(safe-area-inset-top,0px) + 12px);display:grid;gap:16px}.row{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:14px}.row label{font-weight:500}.row small{display:block;color:var(--muted);font-size:.82rem;font-weight:400}.field{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--bg)}.field input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;text-align:right;padding:9px 4px 9px 10px}.field span{color:var(--muted);padding-right:10px;font-size:.9rem;white-space:nowrap}input:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.seg{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px;gap:2px}.seg button{font:inherit;font-weight:600;font-size:.92rem;border:0;background:transparent;color:var(--muted);padding:8px 6px;border-radius:999px;cursor:pointer}.seg button[aria-pressed=true]{background:var(--navy);color:var(--surface)}.big{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:4px;align-content:start}.kpi .l{color:var(--muted);font-size:.88rem;font-weight:500}.kpi .v{font-family:var(--font-display);font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:700;line-height:1.1;white-space:nowrap}.kpi.hero{background:var(--navy);border-color:var(--navy);color:var(--surface)}.kpi.hero .l{color:color-mix(in srgb,var(--surface) 78%,var(--navy))}.pitch{background:var(--accent-soft);border-radius:12px;padding:16px 18px;font-family:var(--font-display);font-size:1.15rem;line-height:1.4;font-weight:500;margin:0}.bars{display:grid;gap:12px}.bar{display:grid;gap:4px}.bar .top{display:flex;justify-content:space-between;gap:12px}.bar .top b{font-variant-numeric:tabular-nums;white-space:nowrap}.bar .track{height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.bar .fill{height:100%;background:var(--accent);border-radius:4px;transition:width .25s ease}details{border-top:1px solid var(--line);padding-top:12px}summary{cursor:pointer;font-weight:600;color:var(--accent)}details>div{display:grid;gap:12px;margin-top:12px}.note{color:var(--muted);font-size:.88rem;margin:0}.fase{display:grid;grid-template-columns:24px minmax(0,1fr) 140px;align-items:center;gap:10px}.fase input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--accent)}.fase label{font-weight:500}.field input[readonly]{color:var(--muted);cursor:default}.fase label small{display:block;color:var(--muted);font-size:.82rem;font-weight:400}.fase[data-off] label,.fase[data-off] .field{opacity:.55}.estado{font-family:var(--font-body);font-weight:400;font-size:.78rem;color:var(--muted);margin-left:8px}#lista button{font:inherit;font-size:.85rem;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;padding:4px 10px;cursor:pointer;margin-right:6px}.ghost{justify-self:end;font:inherit;font-size:.9rem;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:7px 12px;cursor:pointer}.foot{display:grid;gap:14px}.foot details{border-top:0;padding-top:0}.foot h3{font-family:var(--font-display);font-size:1rem;font-weight:700;margin:6px 0 0}.foot .tbl{overflow-x:auto}.foot table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}.foot th,.foot td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.foot th{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.foot td.num,.foot th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.foot ul{margin:0;padding-left:20px;display:grid;gap:6px}.foot p{margin:0}.foot input.adv{width:84px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;text-align:right;padding:4px 6px}.foot td small{display:block;color:var(--muted);font-size:.8rem;font-weight:400;margin-top:2px;max-width:60ch}.foot td.num span{color:var(--muted);font-size:.85rem;margin-left:4px}@media(max-width:860px){.cols{grid-template-columns:minmax(0,1fr)}.results{position:static}}@media(max-width:520px){.row{grid-template-columns:minmax(0,1fr) 120px}}@media(prefers-reduced-motion:reduce){.bar .fill{transition:none}}.primary{font:inherit;font-weight:600;border:0;background:var(--navy);color:var(--surface);border-radius:8px;padding:11px 16px;cursor:pointer}.primary:hover{opacity:.92}.estado{margin-top:-6px}.marca{display:inline-flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;margin-bottom:14px}.marca span{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}