/* Ajustes de escala e enquadramento. */
.header { height: 112px; }
.logo { display: flex; align-items: center; width: 230px; height: 96px; }
.logo img { width: 218px; height: 96px; object-fit: contain; }
.hero { background: #fff; }
.hero > img { width: 100%; height: auto; min-height: 0; max-height: none; object-fit: contain; object-position: center; }
@media (max-width: 600px) {
  .header { height: 88px; }
  .logo { width: 168px; height: 76px; }
  .logo img { width: 162px; height: 76px; }
  .hero > img { height: auto; min-height: 0; object-position: center; }
}