/* Esteban Baquero — generated from tokens.json */
@font-face { font-family: "Gilroy"; src: url("fonts/Gilroy-ExtraBold.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Gilroy"; src: url("fonts/Gilroy-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
:root, [data-theme="claro"] {
  --carbon: #323232;
  --blanco: #ffffff;
  --azul: #0061fe;
  --lima: #b5fe00;
  --amarillo: #fef600;
  --verde: #00c79a;
  --rojo: #c0392b;
  --carbon-deep: #26282b;
  --carbon-banner: #2b2d30;
  --carbon-ink: #1c1e21;
  --surface-page: var(--blanco);
  --surface-card: var(--blanco);
  --surface-soft: #f6f8fa;
  --ink: var(--carbon);
  --ink-soft: #5b6675;
  --ink-strong-dark: #dfe3e8;
  --ink-faint: #aeb4bd;
  --kicker: var(--azul);
  --line: #eef0f2;
  --line-soft: #e9edf1;
  --line-chip: #e6e9ee;
  --line-dashed: #cfd4da;
  --azul-tint: #eef4ff;
  --verde-tint: #f1fbf4;
  --verde-line: #d7f0df;
  --rojo-tint: #fdf1f1;
  --rojo-line: #f3d7d7;
  --grid-line: #ffffff0a;
  --on-azul: var(--blanco);
  --on-lima: var(--carbon);
  --on-amarillo: var(--carbon);
}
[data-theme="oscuro"] {
  --carbon: #323232;
  --blanco: #ffffff;
  --azul: #0061fe;
  --lima: #b5fe00;
  --amarillo: #fef600;
  --verde: #00c79a;
  --rojo: #c0392b;
  --carbon-deep: #26282b;
  --carbon-banner: #2b2d30;
  --carbon-ink: #1c1e21;
  --surface-page: var(--carbon-deep);
  --surface-card: var(--carbon-deep);
  --surface-soft: #1c1e21;
  --ink: var(--blanco);
  --ink-soft: #c9ced6;
  --ink-strong-dark: #dfe3e8;
  --ink-faint: #9aa1aa;
  --kicker: var(--lima);
  --line: #3a3d42;
  --line-soft: #3a3d42;
  --line-chip: #3a3d42;
  --line-dashed: #3a3d42;
  --azul-tint: #eef4ff;
  --verde-tint: #f1fbf4;
  --verde-line: #d7f0df;
  --rojo-tint: #fdf1f1;
  --rojo-line: #f3d7d7;
  --grid-line: #ffffff0a;
  --on-azul: var(--blanco);
  --on-lima: var(--carbon);
  --on-amarillo: var(--carbon);
}
:root {
  --space-page-y: 64px;
  --space-page-x: 72px;
  --space-card: 20px;
  --space-card-lg: 26px;
  --space-gap: 16px;
  --space-gap-sm: 10px;
  --space-gap-lg: 28px;
  --space-grid: 52px;
  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --radius-round: 50%;
  --border-card: 2px;
  --border-hair: 1px;
  --stroke-icon: 2px;
  --stroke-flow: 4px;
  --bar-height: 10px;
  --font-sans: "Gilroy", "Helvetica Neue", Arial, sans-serif;
}
.display { font-family: var(--font-sans); font-size: 132px; line-height: .98; font-weight: 800; letter-spacing: -2px; }
.h1 { font-family: var(--font-sans); font-size: 64px; line-height: .98; font-weight: 800; letter-spacing: -2px; }
.title { font-family: var(--font-sans); font-size: 44px; line-height: .98; font-weight: 800; letter-spacing: -2px; }
.wordmark { font-family: var(--font-sans); font-size: 52px; line-height: 1; font-weight: 800; letter-spacing: -2px; }
.number { font-family: var(--font-sans); font-size: 30px; line-height: 1; font-weight: 800; }
.card-title { font-family: var(--font-sans); font-size: 22px; line-height: 1.1; font-weight: 800; }
.card-title-sm { font-family: var(--font-sans); font-size: 17px; line-height: 1.1; font-weight: 800; }
.sub { font-family: var(--font-sans); font-size: 34px; line-height: 1.2; font-weight: 700; }
.lead { font-family: var(--font-sans); font-size: 20px; line-height: 1.5; font-weight: 500; }
.quote { font-family: var(--font-sans); font-size: 18px; line-height: 1.3; font-weight: 700; }
.ui-title { font-family: var(--font-sans); font-size: 18px; line-height: 1.2; font-weight: 700; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 500; }
.chip { font-family: var(--font-sans); font-size: 16px; line-height: 1; font-weight: 700; }
.kick { font-family: var(--font-sans); font-size: 14px; line-height: 1.2; font-weight: 500; letter-spacing: 3px; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 1.4; font-weight: 500; letter-spacing: 1px; }
.foot { font-family: var(--font-sans); font-size: 12px; line-height: 1; font-weight: 500; letter-spacing: 1px; }
.apoyo { font-family: var(--font-sans); font-size: 22px; line-height: 1.3; font-weight: 300; }