.footer-bg {padding: 94px 0 85px; background-color: var(--preto1);}
.footer-bg .footer {display: flex; gap: 25px; justify-content: space-between;}
.footer-bg .footer form {display: grid; justify-content: space-between; gap: 19px 17px; max-width: 736px; grid-template-rows: 43px 43px 76px 43px; grid-template-columns: 29fr 21fr; grid-template-areas: "nome nome" "email telefone" "mensagem captcha" "mensagem enviar";}
.footer-bg .footer form input {padding: 0 0 0 20px; border-radius: 8px; box-sizing: border-box; font: 16px var(--font1); background: var(--cinza2); color: #fff;}
.footer-bg .footer form input,
.footer-bg .footer form button {border: none; outline: none;}
.footer-bg .footer form input::placeholder {font: 400 13px/1 montserrat; color: var(--branco);}
.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] {grid-area: mensagem; border: none; resize: none; padding: 20px 0 0 20px; font: 16px var(--font1); box-sizing: border-box; max-height: 300px; border-radius: 8px; background: var(--cinza2);}
.footer-bg .footer form textarea[name=mensagem]::placeholder {font: 400 13px/1 montserrat; color: var(--branco);}
.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 {transition: .3s; grid-area: enviar; font: 400 12.1px/1 controllerext; color: var(--branco); text-shadow: 1px 2px 0 rgba(208, 140, 0, 0.8); border-radius: 8px; background: var(--amarelo1); cursor: pointer; text-transform: uppercase;}

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

.footer .contatos2 {display: flex; gap: 11px;}
.footer .contatos2 .contato {width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: .3s;}
.footer .contatos2 .contato.facebook {background-color: var(--azul1);}
.footer .contatos2 .contato.instagram {background: linear-gradient( 135deg,#8200C9 20%, #FF0B64 50%,#FFB138 80%)}
.footer .contatos2 .contato.linkedin {background-color: var(--azul2);}

.footer .esquerda {display: flex; flex-direction: column; width: 100%; max-width: 370px;}
.footer .esquerda > .titulo {font: 400 35.63px/1 controllerext; color: var(--branco); padding: 0 0 33px;}
.footer .esquerda .contatos {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 300px; gap: 13px 5px; padding: 0 0 32px;}
.footer .esquerda .contatos .contato {display: flex; gap: 7px;}
.footer .esquerda .contatos .contato .texto {font: 400 14.41px/1 montserrat; color: var(--branco); transition: .3s;}
.footer .esquerda .contatos .contato .texto strong {font: 700 17px/1 montserrat;}
.footer .esquerda .atendimento {display: flex; flex-direction: column; gap: 16px; padding: 0 0 32px;}
.footer .esquerda .atendimento .titulo {font: 400 12.1px/1 controllerext; color: var(--branco);}
.footer .esquerda .atendimento .local {font: 400 15px/1 montserrat; color: var(--branco);}
.footer .esquerda .atendimento .horario {font: 500 15px/1 montserrat; color: var(--branco);}
.footer .esquerda .atendimento .horario .icon {display: none;}

.footer .esquerda .contatos .contato.email:hover .texto {color: var(--amarelo1);}
.footer .esquerda .contatos .contato.telefone:hover .texto {color: var(--amarelo1);}
.footer .esquerda .contatos .contato.whatsapp:hover .texto {color: var(--verde1);}


@media (max-width: 1100px) {
  .footer-bg .footer form {grid-template-rows: 43px 43px 76px 76px 43px; grid-template-areas: "nome nome" "email telefone" "mensagem mensagem" "captcha captcha" "enviar enviar";}
}

@media (max-width: 990px) {
  .footer-bg {padding: 25px 0;}
  .footer-bg .footer {flex-direction: column; gap: 15px;}
  .footer-bg .footer form {flex-direction: column; display: flex; max-width: unset; gap: 10px;}
  .footer-bg .footer form textarea,
  .footer-bg .footer form button,
  .footer-bg .footer form input,
  .footer-bg .footer form .captcha {flex: 1 1 100% !important; min-height: 43px;}
  .footer-bg .footer form input {padding: 10px !important;}
  .footer-bg .footer form .captcha {transform: scale(0.9); margin: -5px 0 0 23px;}

  .footer .esquerda > .titulo {font-size: 28px; padding: 0 0 15px; white-space: nowrap;}
  .footer .esquerda .atendimento,
  .footer .esquerda .contatos {padding: 0 0 15px;}
  .footer .esquerda .atendimento .local {text-align: center; line-height: 1.5;}

  .footer .esquerda {max-width: unset; align-items: center;}
  .footer .esquerda .atendimento .horario,
  .footer .esquerda .atendimento .titulo {text-align: center;}
}

@media (max-width: 600px) {
  .footer .esquerda > .titulo {font-size: 24px;}
}

@media (max-width: 350px) {
  .footer .esquerda .contatos {flex-direction: column; align-items: center;}
  .footer .esquerda .contatos .contato.email {flex-direction: column; align-items: center; margin: 0 auto;}
}