.hero {
  min-height: 40vh;
  width: 100%;
  background-position: center top; /* si alguna hoja usa background-image, no importa: <img> controla el logo */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Ajuste visual de encabezados en inicio */
header h1, .brand h1 {
  font-size: 24px;
}