/* =============================================================================
   tokens-laredonda.css — Identidad del cliente: cal blanca sobre césped
   =============================================================================
   A propósito NO se parece en nada a la Vidriera. Se tiene que ver dónde termina
   la agencia y dónde empieza el cliente: si las dos pantallas fueran del mismo
   estudio visual, el prospecto entendería que le venden una plantilla.

   El mundo del fútbol entra como CONTENIDO, no como decoración: la grilla se lee
   como una planilla de canchero, el "tomado" es una trama de tiza y no un rojo
   de error, y la nocturna se marca con la luz encendida.
   ============================================================================= */

:root {
  --papel:          #f5f6f0;   /* tiza */
  --papel-alto:     #ffffff;
  --papel-hundido:  #eceee4;
  --linea:          rgba(15, 61, 46, 0.12);
  --linea-fuerte:   rgba(15, 61, 46, 0.26);

  --tinta:          #0f3d2e;   /* verde profundo */
  --tinta-media:    #4a6b5d;
  --tinta-suave:    #7d9389;

  --naranja:        #ff6a1f;   /* la acción principal, y nada más */
  --naranja-oscuro: #e2560f;
  --naranja-tenue:  rgba(255, 106, 31, 0.12);

  --cesped:         #1f7a52;
  --cesped-tenue:   rgba(31, 122, 82, 0.14);
  --tiza:           rgba(15, 61, 46, 0.08);
  --alerta:         #b23b22;
  --luz:            #e0a02a;   /* la lamparita de la banda nocturna */

  --fuente-titulo: 'Archivo', 'Bricolage Grotesque', system-ui, sans-serif;
  --fuente-cuerpo: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fuente-dato:   'JetBrains Mono', ui-monospace, Consolas, monospace;

  --r1: 4px;  --r2: 8px;  --r3: 12px; --r4: 16px;
  --r5: 24px; --r6: 32px; --r7: 48px; --r8: 64px;

  --redondeo-chico: 3px;
  --redondeo:       8px;
  --redondeo-panel: 14px;

  --sombra: 0 1px 2px rgba(15, 61, 46, 0.06), 0 12px 28px -22px rgba(15, 61, 46, 0.5);
  --curva: cubic-bezier(0.2, 0.7, 0.3, 1);
}

:root { color-scheme: light; }

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--papel);
  color: var(--tinta);
  font-family: var(--fuente-cuerpo);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  font-family: var(--fuente-titulo);
  font-weight: 700;
  font-stretch: 88%;            /* Archivo es variable: condensada para titulares */
  letter-spacing: -0.015em;
  line-height: 1.08;
  margin: 0;
  text-wrap: balance;
}

.dato, .precio, td.dato, time {
  font-family: var(--fuente-dato);
  font-variant-numeric: tabular-nums;
}

a { color: var(--tinta); text-underline-offset: 3px; }
a:hover { color: var(--naranja-oscuro); }

:focus-visible {
  outline: 3px solid var(--naranja);
  outline-offset: 2px;
  border-radius: var(--redondeo-chico);
}

::selection { background: var(--naranja-tenue); }

.solo-lectores {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}