/* ==========================================================================
   ARQUIVO: footer.css
   OBJETIVO: Estilos da Seção 6 (Chamada Final e Rodapé Institucional).
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. CHAMADA FINAL (Banner de Fechamento)
   -------------------------------------------------------------------------- */
.chamada-final-secao {
  padding-top: var(--espaco-2xl);
  padding-bottom: var(--espaco-3xl);
}

.chamada-final-card {
  background-color: var(--cor-fundo-destaque);
  border: 1px solid var(--cor-borda-media);
  border-radius: var(--raio-grande);
  padding: var(--espaco-2xl) var(--espaco-xl);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--espaco-md);
}

.chamada-final-titulo {
  font-size: clamp(1.6rem, 4vw, 2.2rem);
  font-weight: var(--peso-extra);
  color: var(--cor-texto-principal);
  max-width: 650px;
}

.chamada-final-desc {
  font-size: var(--tam-fonte-padrao);
  color: var(--cor-texto-secundario);
  max-width: 540px;
}

/* --------------------------------------------------------------------------
   2. RODAPÉ INSTITUCIONAL (Footer)
   -------------------------------------------------------------------------- */
.rodape-principal {
  background-color: var(--cor-fundo-pagina);
  border-top: 1px solid var(--cor-borda-media);
  padding-top: var(--espaco-2xl);
  padding-bottom: var(--espaco-2xl);
}

.rodape-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--espaco-xl);
  padding-bottom: var(--espaco-xl);
  border-bottom: 1px solid var(--cor-borda-clara);
}

@media (min-width: 768px) {
  .rodape-grid {
    grid-template-columns: 1.5fr 1fr;
    align-items: center;
  }
}

/* Marca e Slogan */
.rodape-marca {
  display: flex;
  flex-direction: column;
  gap: var(--espaco-xs);
}

.rodape-logo-box {
  display: flex;
  align-items: center;
  gap: var(--espaco-xs);
  font-size: var(--tam-fonte-media);
  font-weight: var(--peso-extra);
  color: var(--cor-texto-principal);
}

.rodape-logo-img {
  width: 32px;
  height: 32px;
}

.rodape-slogan {
  font-size: var(--tam-fonte-pequena);
  color: var(--cor-texto-apoio);
}

/* Links Úteis e Redes */
.rodape-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--espaco-md);
  align-items: center;
}

@media (min-width: 768px) {
  .rodape-links {
    justify-content: flex-end;
  }
}

.rodape-link-item {
  font-size: var(--tam-fonte-pequena);
  font-weight: var(--peso-medio);
  color: var(--cor-texto-secundario);
  transition: color var(--transicao-rapida);
}

.rodape-link-item:hover {
  color: var(--cor-texto-principal);
}

/* Base de Direitos Autorais */
.rodape-inferior {
  padding-top: var(--espaco-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: var(--espaco-sm);
  text-align: center;
}

@media (min-width: 640px) {
  .rodape-inferior {
    flex-direction: row;
    text-align: left;
  }
}

.rodape-copyright {
  font-size: var(--tam-fonte-micro);
  color: var(--cor-texto-apoio);
}