/* Logo: foto real del cartel de la estación Mariano Acosta, recortada (566x144) y dimensionada por alto.
   width/height del <img> reservan la proporción, así no hay salto de diseño. El cartel ya dice el nombre. */
.brand { flex: none; gap: 12px; line-height: 1; }
.brand-logo {
  display: block;
  flex: none;
  height: 42px;
  width: auto;
  aspect-ratio: 566 / 144;
  border-radius: 6px;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .28));
}
.brand-name { font-size: 1.05rem; white-space: nowrap; }
footer .brand-logo { height: 36px; }

@media (max-width: 560px) {
  .brand { gap: 10px; }
  .brand-logo { height: 32px; }
  footer .brand-logo { height: 36px; }
}