:root{--graphite-900: #16181d;--graphite-800: #1f232b;--graphite-700: #2b303b;--steel-100: #eef0f3;--steel-50: #f8f9fb;--ink-900: #181b20;--ink-500: #5c6470;--amber-500: #e8a317;--amber-600: #c88a0e;--ok-500: #2e9e5b;--warn-500: #e8a317;--due-500: #d64545;--ok-bg: rgba(46, 158, 91, .12);--warn-bg: rgba(232, 163, 23, .12);--due-bg: rgba(214, 69, 69, .12);--plate-blue: #2a4b8d;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-plate: 4px;--f-body: "Barlow", system-ui, sans-serif;--f-display: "Barlow Condensed", var(--f-body);--f-mono: "JetBrains Mono", ui-monospace, monospace;--shadow-card: 0 1px 3px rgba(24, 27, 32, .08)}*{box-sizing:border-box}body{margin:0;font-family:var(--f-body);font-size:15px;line-height:1.4;color:var(--ink-900);background:var(--steel-100)}h1,h2{font-family:var(--f-display);font-weight:600;line-height:1.15;margin:0}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px;margin:0}a{color:var(--amber-600)}.tarjeta{background:var(--steel-50);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-card)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:40px;padding:0 var(--sp-4);border:none;border-radius:var(--r-md);font:600 15px var(--f-body);cursor:pointer;background:var(--amber-500);color:var(--graphite-900);transition:background .15s,transform .05s}.boton:hover{background:var(--amber-600)}.boton:active{transform:scale(.98)}.boton:disabled{opacity:.4;cursor:not-allowed}.boton--secundario{background:transparent;color:var(--ink-900);border:1px solid var(--ink-500)}.boton--secundario:hover{background:#5c647014}.campo{display:grid;gap:var(--sp-1)}.campo label{font-size:13px;color:var(--ink-500)}.campo input,.campo select,.campo textarea{height:48px;padding:0 var(--sp-3);border:1px solid #cfd4db;border-radius:var(--r-sm);font:400 16px var(--f-body);background:#fff}.campo textarea{height:auto;padding:var(--sp-3)}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--amber-500);outline-offset:-1px;border-color:var(--amber-500)}.campo .error{font-size:13px;color:var(--due-500)}.mono{font-family:var(--f-mono);font-weight:500}.secundario{font-size:13px;color:var(--ink-500)}