/* Rodapé completo e assinatura, usados por todas as páginas do site. */
.rodape-completo { border-top: 1px solid var(--linha); padding-top: 56px; padding-bottom: 28px; display: grid; gap: 40px; font-size: 15px; color: var(--tinta-2); }
.rodape-marca p { margin: 14px 0 0; max-width: 30ch; line-height: 1.5; }
.rodape-coluna h2 { margin: 0 0 14px; font-family: var(--texto); font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--tinta-3); }
.rodape-coluna ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.rodape-coluna a { text-decoration: none; color: var(--tinta-2); transition: color 0.2s; }
.rodape-coluna a:hover { color: var(--tinta); }
.rodape-base { border-top: 1px solid var(--linha); padding-top: 22px; padding-bottom: 36px; display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between; font-size: 14px; color: var(--tinta-3); }
.rodape-base a { color: inherit; }
@media (min-width: 760px) {
  .rodape-completo { grid-template-columns: 1.4fr 1fr 1fr 1fr; }
}

/* assinatura: o nome ocupando a largura útil, em tinta bem clara e cortado embaixo.
   O tamanho da letra é a largura útil dividida pela largura da palavra (2,36 vezes o tamanho da fonte). */
.assinatura { --tam: calc((min(100vw, 1200px) - 40px) / 2.36); max-width: 1200px; margin: 0 auto; padding: 0 20px; overflow: hidden; height: calc(var(--tam) * 0.6); user-select: none; }
.assinatura span { display: block; font-family: var(--titulo); font-weight: 800; font-size: var(--tam); line-height: 0.9; letter-spacing: -0.055em; color: #e6e6e2; white-space: nowrap; }