:root {
  --bg: #f4f2ec; --card: #ffffff; --ink: #1c2420; --muted: #5d6963; --line: #e2ded4; --soft: #eeebe3;
  --brand: #1f5f4a; --brand-2: #2c7a60; --brand-soft: #e3efe9; --accent: #ad4828;
  --alta: #c0392b; --alta-soft: #fbe9e7; --media: #b7791f; --media-soft: #fbf1df; --baja: #4a6f8a; --baja-soft: #e6eef4;
  --ok: #2e7d4f; --ok-soft: #e2f3e8;
  --r: 14px; --sombra: 0 1px 2px rgba(20, 30, 25, .06), 0 4px 16px rgba(20, 30, 25, .06);
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--ink); -webkit-text-size-adjust: 100%;
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); }
button, input, textarea, select { font: inherit; color: inherit; }
button { cursor: pointer; }
.escudo { width: 34px; height: 40px; flex: none; }
.chip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 999px; font-size: 12.5px; font-weight: 600; background: var(--soft); color: var(--muted); white-space: nowrap; }
.chip .punto { width: 8px; height: 8px; border-radius: 50%; }
.p-Alta { background: var(--alta-soft); color: var(--alta); }
.p-Media { background: var(--media-soft); color: var(--media); }
.p-Baja { background: var(--baja-soft); color: var(--baja); }
.muted { color: var(--muted); }
.brillo { background: linear-gradient(90deg, var(--soft) 0%, #faf8f3 50%, var(--soft) 100%); background-size: 200% 100%; animation: brillo 1.2s linear infinite; border-radius: 6px; color: transparent !important; }
@keyframes brillo { to { background-position: -200% 0; } }
.firma { font-size: 12px; color: var(--muted); }
.firma b { color: var(--accent); font-weight: 700; }