/* ---------- rodapé ---------- */
/* Preto absoluto (#000), e é o único ponto do site que usa preto puro: as
   seções param em --breu/--void, que são quase pretos. O corte para o #000
   fecha a página como uma borda, em vez de parecer mais uma seção. */
.rodape{
  /* Sem z-index proprio: o divisor da emenda de cima esta em 6 e, num empate,
     o rodape venceria por vir depois no DOM e cobriria metade da linha. */
  position:relative;
  background:#000;
  padding:clamp(1.5rem,2.8vw,2.1rem) clamp(1rem,4vw,3rem)
          calc(clamp(1.1rem,2vw,1.5rem) + var(--pad-bot));
  display:flex;flex-direction:column;align-items:center;
  gap:clamp(.8rem,1.5vw,1.1rem);
  text-align:center;
}

.rodape__marca{width:auto;height:clamp(34px,3.8vw,44px);opacity:.92}

.rodape__redes{display:flex;gap:clamp(.7rem,1.6vw,1rem)}

/* Alvo de toque nunca abaixo de 44px, que é o piso recomendado — no celular o
   clamp cai no mínimo, então é ele que vale justamente onde o dedo erra. */
.rodape__rede{
  display:grid;place-items:center;
  width:clamp(44px,4.6vw,46px);aspect-ratio:1;
  border:1px solid rgba(242,237,228,.22);border-radius:10px;
  color:#e8ddcb;
  transition:border-color .25s,color .25s,background-color .25s;
}
.rodape__rede:hover,
.rodape__rede:focus-visible{
  border-color:#c8102e;color:#fff;background:rgba(200,16,46,.12);
}
.rodape__rede svg{
  width:46%;height:46%;
  fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
/* o ponto da câmera é cheio, não contornado */
.rodape__rede svg .cheio{fill:currentColor;stroke:none}

/* Mesma receita da navbar (armadilha: caixa alta espacejada em Archivo 125%),
   para o rodapé não destoar do topo. */
.rodape__nota{
  /* 100%, não `none`: em coluna flex centrada o <p> cresce até max-content e
     vazaria a tela — foi o que abriu rolagem horizontal no celular. Com o
     limite, a linha quebra ENTRE os blocos, que seguem inteiros. */
  margin:0;max-width:100%;
  font-family:var(--nav);font-stretch:125%;font-weight:600;
  font-size:clamp(.58rem,1.15vw,.68rem);
  letter-spacing:.2em;text-transform:uppercase;
  color:rgba(216,212,199,.6);line-height:1.8;
}
.rodape__nota b{font-weight:800;color:rgba(232,221,203,.88)}
.rodape__sep{color:#c8102e;margin:0 .45em}

/* O telefone é link de verdade (tel:) porque no celular ele disca, e porque é
   o dado que o Google lê como NAP junto do endereço. */
.rodape__fone{color:inherit;border-bottom:1px solid rgba(242,237,228,.18)}
.rodape__fone:hover,.rodape__fone:focus-visible{color:#fff;border-color:#c8102e}

/* Cada bloco e indivisivel: sem isto "Vitoria da Conquista" partia antes do
   "BA" e a linha ficava sem sentido. Entre blocos a linha ainda pode quebrar. */
.rodape__bloco{white-space:nowrap}

@media (max-width:640px){
  .rodape__nota{letter-spacing:.14em;line-height:2}
  .rodape__sep{margin:0 .32em}
}