/* ════════════════════════════════════════════════════════════
   PRESTIO · BASE
   ════════════════════════════════════════════════════════════
   Tokens de este case y ajustes que deben cargar ANTES de las hojas de
   shared/, para que estas puedan sobrescribirlos. Enlazada en esa posición
   exacta en index.html: moverla cambia quién gana en la cascada.
   ════════════════════════════════════════════════════════════ */

/* Solo lo propio de este case. La base común de los tres vive en
   shared/case-base.css, que se carga justo antes de case-theme.css. */
:root {
  --font: "Inter", system-ui, sans-serif;
  --font-label: "Inter", system-ui, sans-serif;
  --font-display: "Instrument Sans", "Inter", system-ui, -apple-system, sans-serif;
  /* Radios/pad/shadow del shell = default de case-master-look.css; el gradiente
     de marca (--case-ui-grad) se define más abajo, tras cargar ese archivo. */
;
}

.data-table th {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-caption);
  background: var(--color-surface-2);
}

.data-table tr:last-child td { border-bottom: 0;
}
.data-table td:first-child { font-weight: 500; color: var(--color-ink);
}

.check { color: var(--color-accent-ink); font-weight: 600;
}

.impact-takeaway {
  margin-top: clamp(28px, 4vw, 40px);
  padding: clamp(24px, 3.5vw, 36px);
  border-radius: 16px;
  background:
    linear-gradient(135deg, rgba(16, 16, 18, 0.03) 0%, transparent 48%),
    var(--color-surface-2);
  border: 1px solid var(--color-border);
}