/* Tokens tomados del prototipo aprobado. Cambiar acá cambia toda la app. */
:root {
  --fondo: #EEF1EC;
  --tinta: #17211B;
  --tinta-2: #2E3A33;
  --tenue: #5B665F;
  --borde: #D9DFD7;
  --borde-fuerte: #BCC6BD;
  --linea: #E8ECE6;
  --blanco: #fff;
  --oscuro: #17211B;
  --verde: #1F4D36;
  --verde-claro: #E1ECE4;
  --verde-medio: #2C4A38;
  --ocre: #B8801A;
  --amarillo: #E9C46A;
  --crema: #F6E3B4;
  --crema-2: #FBF3DC;
  --marron: #3A2A05;
  --azul: #1F6A9A;
  --azul-claro: #6FA3C7;
  --violeta: #7A4E96;
  --rojo: #A63D2F;
  --rojo-claro: #F7E1DD;
  --radio: 12px;
  --radio-chico: 8px;
  --toque: 48px;
  --fuente: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--fuente); color: var(--tinta); background: var(--fondo); font-size: 15px; line-height: 1.4; }
h1, h2, h3, p { margin: 0; }
h2 { font-size: 15px; font-weight: 700; }
a { color: var(--verde); }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid var(--azul); outline-offset: 2px; }
[hidden] { display: none !important; }
.num { font-variant-numeric: tabular-nums; }
.tenue { color: var(--tenue); font-size: 13px; }
.positivo { color: var(--verde); }
.negativo { color: var(--rojo); }
.error { color: var(--rojo); font-size: 13.5px; }
.vacio { color: var(--tenue); font-size: 14px; padding: 8px 0; }
.cargando { padding: 32px 0; text-align: center; color: var(--tenue); }
.pila { display: flex; flex-direction: column; gap: 14px; }
.enlace { font-size: 13.5px; font-weight: 700; text-decoration: none; }