/* PetNegócios: outlined vector wordmark; no font dependency inside the logo. */
.brand { display: block; flex: 0 0 auto; line-height: 0; }
.brand-logo { display: block; width: 256px; height: auto; }
.brand:hover, .footer-brand:hover { opacity: .88; }
.footer-brand { display: inline-block; line-height: 0; }
.footer-brand img { display: block; width: 235px; height: auto; }
.footer-legal { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.footer-company { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 11px; }
.footer-company a { color: var(--forest); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 1150px) and (min-width: 761px) {
  .brand-logo { width: 224px; }
  .header-inner { flex-wrap: wrap; padding-block: 14px 8px; gap: 6px 20px; }
  .desktop-nav { order: 3; flex: 0 0 100%; justify-content: center; }
}
@media (max-width: 760px) {
  .brand-logo { width: 202px; }
  .header-inner { gap: 12px; }
}
@media (max-width: 420px) {
  .brand-logo { width: 180px; }
  .header-actions { gap: 10px; }
  .header-actions .button-small { padding-inline: 12px; }
}
@media (max-width: 359px) {
  .brand-logo { width: 144px; }
  .header-actions .button-small { padding-inline: 10px; }
}