/* Assinatura do banner principal: equilibrada sob PORTO CLEAN®. */
.hero h1 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}

.hero h1 .wordmark { align-self: stretch; }

.hero h1 .hero-subtitle {
  display: block;
  width: fit-content;
  margin-top: .22em;
  align-self: center;
  /* Compensa o espaço ocupado pelo ® para centrar no nome PORTO CLEAN. */
  transform: translateX(-.66em);
  color: #c38d00;
  font: 800 .60em/1 Manrope, sans-serif;
  letter-spacing: -.055em;
}

@media (max-width: 510px) {
  .hero h1 .hero-subtitle { font-size: .56em; transform: translateX(-.54em); }
}