:root{--acc: #0e7490;--acc-soft: #e0f2f7;--acc-deep: #155e75;--bg: #f4f1ea;--fg: #1c2522;--surface: #ffffff;--line: #e7e2d6;--line-suave: #f0ece1;--sec: #6e7670;--ter: #41504b;--mut: #9aa09a;--terr: #bd4b32;--terr-soft: #fbeee8;--terr-deep: #9c3d28;--terr-line: #f0d6cb;--amb: #c8943e;--amb-soft: #faf3e2;--amb-deep: #8f6a23;--r-lg: 11px;--r-xl: 18px;--r-2xl: 22px;--sh-md: 0 1px 2px rgba(28, 37, 34, .04), 0 10px 30px rgba(28, 37, 34, .05);--sh-lg: 0 1px 2px rgba(28, 37, 34, .04), 0 10px 30px rgba(28, 37, 34, .08)}*{box-sizing:border-box;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);font-size:15px}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:16px 18px;box-shadow:var(--sh-md)}.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:13px 15px;box-shadow:var(--sh-md)}.metric p{font-size:12px;color:var(--sec);margin-bottom:4px}.metric b{font-size:24px;font-weight:600}.pill{font-size:12px;padding:4px 11px;border-radius:999px;font-weight:600;white-space:nowrap}.pill.ok{background:var(--acc-soft);color:var(--acc-deep)}.pill.amb{background:var(--amb-soft);color:var(--amb-deep)}.pill.err{background:var(--terr-soft);color:var(--terr-deep)}.pill.mut{background:var(--bg);color:var(--sec)}.btn{font-size:13px;padding:8px 15px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ter);font-weight:500}.btn:hover{background:var(--bg)}.btn.acc{border-color:var(--acc);color:var(--acc-deep)}.btn.solid{background:var(--acc);border-color:var(--acc);color:#fff}.btn.solid:hover{background:var(--acc-deep)}.btn.peligro{background:var(--terr);border-color:var(--terr);color:#fff}.btn:disabled{opacity:.5;cursor:default}.input{padding:9px 13px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--fg);width:100%}.input:focus{outline:2px solid var(--acc-soft);border-color:var(--acc)}.fila{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line-suave)}.fila:first-of-type{border-top:none}h1{font-size:19px;font-weight:600}h2{font-size:16px;font-weight:600}.sub{font-size:13px;color:var(--sec)}
