/* Ajusta somente o enquadramento da marca no cabecalho. A imagem original permanece intacta. */
.site-header .header-main > .brand {
  width: 160px;
  height: 78px;
  justify-content: flex-start;
  margin-right: 18px;
  padding: 0;
}

.site-header .header-main > .brand img {
  width: 158px;
  max-height: 74px;
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 900px) {
  .site-header .header-main {
    min-height: 76px;
    padding-block: 8px;
  }

  .site-header .header-main > .brand {
    width: 130px;
    height: 60px;
    margin-right: 0;
    padding: 0;
  }

  .site-header .header-main > .brand img {
    width: 128px;
    height: 58px;
    max-height: 58px;
    object-fit: contain;
    object-position: left center;
  }

  .site-header .menu-button {
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 420px) {
  .site-header .header-main > .brand {
    width: 122px;
  }

  .site-header .header-main > .brand img {
    width: 120px;
  }
}

/* Preenche toda a linha intermediaria da galeria de estrutura. */
.structure-section .gallery-3,
.structure-section .gallery-4 {
  grid-column: span 6;
}

@media (max-width: 620px) {
  .structure-section .gallery-3,
  .structure-section .gallery-4 {
    grid-column: span 12;
  }
}