/* Camada 4: pagina publica /localizador-de-presentes.
 *
 * So' o que e' da pagina: fundo, largura e o cabecalho curto. A cabeca e'
 * baixa de proposito: quem chega quer ver presente, e a primeira fileira de
 * cartoes tem de aparecer sem rolar no celular. */

body.lv-loc-pagina { background: var(--lv-bg); }

.lv-loc-pagina-conteudo {
  max-width: var(--lv-largura);
  margin: 0 auto;
  padding: 20px 16px 0;
  box-sizing: border-box;
}

.lv-loc-cabeca { max-width: 760px; margin: 0 0 4px; }

.lv-loc-cabeca-titulo {
  margin: 0;
  color: var(--lv-ink);
  font-family: var(--lv-font-display);
  font-weight: 900;
  font-size: 30px;
  line-height: 1.1;
  letter-spacing: -.015em;
  text-wrap: balance;
}

.lv-loc-cabeca-sub {
  margin: 8px 0 0;
  color: var(--lv-muted);
  font-size: 15px;
  line-height: 1.55;
  max-width: 62ch;
}

@media (min-width: 768px) {
  .lv-loc-pagina-conteudo { padding: 40px 32px 0; }
  .lv-loc-cabeca-titulo { font-size: 44px; }
  .lv-loc-cabeca-sub { font-size: 17px; }
}