/**
 *
 * Assinatura/logotipo do site, usada no topo e no rodape.
 * handler: pp-brand
 * deps: pp-layout
 * version: 1.0.0
 *
 * @package theme-headers
 *
 */

.brand {
  display: inline-flex;
  align-items: center;
  gap: var(--space-3);
  color: var(--color-text-muted);
  font-size: var(--text-2xl);
  font-weight: 500;
  line-height: 1;
}

.brand svg,
.brand img {
  width: min(66vw, 260px);
  height: auto;
}