/* ==========================================================================
   Páginas institucionais — Sobre, Contato e Política de privacidade
   (cota, quadro, foto provisória, chamada e marcas d'água vêm do components.css)
   ========================================================================== */

/* --- Topo de página ---------------------------------------------------- */
.pagina-topo {
  padding-block: clamp(2.5rem, 2rem + 3vw, 5rem) clamp(1rem, 0.5rem + 2vw, 2.5rem);
}

.pagina-topo__titulo {
  max-width: 18ch;
  margin-bottom: 1rem;
}

/* títulos compridos usam mais largura */
.pagina-topo__titulo--longo {
  max-width: 30ch;
}

.pagina-topo__texto {
  max-width: 38rem;
  margin: 0;
  font-size: 1.125rem;
  color: var(--pedra);
}

/* ==========================================================================
   Sobre
   ========================================================================== */

/* --- Topo: a empresa, com uma foto de obra à direita ------------------ */
.sobre-topo {
  padding-bottom: clamp(2.5rem, 2rem + 3vw, 5rem);
}

.sobre-topo__texto {
  max-width: 38rem;
  margin: 1rem 0 0;
  color: var(--pedra);
}

.sobre-topo__foto {
  max-width: 28rem;
  margin-inline: auto;
}

.sobre-topo__foto img {
  aspect-ratio: 4 / 5;
}

/* ==========================================================================
   Contato — texto em cima e um cartão para cada canal (WhatsApp, telefone, e-mail)
   ========================================================================== */
.contato {
  padding-bottom: var(--secao-y);
}

.contato__topo {
  margin-bottom: clamp(2rem, 1.5rem + 2vw, 3rem);
}

.contato__topo .pagina-topo__titulo {
  max-width: none;
}

/* lista sem marcador; as margens laterais negativas do .row continuam valendo */
.contato__canais {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}

.contato__caixa {
  padding: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  border: 1px solid var(--fio);
  background: var(--branco);
}

/* o botão fica sempre no pé do cartão, alinhado entre os três */
.contato__canal {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.contato__canal .botao {
  margin-top: auto;
  align-self: flex-start;
}

/* WhatsApp é o canal principal: abre com o fio forte, como um bloco de especificação */
.contato__canal--destaque {
  border-top: 2px solid var(--fio-forte);
}

.contato__valor {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  font-weight: var(--peso-medium);
  color: var(--nero);
  overflow-wrap: anywhere;
}

.contato__canal .legenda {
  margin-bottom: 1.5rem;
}

.contato__horario {
  margin: 2rem 0 0;
  color: var(--pedra);
}

/* ==========================================================================
   Política de privacidade — texto corrido
   ========================================================================== */
.texto-legal {
  padding-top: clamp(1rem, 0.5rem + 2vw, 2.5rem);
}

.texto-legal h2 {
  margin-top: 2.5rem;
  font-size: 1.25rem;
  font-weight: var(--peso-medium);
}

.texto-legal h3 {
  margin-top: 1.75rem;
  margin-bottom: 0.5rem;
  font-size: 1.0625rem;
  font-weight: var(--peso-medium);
  color: var(--nero);
}

/* frase de fechamento de um texto legal */
.texto-legal__lema {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--fio);
  color: var(--nero);
}

.texto-legal ul {
  padding-left: 1.25rem;
}

.texto-legal li + li {
  margin-top: 0.25rem;
}