/* Gerado por integrations/marca.py a partir da config do cliente. */
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap");
:root {
  --bg: #0F0808;
  --panel: #1C1C1C;
  --fg: #F0F0F0;
  --muted: #A1A1A1;
  --line: #2E2E2E;
  --hover: #262626;
  --meta: #E74C3C;
  --rd: #D8D8D8;
  --ok: #4ADE80;
  --bad: #F59E0B;
  --destaque: #EF5A4A;
  --ativo-bg: #C0392B;
  --ativo-fg: #FFFFFF;
  --raio: 20px;
  --raio-ctl: 999px;
  --raio-btn: 999px;
  --titulo-peso: 700;
  --titulo-espaco: 0;
  --font-peso: 400;
  --num-peso: 600;
  --num-espaco: 0;
  --font: "Poppins", system-ui, sans-serif;
  --font-num: "Poppins", system-ui, sans-serif;
}
body { background: radial-gradient(900px 500px at 100% 0, rgba(192,57,43,.14), transparent 60%) #0F0808 fixed; }
h1 { font-family: 'Oswald', 'Impact', sans-serif; font-size: 34px; line-height: 1.05; text-transform: uppercase; letter-spacing: .01em; }
h2 { font-family: 'Oswald', sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: .14em; color: #EF5A4A; margin: 40px 0 14px; display: flex; align-items: center; gap: 12px; }
h2::before { content: ''; width: 28px; height: 3px; border-radius: 2px; background: linear-gradient(135deg, #C0392B, #922B21); flex: none; }
.card h2 { margin-top: 0; }
.kpi .v { font-family: 'Oswald', sans-serif; font-size: 30px; }
.kpi { border-color: #2E2E2E; }
.bars .track, .and, .bars .fill, .legend i { border-radius: 999px; }
.periodo button { font-weight: 600; }
.periodo button[aria-pressed="true"] { background: linear-gradient(135deg, #C0392B, #922B21); box-shadow: 0 8px 24px -10px rgba(192,57,43,.6); }
.tip { background: #F0F0F0; color: #0F0808; border-radius: 999px; padding: 6px 12px; }
.marca img { height: 64px; }
table.utm tr.n0 td { font-weight: 600; }