.home-tela {
  min-height: 100svh;
  display: grid;
  place-items: center;
  text-align: center;
  background: var(--preto);
  color: var(--branco);
  position: relative;
  overflow: hidden;
}

/* Textura do monograma, a mesma da seção de abertura da LP. Antes isto
   apontava para um simbolo-branco.svg que nunca existiu — o padrão foi
   extraído da arte do hero e serve às duas páginas. */
.home-tela::after {
  content: '';
  position: absolute;
  inset: 0;
  background: url('../img/padrao-monograma.png') repeat;
  background-size: 132px 123px;
  opacity: .05;
  pointer-events: none;
}

.home-conteudo { position: relative; z-index: 1; max-width: 44rem; }
/* aspect-ratio reserva a altura antes do SVG carregar, para a página não
   pular. 565/221 é a proporção real do logotipo. */
.home-logo {
  width: clamp(180px, 28vw, 260px);
  aspect-ratio: 565 / 221;
  margin: 0 auto 2.5rem;
}
.home-titulo { margin-bottom: 1.25rem; }
.home-texto { color: var(--cinza-lilas); max-width: 34ch; margin: 0 auto 2.5rem; }

.home-acoes {
  display: flex;
  flex-wrap: wrap;
  gap: .875rem;
  justify-content: center;
}

@media (max-width: 420px) {
  .home-acoes .btn { width: 100%; }
}