/* bloco rodape: navegacao na grade e a marca gigante ao fundo */
.rodape { position: relative; background: var(--dark); color: #fff; padding-top: clamp(64px, 7vw, 96px); overflow: hidden; }
.rodape__grade { position: relative; z-index: 5; min-height: 210px; }

.rodape__logo { grid-column: 1 / span 4; width: clamp(104px, 8.6vw, 130px); align-self: start; }
.rodape nav { grid-column: span 2; display: flex; flex-direction: column; gap: 13px; }
.rodape nav:first-of-type { grid-column: 7 / span 2; }
.rodape nav strong { font-size: calc(13.5px * var(--escala-texto, 1)); font-weight: 600; letter-spacing: .04em; }
.rodape nav a { color: #94979b; font-size: calc(13.5px * var(--escala-texto, 1)); transition: color .35s var(--suave), transform .45s var(--mola); }
.rodape nav a:hover { color: var(--teal); transform: translateX(4px); }

.rodape__base { position: relative; z-index: 5; margin-top: clamp(48px, 5vw, 72px); min-height: 78px; box-shadow: inset 0 1px 0 var(--dark-line); display: flex; justify-content: space-between; align-items: center; gap: 20px; color: #777a7e; font-size: calc(12.5px * var(--escala-texto, 1)); }

/* a marca em contorno fecha a pagina, cortada pela borda de baixo.
   Fica depois do endereco, entao nao disputa legibilidade com nenhum texto. */
.rodape__marca {
  position: relative; z-index: 0;
  margin-top: clamp(20px, 2.6vw, 40px);
  height: clamp(52px, 6.4vw, 100px);
  overflow: hidden;
  pointer-events: none;
}
.rodape__marca span {
  display: block; text-align: center; white-space: nowrap;
  font-family: var(--display); font-weight: 900; font-size: calc(min(19vw, 280px) * var(--escala-texto, 1)); line-height: .8; letter-spacing: -.05em;
  color: transparent; -webkit-text-stroke: 1px color-mix(in srgb, var(--teal) 22%, transparent);
}

@media (max-width: 1080px) {
  .rodape__logo { grid-column: 1 / -1; margin-bottom: 8px; }
  .rodape nav, .rodape nav:first-of-type { grid-column: span 4; }
}

@media (max-width: 680px) {
  .rodape nav, .rodape nav:first-of-type { grid-column: span 6; }
  .rodape__base { flex-direction: column; align-items: flex-start; padding-block: 24px; }
}