/* ===== FOOTER ===== */
.site-footer{
  background:#0A6670; color:#D6EEF1; padding:22px 0 26px; margin-top:16px;
}
.site-footer__grid{
  max-width:1120px; margin:0 auto; padding:0 16px;
  display:grid; gap:16px;
}
.site-footer__brand{ display:flex; align-items:center; gap:10px; }
.site-footer__logo{ height:28px; width:auto; display:block; }
.site-footer__title{ margin:0; font-weight:800; font-size:16px; color:#fff; }
.site-footer__desc{ margin:2px 0 0; font-size:13px; color:#CFE9EC; }
.site-footer__cols{ display:grid; gap:12px; }
.site-footer__col h3{ margin:0 0 8px; font-size:14px; color:#fff; font-weight:800; }
.site-footer__links{ list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.site-footer__links a{ color:#D6EEF1; text-decoration:none; font-size:14px; }
.site-footer__links a:hover{ text-decoration:underline; }
.site-footer__bottom{
  border-top:1px solid rgba(255,255,255,.18);
  margin-top:10px; padding-top:10px;
  display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; align-items:center;
  font-size:12px; color:#CFE9EC;
}
.site-footer__legal{ display:flex; gap:12px; flex-wrap:wrap; }
.site-footer__legal a{ color:#CFE9EC; text-decoration:none; }
.site-footer__legal a:hover{ text-decoration:underline; }
@media (min-width:768px){
  .site-footer__grid{ grid-template-columns:1.2fr 2fr; }
  .site-footer__cols{ grid-template-columns:repeat(3, 1fr); gap:16px; }
}
.site-footer__cols{ display:grid; gap:12px; }

.site-footer__socials{
  display:flex; gap:14px; margin-top:8px;
}
.site-footer__socials a{
  display:flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:50%;
  background:rgba(255,255,255,.12); color:#fff;
  transition:.25s;
}
.site-footer__socials a:hover{
  background:#fff; color:#0A6670;
}