:root{--vicuna-50:#faf3ea;--vicuna-100:#f3e4d0;--vicuna-300:#ddb78c;--vicuna-500:#b98150;--vicuna-700:#8a5a2e;--alpaca-50:#faf7f2;--alpaca-100:#f2ece3;--alpaca-200:#e5dcce;--alpaca-400:#b7a999;--alpaca-600:#7d6f61;--alpaca-800:#4a3f35;--alpaca-900:#2e2620;--acero-50:#f1f5f9;--acero-100:#e3ebf3;--acero-300:#a9bfd4;--acero-500:#6f8faf;--acero-700:#46637f;--acero-800:#34506a;--acero-900:#243a4f;--ok:#3f7a4b;--ok-dot:#4f8a5b;--ok-bg:#e4f0e5;--warn:#8a6712;--warn-dot:#b98a1e;--warn-bg:#f7edd3;--bad:#a8432f;--bad-dot:#b04a35;--bad-bg:#f6e0d9;--bad-border:#e9c3b8;--bg:var(--alpaca-50);--surface:#fff;--text:var(--alpaca-800);--text-strong:var(--alpaca-900);--primary:var(--acero-700);--link:#4e7194;--accent:var(--vicuna-500);--sidebar-bg:var(--acero-900);--sidebar-label:#7f97ae;--font:"Hanken Grotesk", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font-family:inherit}.app{min-height:100vh;font-family:var(--font);display:flex}.side{z-index:45;background:var(--sidebar-bg);color:#fff;flex-direction:column;width:220px;height:100vh;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.app main{background:var(--bg);flex:1;min-height:100vh;margin-left:220px}.barra-movil,.cerrar-menu,.velo{display:none}@media (width<=900px){.app{display:block}.barra-movil{z-index:35;background:var(--sidebar-bg);color:#fff;align-items:center;gap:12px;padding:9px 14px;display:flex;position:sticky;top:0}.barra-movil small{letter-spacing:.14em;text-transform:uppercase;color:var(--acero-300);font-size:9.5px;font-weight:600;display:block}.barra-movil b{font-size:17px;line-height:1.1}.hamburguesa{all:unset;box-sizing:border-box;cursor:pointer;color:#fff;background:var(--acero-800);border-radius:9px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.side{width:min(290px,84vw);height:100dvh;transition:transform .22s;transform:translate(-100%);box-shadow:0 14px 40px #141e2866}.side.abierta{transform:none}.cerrar-menu{cursor:pointer;background:var(--acero-800);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:14px;right:12px}.velo{z-index:40;background:#243a4f80;display:block;position:fixed;inset:0}.app main{margin-left:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}