/* ===== FOOTER ===== */

.footer{
  background:#0b1220;
  color:#fff;
  padding:2rem 0;
}
.foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:1.5rem;
}
.foot-brand{
  display:flex;
  align-items:center;
  gap:.5rem;
}
.foot-brand img{
  height:32px;
}
.foot-links{
  display:flex;
  align-items:center;
  gap:0.75rem;
  font-size:.9rem;
}
.foot-links a{
  color:rgba(255,255,255,0.8);
  text-decoration:none;
  transition:color 0.3s ease;
}
.foot-links a:hover{
  color:#60a5fa;
  opacity:1;
}
.facebook-link{
  display:flex;
  align-items:center;
  gap:0.5rem;
  color:rgba(255,255,255,0.8);
  text-decoration:none;
  transition:color 0.3s ease;
}
.facebook-link:hover{
  color:#1877f2;
  opacity:1;
}
.facebook-link svg{
  flex-shrink:0;
}
.foot-links .separator{
  opacity:.4;
}
.copy{
  font-size:.9rem;
  opacity:.7;
}

@media (max-width: 768px){
  .foot{
    flex-direction:column;
    text-align:center;
    gap:1rem;
  }
  .foot-brand{
    flex-direction:column;
  }
}