*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Poppins', sans-serif;
}

/* ================= CTA ================= */

.footer-cta{
  background:linear-gradient(to right,#0258A2,#F73739);
  padding:20px;
  color:#fff;
}

.cta-content{
  max-width:1200px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.cta-text{
  display:flex;
  align-items:center;
  gap:15px;
}

.cta-text i{
  font-size:28px;
}

.cta-text h3{
  font-size:16px;
  font-weight:600;
}

.cta-text p{
  font-size:13px;
  opacity:0.9;
}

.cta-btn{
  background:linear-gradient(to right,#F73739,#0258A2);
  padding:12px 20px;
  border-radius:8px;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  white-space:nowrap;
}

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

.footer{
  background:#020617;
  color:#cbd5e1;
}

.footer-container{
  max-width:1200px;
  margin:auto;
  padding:60px 20px;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:40px;
}

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

.footer-col p{
  font-size:14px;
  line-height:1.6;
}
/* LOGOTIPO FOOTER */
.footer-logo{
  max-width:160px;      /* tamanho ideal */
  width:100%;
  height:auto;
  margin-bottom:15px;
  display:block;
  object-fit:contain;
  /* INVERTER CORES */
  filter:brightness(0) invert(1);
}

.footer-col ul{
  list-style:none;
}

.footer-col ul li{
  margin-bottom:10px;
}

.footer-col ul li a{
  color:#cbd5e1;
  text-decoration:none;
  font-size:14px;
  transition:0.3s;
}

.footer-col ul li a:hover{
  color:#3b82f6;
}

/* SOCIALS */
.socials{
  display:flex;
  gap:12px;
  margin-top:15px;
}

.socials a{
  width:36px;
  height:36px;
  border-radius:50%;
  background:#0f172a;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-decoration:none;
  font-size:14px;
}

/* CONTACT */
.contact li{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
}

/* FOOTER BOTTOM */
.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.1);
  padding:15px 20px;
  display:flex;
  justify-content:space-between;
  max-width:1200px;
  margin:auto;
  font-size:13px;
}

/* ================= RESPONSIVO ================= */

@media(max-width:900px){
  .footer-container{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media(max-width:600px){
  .cta-content{
    flex-direction:column;
    text-align:center;
  }

  .footer-container{
    grid-template-columns:1fr;
  }

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