.footer-bg {padding: 80px 0 0; background-color: var(--preto1);}
.footer-bg .footer {display: flex; gap: 25px; justify-content: space-between;}
.footer-bg .footer .direita {width: 100%; max-width: 698px;}
.footer-bg .footer form {display: grid; width: 100%; margin: 11px 0 0; grid-template-areas: "nome nome" "email telefone" "mensagem captcha" "mensagem enviar"; grid-template-rows: 50px 50px auto 50px; grid-template-columns: 2fr 1fr; justify-content: space-between; gap: 18px;}
.footer-bg .footer form input {height: 50px; padding: 0 0 0 20px; box-sizing: border-box; font: 400 14px montserrat; background: var(--preto1); color: #fff; border: 3px solid var(--cinza1); border-radius: 10px;}
.footer-bg .footer form button {border: none; outline: none;}
.footer-bg .footer form input::placeholder {color: #fff;}
.footer-bg .footer form input[name=nome] {grid-area: nome;}
.footer-bg .footer form input[name=email] {grid-area: email;}
.footer-bg .footer form input[name=telefone] {grid-area: telefone;}
.footer-bg .footer form textarea[name=mensagem] {padding: 20px 0 0 20px; grid-area: mensagem; color: var(--branco); font: 400 14px montserrat; box-sizing: border-box; resize: none; max-height: 300px; background: var(--preto1); border: 3px solid var(--cinza1); border-radius: 10px;}
.footer-bg .footer form textarea[name=mensagem]::placeholder {color: #fff;}
.footer-bg .footer form .captcha {grid-area: captcha;}
.footer-bg .footer form .captcha .g-recaptcha {display: flex; align-items: center; justify-content: center;}
.footer-bg .footer form button {grid-area: enviar; height: 50px; background: var(--preto1); cursor: pointer; transition: .3s; color: #fff; font:500 13px/1 garet; text-transform: uppercase; background: #F0BC6D; background: linear-gradient(90deg,#F0BC6D 0%, #D59940 100%); border-radius: 10px;}

.footer-bg .footer form button:hover {transform: scale(1.02); color: var(--cor1);}

.footer-bg .footer .esquerda {display: flex; flex-direction: column; gap: 42px;}
.footer-bg .footer .esquerda .textos {display: flex; flex-direction: column; max-width: 365px; width: 100%; gap: 6px;}
.footer-bg .footer .esquerda .textos .fale-conosco {font: 300 18px/1.2 garet; color: var(--bege2); letter-spacing: 18%;}
.footer-bg .footer .esquerda .textos .titulo {font: 500 clamp(30px,3vw,41.33px)/1.225 garet; color: var(--branco);}
.footer-bg .footer .esquerda .contatos {display: flex; flex-direction: column;}
.footer-bg .footer .esquerda .contatos .whats-tel {display: flex; max-width: 342px; width: 100%; justify-content: space-between; margin: 0 0 8px; gap: 10px;}
.footer-bg .footer .esquerda .contatos .whats-tel .contato {display: flex; width: fit-content; gap: 6px; align-items: center;}
.footer-bg .footer .esquerda .contatos .whats-tel .contato .icon {display: flex; justify-content: center; align-items: center;}
.footer-bg .footer .esquerda .contatos .whats-tel .contato .numero {font: 300 18.91px/23.16px garet; color: var(--branco); white-space: nowrap; transition: .3s;}
.footer-bg .footer .esquerda .contatos .whats-tel .contato .numero strong {font-weight: 700;}
.footer-bg .footer .esquerda .contatos .email,
.footer-bg .footer .esquerda .contatos .endereco {font: 400 15px/2.028 montserrat; color: var(--branco); white-space: nowrap; width: fit-content; transition: .3s;}
.footer-bg .footer .esquerda .contatos .instagram {width: fit-content; margin: 5px 0 0; transition: .3s;}
.footer-bg .footer .esquerda .contatos .gp-links {display: flex; gap: 20px;}
.footer-bg .footer .esquerda .contatos .blog {width: fit-content; margin: 5px 0 0; transition: .3s; font: 400 15px/2.028 montserrat; color: var(--branco);}
.footer-bg .footer .esquerda .contatos .blog:hover {color: var(--marrom1);}

.footer-bg .footer .esquerda .contatos .email:hover,
.footer-bg .footer .esquerda .contatos .endereco:hover,
.footer-bg .footer .esquerda .contatos .whats-tel .contato.telefone:hover .numero {color: var(--bege1);}
.footer-bg .footer .esquerda .contatos .whats-tel .contato.whatsapp:hover .numero {color: var(--verde1);}
.footer-bg .footer .esquerda .contatos .instagram:hover {transform: scale(1.09);}


@media (max-width: 1100px) {
  .footer-bg .footer form {display: flex; flex-direction: column;}
  .footer-bg .footer form input {height: 50px;}
  .footer-bg .footer form button {margin: auto 0;}
}

@media (max-width: 990px) {
  .footer-bg {padding: 25px 0;}
  .footer-bg .footer {flex-direction: column; gap: 18px;}
  .footer-bg .footer form {flex-direction: column; flex-wrap: nowrap; justify-content: initial; margin: 0;}
  .footer-bg .footer form textarea {min-height: 150px;}
  .footer-bg .footer form input {padding: 10px !important;}

  .footer-bg .footer .esquerda {align-items: center; gap: 15px;}
  .footer-bg .footer .esquerda .textos {max-width: unset; align-items: center;}
  .footer-bg .footer .esquerda .textos .titulo {text-align: center; font-size: clamp(22px, 4.6vw, 28px);}
  .footer-bg .footer .esquerda .contatos {align-items: center;}
  .footer-bg .footer .esquerda .contatos .endereco {white-space: unset; text-align: center;}
  .footer-bg .footer .esquerda .textos .fale-conosco {font-size: clamp(18px, 4.6vw, 16px); text-align: center;}
  .footer-bg .footer .esquerda .contatos .gp-links {flex-direction: column; gap: 5px;}

  .footer-bg .footer .direita {max-width: unset;}
}

@media (max-width: 600px) {
  .footer-bg {padding: 25px 0 0;}
  .footer-bg .footer {gap: 15px;}
  .footer-bg .footer .esquerda .contatos .whats-tel {flex-direction: column; align-items: center;}
}