/* ==========================================================================
   Faixa Exclusiva — rodapé
   ========================================================================== */

.fx-footer{
  background:var(--fx-azul-noite);
  color:rgba(255,255,255,.72);
  font-family:var(--fx-fonte-texto);
  font-size:14px;
  padding-top:52px;
}

.fx-footer__grid{
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1fr;
  gap:40px;
  padding-bottom:40px;
}

/* ---------- Coluna da marca ---------- */
.fx-footer__marca .fx-logo-link{margin-bottom:16px}

.fx-footer__desc{
  margin:0 0 18px;
  max-width:34ch;
  line-height:1.6;
  opacity:.72;
}

.fx-social{
  display:flex;gap:10px;
  margin:0;padding:0;list-style:none;
}
.fx-social li{margin:0}
.fx-social a{
  width:36px;height:36px;
  display:grid;place-items:center;
  border-radius:8px;
  background:rgba(255,255,255,.09);
  color:#fff;
  transition:background .15s, color .15s;
}
.fx-social a:hover{background:var(--fx-amarelo);color:var(--fx-azul-noite)}
.fx-social a:focus-visible{outline:2px solid var(--fx-amarelo);outline-offset:2px}

/* ---------- Colunas de links ---------- */
.fx-footer__titulo{
  font-family:var(--fx-fonte-titulo);
  font-weight:700;font-size:12px;
  letter-spacing:.11em;text-transform:uppercase;
  color:var(--fx-amarelo);
  margin:0 0 16px;
}

.fx-footer__lista{margin:0;padding:0;list-style:none}
.fx-footer__lista li{margin:0}
.fx-footer__lista a{
  display:block;
  padding:6px 0;
  color:rgba(255,255,255,.72);
  text-decoration:none;
  font-size:14px;
  transition:color .15s;
}
.fx-footer__lista a:hover{color:#fff}
.fx-footer__lista a:focus-visible{outline:2px solid var(--fx-amarelo);outline-offset:2px}

/* ---------- Base ---------- */
.fx-footer__base{
  border-top:1px solid rgba(255,255,255,.12);
  padding:22px 0 30px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
  font-size:12.5px;
  opacity:.6;
}

/* ---------- Responsivo ---------- */
@media (max-width:1080px){
  .fx-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .fx-footer__grid{grid-template-columns:1fr;gap:32px}
  .fx-footer{padding-top:40px}
}