.site-footer{
  background: #005CA9;
  padding: 48px max(var(--page-padding-x, 120px), calc((100vw - var(--page-max-width, 1440px) + var(--page-padding-x, 120px) * 2) / 2));
  box-sizing: border-box;

  @media screen and (max-width: 768px) {
    padding: 48px 58px;    
  }
}

/* topo do footer */

.footer-top{
  display:flex;
  justify-content:space-between;
  align-items:center;

  padding-bottom:20px;

  border-bottom:1px solid rgba(255,255,255,0.20);
}

/* logo + texto */

.footer-brand{
  display:flex;
  align-items:center;
  gap:16px;
}

.footer-logo{
  width:auto;
  height:60px;
  flex-shrink:0;
}

.footer-title{
  color:#FFF;
  text-align:center;
  font-family:Inter, sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:27px;
  letter-spacing:0.18px;
}

/* icones */

.footer-social{
  display:flex;
  gap:12px;
}

.social-icon{
  display:flex;
  align-items:center;
  justify-content:center;
}

/* copyright */

.footer-bottom{
  text-align:center;
  margin-top:16px;
}

.footer-copyright{
  color:var(--SISTEMA-White, #FFF);
  font-family:"Open Sans", sans-serif;
  font-size:12px;
  font-weight:400;
  line-height:18px;
}

@media screen and (max-width: 900px) {
  .footer-top {
    flex-direction: column;
    gap: 50px;
    padding-bottom: 32px;
  }

  .footer-title {
    display: none;
  }
}