/* Página /quero-jogar (o mesmo formulário da LP, fora do pop-up). */

.quero-jogar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: var(--espaco-8);
  align-items: start;
}

.quero-jogar__cabecalho {
  display: grid;
  gap: var(--espaco-4);
  position: sticky;
  top: calc(var(--altura-topo) + var(--espaco-6));
}

.quero-jogar__titulo {
  font-size: var(--titulo-lg);
}

.quero-jogar__texto {
  max-width: 44ch;
  font-size: var(--texto-lg);
  color: var(--cor-texto-secundario);
}

.quero-jogar__cartao {
  display: grid;
  gap: var(--espaco-5);
  padding: var(--espaco-6);
  background: var(--cor-superficie);
  border: 1px solid var(--cor-borda);
  border-radius: var(--raio-4);
  box-shadow: var(--sombra-2);
}

@media (max-width: 860px) {
  .quero-jogar {
    grid-template-columns: 1fr;
    gap: var(--espaco-6);
  }

  .quero-jogar__cabecalho {
    position: static;
  }

  .quero-jogar__cartao {
    padding: var(--espaco-5);
  }
}