/* V4 footer logo layout: keep both institutional logos on one line.
   V4 generated Tailwind CSS did not include the later h-28/h-32/h-36 classes.
   Scoped fix: no changes to the global theme, header, or other site components. */
footer .footer-brand-lockup {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 14px;
  width: 100%;
  max-width: 100%;
}
footer .footer-child-logo {
  display: inline-flex;
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: 300px;
  align-items: center;
}
footer .footer-child-logo img {
  display: block;
  width: 100%;
  max-width: 300px;
  height: auto;
  max-height: 144px;
  object-fit: contain;
  object-position: left center;
}
footer .footer-brand-divider {
  display: block;
  flex: 0 0 1px;
  width: 1px;
  height: 96px;
  background: rgba(255,255,255,.18);
}
footer .footer-municipality-logo {
  display: inline-flex;
  flex: 0 0 124px;
  width: 124px;
  max-width: 124px;
  padding: 11px;
  border-radius: 18px;
  align-items: center;
  justify-content: center;
}
footer .footer-municipality-logo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 127px;
  object-fit: contain;
}
@media (min-width:1024px) and (max-width:1200px) {
  footer .footer-brand-lockup { gap: 10px; }
  footer .footer-municipality-logo { flex-basis: 100px; width: 100px; max-width: 100px; padding: 9px; }
}
@media (max-width:520px) {
  footer .footer-brand-lockup { gap: 11px; }
  footer .footer-child-logo { width: auto; min-width: 0; }
  footer .footer-child-logo img { width: 100%; height: auto; max-height: 116px; }
  footer .footer-brand-divider { display: none; }
  footer .footer-municipality-logo { flex-basis: 105px; width: 105px; max-width: 105px; padding: 9px; }
  footer .footer-municipality-logo img { height: auto; max-height: 112px; max-width: 100%; }
}