app-hero {
  display: block;
}

.hero {
  margin-top: 1.5rem;
  /* Altura fixa (configurada no painel): as letras encolhem para caber (diretiva banner-ajustado). */
  padding: .9rem clamp(1.4rem, 4vw, 3rem);
  overflow: hidden;
  border-radius: 28px;
  background: var(--gradient);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero h1 {
  font-size: clamp(1.9rem, 4vw, 2.8rem);
  letter-spacing: -.045em;
  font-weight: 800;
  margin: .3rem 0 .5rem;
}

.hero p {
  color: #5f5868;
  margin: 0;
  line-height: 1.55;
}