.footer-bg { padding: 80px 0; background: var(--cor1); position: relative; }
.footer-bg::before { content: ''; position: absolute; top: 80px; right: 25%; transform: translate(-50%, -50%); width: 150px; height: 150px; background: var(--cor1); z-index: 1; rotate: 45deg;}
.footer-bg .footer { display: flex; gap: 15px; align-items: center; gap: 50px; justify-content: space-around; position: relative; z-index: 2;}
.footer-bg .footer form { flex: 1 1 50%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px; max-width: 650px; }
.footer-bg .footer form input { height: 50px; padding: 0 0 0 20px; box-sizing: border-box; font: 16px var(--font1); background: var(--branco); }
.footer-bg .footer form input,
.footer-bg .footer form button { border: none; outline: none; }
.footer-bg .footer form input[name=nome] { flex: 0 0 100%; }
.footer-bg .footer form input[name=email] { flex: 0 0 calc(50%); }
.footer-bg .footer form input[name=telefone] { flex: 0 0 calc(50% - 20px); }
.footer-bg .footer form textarea[name=mensagem] { flex: 0 0 calc(50%); border: none; resize: vertical; max-height: 180px; outline: none; padding: 20px 0 0 20px; font: 16px var(--font1); box-sizing: border-box; resize: vertical; max-height: 300px; background: var(--branco); }
.footer-bg .footer form .captcha { flex: 0 0 calc(50% - 20px); }
.footer-bg .footer form .captcha .g-recaptcha { display: flex; align-items: center; justify-content: center; }
.footer-bg .footer form button { height: 50px; background: var(--cor2); cursor: pointer; color: #fff; font: 16px var(--font1); text-transform: uppercase; }
.footer-bg .footer form > .captcha { display: flex; flex-direction: column; gap: 15px; justify-content: space-between; }

.footer .title { font: 300 58.79px / 1.125 roboto; color: #fff; }
.footer .title b { font-weight: 700; }
.footer .contatos { margin-top: 50px; display: flex; flex-direction: column; gap: 20px; }
.footer .contatos .email-href,
.footer .contatos .whats-href { display: flex; align-items: center; gap: 10px; }
.footer .contatos .whats-href  { font-size: 22px; }
.footer .contatos > a { font: 15px montserrat; color: #fff; }

@media(max-width: 1100px){
  .footer-bg .footer { flex-direction: column; gap: 40px; }
  .footer-bg .footer form { margin: 0 auto; }
  .footer-bg .footer form textarea,
  .footer-bg .footer form > .captcha,
  .footer-bg .footer form input { flex: 1 1 100% !important; }
  .footer-bg .footer form textarea[name=mensagem] { min-height: 150px; }
  .footer .contatos { margin-top: 30px; align-items: center; }
  .footer .title { text-align: center; }
  .footer .title br { display: none; }
}

@media(max-width: 990px){
  .footer-bg { padding: 45px 0; }
  .footer-bg::before { display: none; }
  .footer .title { font-size: clamp(45px, 5vw, 42px); }
}