/* =========================================================
   RODAPÉ
   ========================================================= */

footer {
  padding: 2rem 4rem;
  display: flex; justify-content: space-between; align-items: center;
  border-top: 1px solid var(--border);
  color: var(--gray); font-size: 0.8rem;
}
footer a { color: var(--gray); text-decoration: none; transition: color 0.2s; }
footer a:hover { color: var(--accent); }
.footer-links { display: flex; gap: 2rem; }

/* links legais (Privacidade, Termos) — estilo em css/privacidade.css */
footer { flex-wrap: wrap; gap: 1rem 2rem; }
@media (max-width: 900px) {
  footer { padding: 2rem; flex-direction: column; align-items: flex-start; }
}

/* ---------- rodapé completo (index.html): marca, quatro colunas de links e a linha legal ---------- */
footer.rod { display: block; padding-top: 3.5rem; padding-bottom: 2rem; }
.rod-grade { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(4, minmax(0, 1fr)); gap: 2.5rem 2rem; }
.rod-marca .nav-logo { font-size: 1.35rem; }
.rod-marca p { margin-top: .75rem; max-width: 30ch; font-size: .9rem; line-height: 1.55; color: var(--gray); }
.rod-busca {
  display: inline-flex; align-items: center; gap: .5rem; margin-top: 1.1rem; padding: .5rem .85rem; border-radius: 980px; cursor: pointer;
  font: inherit; font-size: .85rem; color: var(--cream); background: color-mix(in srgb, var(--gray) 12%, transparent); border: 1px solid var(--glass-line, var(--border));
  transition: background-color .15s ease;
}
.rod-busca:hover { background: color-mix(in srgb, var(--gray) 22%, transparent); }
.rod-busca kbd { font: inherit; font-size: .75rem; color: var(--gray); }
.rod-col h3 { margin-bottom: .9rem; font-size: .78rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--cream); }
.rod-col ul { list-style: none; display: grid; gap: .6rem; }
.rod-col a { font-size: .9rem; }
.rod-base { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--border); }
.rod-topo { color: var(--gray); }
@media (max-width: 900px) {
  footer.rod { padding: 2.5rem 1.25rem 1.5rem; }
  .rod-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rod-marca { grid-column: 1 / -1; }
  .rod-base { flex-direction: column; align-items: flex-start; }
}