);
}
const h = size === "lg" ? 56 : 36;
// Logo CEFEQ tem ratio ~3.44:1 (540×157). Slogan centralizado abaixo, com mesma largura da logo.
const logoWidth = h * (540 / 157);
return (
);
}
// ─────────────────────────────────────────────────────────────────────────────
// KPI Card
// ─────────────────────────────────────────────────────────────────────────────
// Tooltip helper — usa base + ícone "?" pra dar dica visual
function InfoTip({ text }) {
return (
);
}
// Dicionário de tooltips por label comum — aplicado automaticamente
const KPI_TOOLTIPS = {
"LTV": "Lifetime Value: faturamento total que o cliente já trouxe desde o primeiro pedido.",
"LTV total": "Soma do faturamento histórico de todos os clientes do recorte.",
"Ticket médio": "Faturamento total dividido pelo número de pedidos.",
"Margem média": "Margem de contribuição ponderada — quanto sobra após CMV em média.",
"Margem bruta": "% de lucro bruto sobre faturamento (Receita − CMV) / Receita.",
"EBITDA": "Lucro antes de juros, impostos, depreciação e amortização. Indica geração operacional de caixa.",
"Lucro Líquido": "Resultado final após todos os custos, despesas, impostos e resultado financeiro.",
"YoY": "Year-over-Year — comparação com o mesmo período do ano anterior.",
"MRR": "Receita recorrente mensal — apenas pra clientes recorrentes confirmados.",
};
// Procura no label se contém alguma das keys do dicionário e retorna tooltip se sim
function getTooltipForLabel(label) {
if (!label || typeof label !== "string") return null;
const lower = label.toLowerCase();
for (const key of Object.keys(KPI_TOOLTIPS)) {
if (lower.includes(key.toLowerCase())) return KPI_TOOLTIPS[key];
}
return null;
}
function KPI({ label, value, delta, sub, accent, sparkline, big = false, tooltip }) {
const positive = delta == null ? null : delta >= 0;
const finalTooltip = tooltip || (typeof label === "string" ? getTooltipForLabel(label) : null);
return (