:root{color-scheme:dark;--color-bg:#0a0c11;--color-surface:#13161e;--color-surface-2:#1a1e28;--color-surface-alt:#222836;--color-border:#232a37;--color-border-strong:#333c4c;--color-text:#eef1f6;--color-text-muted:#98a1b2;--color-text-faint:#8b93a2;--color-primary:#5b8def;--color-primary-hover:#74a2ff;--color-primary-soft:#5b8def24;--gradient-primary:linear-gradient(180deg, #3a6fe0 0%, #2b60d4 100%);--color-success:#35d29a;--color-success-hover:#4ee0ac;--color-success-soft:#35d29a24;--color-danger:#f0555a;--color-danger-hover:#f5747a;--color-danger-strong:#cc3b33;--color-danger-soft:#f0555a21;--color-warning:#f2b03d;--color-warning-soft:#f2b03d24;--color-on-accent:#fff;--color-overlay:#0009;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 6px 20px -8px #0000008c;--shadow-lg:0 18px 44px -16px #000000b3;--highlight-top:inset 0 1px 0 #ffffff0a;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm:6px;--radius:10px;--radius-lg:14px;--ease:cubic-bezier(.4, 0, .2, 1);--dur:.16s}@media (prefers-color-scheme:light){:root{color-scheme:light;--color-bg:#eef0f4;--color-surface:#fff;--color-surface-2:#f7f8fb;--color-surface-alt:#eef1f6;--color-border:#e0e4ea;--color-border-strong:#cdd3dd;--color-text:#111521;--color-text-muted:#566172;--color-text-faint:#626d7f;--color-primary:#2f6fed;--color-primary-hover:#1d5bd8;--color-primary-soft:#2f6fed1a;--gradient-primary:linear-gradient(180deg, #2f6fed 0%, #1f5ad6 100%);--color-success:#12a877;--color-success-hover:#0e926a;--color-success-soft:#12a8771a;--color-danger:#dc3b41;--color-danger-hover:#c22f35;--color-danger-strong:#c22f35;--color-danger-soft:#dc3b4117;--color-warning:#d68a12;--color-warning-soft:#d68a121f;--color-on-accent:#fff;--color-overlay:#0f111559;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 6px 20px -8px #10182829;--shadow-lg:0 18px 44px -16px #10182838;--highlight-top:inset 0 1px 0 #fff9}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:radial-gradient(1100px 640px at 78% -12%, var(--color-primary-soft), transparent 62%), var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;line-height:1.5}h1,h2,h3,p{margin:0}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.btn{transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease), filter var(--dur) var(--ease);border:1px solid #0000}.btn:not(:disabled):active{transform:translateY(1px)}.btn--primario{color:var(--color-on-accent);background:var(--gradient-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff2e}.btn--primario:not(:disabled):hover{filter:brightness(1.08);box-shadow:var(--shadow-md), inset 0 1px 0 #ffffff2e}.btn--secundario{color:var(--color-text);background:var(--color-surface-2);border-color:var(--color-border-strong)}.btn--secundario:not(:disabled):hover{background:var(--color-surface-alt);border-color:var(--color-text-faint)}.btn--peligro{color:var(--color-danger);background:var(--color-danger-soft);border-color:#0000}.btn--peligro:not(:disabled):hover{color:var(--color-on-accent);background:var(--color-danger-strong);border-color:var(--color-danger-strong);box-shadow:var(--shadow-sm)}.kpi{background:linear-gradient(180deg, var(--color-surface-2), var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm), var(--highlight-top);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);position:relative;overflow:hidden}.kpi:before{content:"";background:var(--kpi-accent,transparent);width:3px;position:absolute;top:0;bottom:0;left:0}.kpi:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md), var(--highlight-top);transform:translateY(-2px)}.kpi--positivo{--kpi-accent:var(--color-success)}.kpi--negativo{--kpi-accent:var(--color-danger)}.kpi--acento{--kpi-accent:var(--color-primary)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), var(--highlight-top)}.suc-card{background:linear-gradient(180deg, var(--color-surface-2), var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm), var(--highlight-top);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease)}.suc-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-lg), var(--highlight-top);transform:translateY(-3px)}.socios-table tbody tr{transition:background var(--dur) var(--ease)}.socios-table tbody tr:hover{background:var(--color-primary-soft)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint);background-clip:padding-box}@media (prefers-reduced-motion:reduce){*{transition:none!important}}