/* ══════════════════════════════════════════════
   INVESTCAR — logo global
   Ajuste só estas variáveis para o tamanho:
   ══════════════════════════════════════════════ */
:root {
  --logo-nav-h: 64px;      /* navbar / header (+15%) */
  --logo-footer-h: 60px;   /* rodapé (+15%) */
  --logo-drawer-h: 55px;   /* menu mobile (+15%) */
  --logo-hero-h: 83px;     /* hero (+15%) */
}

/* Links que envolvem a logo */
.brand-logo-link,
a.brand.brand-logo-link,
.navbar-brand {
  display: inline-flex;
  align-items: center;
  line-height: 0;
  flex-shrink: 0;
}

/* Logo padrão (clara / fundo claro) */
.brand-logo,
.navbar-brand img,
a.brand img.brand-logo {
  height: var(--logo-nav-h);
  width: auto;
  max-width: none;
  display: block;
  object-fit: contain;
}

/* Logo no rodapé */
.footer-brand-logo,
.foot-about .brand-logo,
footer .brand-logo {
  height: var(--logo-footer-h);
  width: auto;
  max-width: none;
  display: block;
  object-fit: contain;
  margin-bottom: 14px;
}

/* Logo no drawer / fundos escuros */
.drawer .brand-logo,
.brand-logo--white {
  height: var(--logo-drawer-h);
}

/* Hero opcional */
.brand-logo--hero {
  height: var(--logo-hero-h);
}

/* Mobile: um pouco menor, ainda generoso */
@media (max-width: 640px) {
  :root {
    --logo-nav-h: 53px;
    --logo-footer-h: 51px;
    --logo-drawer-h: 48px;
  }
}