/* Marca "O pingo aceso": logotipo no lugar do nome. Só o cabeçalho; gradiente e tokens do site não mudam. */
.brand::before { display: none; }              /* a orbe antiga sai: o pingo aceso é a marca */
.brand { gap: 0; }
.brand-logo, .brand-mark { flex-shrink: 0; max-width: 100%; }
.brand-logo--escuro, .brand-mark--escuro { display: inline-block; vertical-align: middle; }
.brand-row .brand-logo { height: 44px; width: auto; }
.brand-row .brand-mark { height: 36px; width: 36px; }
@media (max-width: 760px) { .brand-row .brand-logo { height: 38px; } }
/* Tema: cada logotipo tem versão para fundo escuro e para fundo claro; só a do tema ativo aparece. */
.brand-logo--claro, .brand-mark--claro { display: none; }
:root[data-theme="light"] .brand-logo--escuro, :root[data-theme="light"] .brand-mark--escuro { display: none; }
:root[data-theme="light"] .brand-logo--claro, :root[data-theme="light"] .brand-mark--claro { display: inline-block; }
/* Cabeçalhos das páginas sem tema claro: compacto escuro (contrato, seção 2), altura fixa, sem brilho no símbolo. */
.marca-logo { display: inline-flex; align-items: center; line-height: 0; }
.marca-logo .brand-logo { height: 36px; width: auto; }