:root{--background:#f3f7fc;--foreground:#12243c;--base-text:#12243c;--card:#fff;--card-foreground:#12243c;--dialog:#fff;--popover:#fff;--popover-foreground:#12243c;--primary:#1761b0;--primary-foreground:#fff;--primary-text:#14589f;--ring:#2681cf;--secondary:#e9f0f8;--secondary-foreground:#163553;--secondary-hover:#dce8f5;--secondary-border:#cad9e9;--muted:#edf3f9;--muted-foreground:#52677e;--accent:#e2edf9;--accent-foreground:#123e69;--border:#d9e4f0;--input:#bdcede;--input-background:#f7faff;--card-tooltip:#fff;--card-tooltip-foreground:#12243c;--card-tooltip-muted:#52677e;--card-tooltip-border:#cfdeee;--card-tooltip-glass:rgb(255 255 255 / .94);--card-shadow:0 2px 4px rgb(18 52 86 / .03),0 8px 24px rgb(18 52 86 / .045);--loan-student:#2382b5;--account-investment:#1879ad;--account-vehicle:#2368aa;--subscription-type-installment:#1684a6;} :root.dark{--background:#091421;--foreground:#e6eef8;--base-text:#e6eef8;--card:#112338;--card-foreground:#e6eef8;--dialog:#0e1e30;--popover:#12263c;--popover-foreground:#e6eef8;--primary:#246bb3;--primary-foreground:#fff;--primary-text:#79c2f5;--ring:#4798db;--secondary:#1b344d;--secondary-foreground:#e6eef8;--secondary-hover:#25445f;--secondary-border:#2b4864;--muted:#172d44;--muted-foreground:#9db3ca;--accent:#1c3852;--accent-foreground:#e6eef8;--border:#264058;--input:#35536f;--input-background:#0c1c2d;--card-tooltip:#0c1c2d;--card-tooltip-foreground:#e6eef8;--card-tooltip-muted:#9db3ca;--card-tooltip-border:#35536f;--card-tooltip-glass:rgb(12 28 45 / .94);--loan-student:#65bbdf;--account-investment:#65bbdf;--account-vehicle:#74b0ed;--subscription-type-installment:#61c9df;} .rf-brand{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.25;letter-spacing:-.4px;white-space:nowrap;min-height:32px;color:var(--foreground)}.rf-brand:before{content:'';flex:0 0 30px;width:30px;height:30px;background:url('/restrategia-logo-v3.png') center/contain no-repeat;} ::selection{background:#b9dbf8;color:#102e4b;} :root.dark ::selection{background:#245a87;color:#fff;} 
.grid:has(>h3+div button[data-value="avg"]){grid-template-columns:minmax(0,1fr);row-gap:.6rem;align-items:start}.grid:has(>h3+div button[data-value="avg"])>h3{white-space:normal;min-width:0}.grid:has(>h3+div button[data-value="avg"])>div,.grid:has(>h3+div button[data-value="avg"])>div>div{min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-start}