/* Assinatura da Coneki na faixa legal (28/09/2026).
   Pedido do dono: «temos que incluir o rodapé do copyright com a assinatura da
   Coneki». Peça da casa, sem autoria de cliente — está em ficheiro próprio pela
   mesma razão do `pagina.css`: o `componentes.css` é artefacto do DESIGNER.

   Desenho: a faixa legal já é tinta (--cor-fundo-escuro), por isso o logótipo
   branco da casa lê-se sobre ela sem filtros nem variante escura. O que marca a
   peça é o fio dourado à esquerda — a mesma aresta das chapas do site — e não
   uma caixa de fundo, que sobre tinta seria invisível.

   Contrastes sobre #111111 (medidos, não estimados):
     creme  --cor-texto-escuro        #F2E4D8  15,16:1
     suave  --cor-texto-escuro-suave  #B9A99B   8,28:1
     dourado --cor-acento             #D4AF37   8,90:1
   O dourado só serve aqui como fio e como estado de hover/foco sobre tinta —
   nunca como texto corrido no papel claro. */

.faixa-legal__conteudo {
  display: flex;
  flex-direction: column;
  gap: var(--esp-3);
}

@media (min-width: 768px) {
  .faixa-legal__conteudo {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--esp-8);
  }
}

.faixa-legal__nota {
  margin: 0;
  max-width: var(--medida-prosa);
  color: var(--cor-texto-escuro-suave);
}

.rodape__assinatura {
  border-left: 2px solid var(--cor-acento);
  padding-left: var(--esp-3);
  font-size: var(--fs-legenda);
  color: var(--cor-texto-escuro-suave);
}

.rodape__assinatura p {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
}

.rodape__assinatura a {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: var(--alvo-minimo);
  color: var(--cor-texto-escuro);
  text-decoration: none;
  border-bottom: 1px solid var(--cor-texto-escuro-suave);
}

.rodape__assinatura a:hover,
.rodape__assinatura a:focus-visible {
  color: var(--cor-acento);
  border-bottom-color: var(--cor-acento);
}

.rodape__assinatura img {
  display: inline-block;
  height: 18px;
  width: auto;
  vertical-align: middle;
}