.ms-footer{
  background:#0F172A;
  color:#CBD5E1;
  padding:80px 0 30px;
}

.ms-footer-grid{
  display:grid;
  grid-template-columns:2fr 1fr 1fr 1fr;
  gap:40px;
}

.ms-footer-col h4{
  color:#fff;
  margin-bottom:14px;
  font-size:14px;
}

.ms-footer-col ul{
  list-style:none;
  padding:0;
  margin:0;
}

.ms-footer-col li{
  margin-bottom:8px;
}

.ms-footer-col a{
  color:#94A3B8;
  text-decoration:none;
  font-size:13px;
  transition:.2s;
}

.ms-footer-col a:hover{
  color:#fff;
}

/* BRAND */
.ms-footer-brand{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}

.ms-footer-logo{
  width:42px;
  height:42px;
  border-radius:12px;
  background:#1D4ED8;
  display:grid;
  place-items:center;
  color:white;
  font-weight:900;
}

.ms-footer-brand strong{
  display:block;
  color:white;
}

.ms-footer-brand span{
  font-size:12px;
  color:#94A3B8;
}

.ms-footer-desc{
  font-size:13px;
  line-height:1.6;
  color:#94A3B8;
}

/* BOTTOM */
.ms-footer-bottom{
  margin-top:40px;
  padding-top:20px;
  border-top:1px solid #1E293B;
  display:flex;
  justify-content:space-between;
  font-size:12px;
  color:#64748B;
}

/* RESPONSIVO */
@media(max-width:960px){
  .ms-footer-grid{
    grid-template-columns:1fr;
  }

  .ms-footer-bottom{
    flex-direction:column;
    gap:6px;
    text-align:center;
  }
}