.footer-bg { padding: 80px 0; }
.footer-bg .footer { display: flex; gap: 50px; justify-content: space-between; }
.footer-bg .footer form { flex: 1 1 50%; max-width: 535px; display: flex; flex-wrap: wrap; justify-content: space-between; --gap: 20px; gap: 20px; }
.footer-bg .footer form input { height: 50px; padding: 0 0 0 20px; box-sizing: border-box; font: 16px var(--font1); background: var(--preto); color: #fff; }
.footer-bg .footer form input,
.footer-bg .footer form button { border: none; outline: none; transition: .4s ease; }
.footer-bg .footer form input::placeholder { color: #fff; }
.footer-bg .footer form input[name=nome] { flex: 0 0 100%; }
.footer-bg .footer form input[name=email] { flex: 0 0 calc(50% - var(--gap) / 2); }
.footer-bg .footer form input[name=telefone] { flex: 0 0 calc(50% - var(--gap) / 2); }
.footer-bg .footer form textarea[name=mensagem] { flex: 0 0 calc(50% - var(--gap) / 2); padding: 20px 0 0 20px; font: 16px var(--font1); color: var(--branco); box-sizing: border-box; resize: vertical; max-height: 300px; background: var(--preto); }
.footer-bg .footer form textarea[name=mensagem]::placeholder { color: #fff; }
.footer-bg .footer form .captcha { flex: 0 0 50%; transform: scale(.8); }
.footer-bg .footer form .captcha .g-recaptcha { display: flex; align-items: center; justify-content: center; }
.footer-bg .footer form .btn { flex: 1 1 50%; max-width: 257.5px; }
.footer-bg .footer form button { width: 100%; height: 50px; background: var(--cor1); cursor: pointer; color: #fff; font: 16px var(--font1); text-transform: uppercase; }
.footer-bg .footer form button:hover { background: var(--preto); }

.footer .content > .title { font: 800 53px / 1 montserrat; color: var(--preto); text-align: right; }
.footer .content > .title span { color: #D6B06E; }
.footer .content .contatos { display: flex; justify-content: space-between; margin-top: 40px; }
.footer .content .contatos .title { font: 700 17px montserrat; letter-spacing: 3.4px;}
.footer .content .contatos .endereco { font: 15px modelica; }

.footer .content .contatos .whats-href { display: flex; align-items: center; gap: 10px; font: 20.87px montserrat; }
.footer .content .email-href { font: 15px montserrat; }
.footer .content .contato { display: flex; flex-direction: column; gap: 20px; }
.footer .btn { display: flex; flex-direction: column; justify-content: space-between; }

.footer .redes { display: flex; align-items: center; gap: 15px; }
.footer .redes .rede { display: flex; align-items: center; justify-content: center;  }

  


@media (max-width: 1300px){
    .footer-bg { padding: 40px 0; }
    .footer-bg .footer { flex-direction: column-reverse; }
    .footer .content > .title { text-align: center; }
    .footer .content .contatos { gap: 50px; justify-content: center; }
    .footer-bg .footer form { flex: 1 1 100%; max-width: 100%; }
    .footer-bg .footer form { flex-direction: column; flex-wrap: nowrap; justify-content: initial; }
    .footer-bg .footer form textarea,
    .footer-bg .footer form input,
    .footer-bg .footer form .captcha { flex: 1 1 100% !important; }
    .footer-bg .footer form textarea { min-height: 150px; }
    .footer-bg .footer form input { padding: 10px !important; }
    .footer-bg .footer form .btn { flex: 1 1 100%; max-width: 100%; gap: 17px; }
    .footer-bg .footer form button { flex: auto; }
    .footer .content .contatos .endereco,
    .footer .content .contatos .title { text-align: center; }
}

@media(max-width: 990px){
  .footer .content > .title { font-size: 40px; }
  .footer .redes { justify-content: center; }
}

@media (max-width: 550px) { 
  .footer .content .contatos { flex-direction: column; align-items: center; }
  .footer .content > .title { font-size: 28px; }
}