*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1c1c20;--surface: #26262b;--surface-2: #313136;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text: #ffffff;--text-muted: #a0a0a0;--text-faint: #606060;--secondary: #a0a0a0;--primary: #1e9adb;--primary-dark: #226dc6;--primary-light: rgba(30, 154, 219, .18);--verde: #afd42a;--verde-dark: #7cb342;--verde-bg: rgba(175, 212, 42, .16);--naranja: #fd900f;--naranja-light: #ffab40;--naranja-bg: rgba(253, 144, 15, .16);--rojo: #ea3426;--rojo-dark: #c62828;--rojo-bg: rgba(234, 52, 38, .16);--teal: #4cae7d;--teal-dark: #35855e;--teal-bg: rgba(76, 174, 125, .18);--radius: 14px;--shadow: 0 20px 60px rgba(0, 0, 0, .5);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .3);--font-heading: "Montserrat", system-ui, -apple-system, sans-serif;--font-body: "Open Sans", system-ui, -apple-system, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;letter-spacing:-.01em}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;color:var(--text);background:var(--surface-2);border-color:var(--border);accent-color:var(--primary)}input::placeholder,textarea::placeholder{color:var(--text-faint)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:10px;border:2px solid var(--bg)}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:700;font-family:var(--font-heading);border:none;transition:background .2s,transform .1s,box-shadow .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;box-shadow:0 6px 20px #1565c066}.btn.btn-primary:hover:not(:disabled){box-shadow:0 8px 26px #1565c08c}.btn.btn-secondary{background:var(--surface-2);color:var(--text-muted)}.btn.btn-secondary:hover:not(:disabled){background:var(--border-strong);color:var(--text)}
