.footer-bg { padding: 115px 0; }
.footer-bg .footer { gap: 50px; grid-template-columns: 1fr 1.3fr }
.footer-bg .footer form { flex: 1 1 50%; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 15px; }
.footer-bg .footer form input { height: 50px; padding: 0 0 0 20px; box-sizing: border-box; font: 16px var(--font1); background: #FFEDDD; color: var(--cor2); }
.footer-bg .footer form input,
.footer-bg .footer form button { border: none; outline: none; } 
.footer-bg .footer form input::placeholder { color: var(--cor2); }
.footer-bg .footer form input[name=nome] { flex: 0 0 100%; }
.footer-bg .footer form input[name=email] { flex: 0 0 calc(50% - 20px); }
.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% - 20px); border: none; padding: 20px 0 0 20px; font: 16px var(--font1); box-sizing: border-box; resize: vertical; max-height: 300px; background: #FFEDDD; }
.footer-bg .footer form textarea[name=mensagem]::placeholder { color: var(--cor2); }
.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 { flex: 0 0 100%; height: 50px; background: var(--cor1); cursor: pointer; color: var(--branco); font: 16px var(--font1); text-transform: uppercase; }

.contato-mapa-bg { background: var(--cor2); }
.contato-mapa { width: 100%; max-width: none; display: flex; align-items: stretch; min-height: 310px; overflow: hidden; }
.contato-mapa-icone { flex: 0 0 666px; background: var(--cor1); display: flex; align-items: center; justify-content: flex-end; padding: 0 100px 0 0; box-sizing: border-box; }
.contato-mapa-icone .img { display: flex; align-items: center; justify-content: center; }
.contato-mapa-icone .img img { width: 125px; height: 125px; object-fit: contain; display: block; }
.contato-mapa-frame { flex: 1 1 auto; min-height: 310px; background: #ddd; }
.contato-mapa-frame iframe { width: 100%; height: 100%; min-height: 310px; border: 0; display: block; filter: grayscale(.08); }
.content { display: flex; flex-direction: column; gap: 20px; }
.content .title { font: 400 17.52px roboto; letter-spacing: 2px; align-items: center; gap: 8px; color: var(--cor1); margin-bottom: 15px; }
.content .links > div { justify-content: space-between; margin-bottom: 20px; }
.content .links > div > a.flex {  gap: 10px; font: 600 16.29px montserrat; }
.content .fab span { font: 17.49px roboto; color: var(--cor1); letter-spacing: 2.04px; }
.content .fab { font: 15px / 2 montserrat; color: #5B5B5B; }

.footer .mapa { font: 15px/2 montserrat; }
.item .child { gap: 30px; }

.item .link { font: 15px montserrat; gap: 10px; }

.title-footer { font: 700 43.07px roboto; text-align: center; color: var(--cor2); margin-bottom: 50px; }

@media(max-width: 1250px){
  .footer-bg .footer { grid-template-columns: 1fr; }
  .footer .child > .grid { gap: 10px; }
  .title-footer { font-size: clamp(24px, 3.5vw, 38px); margin-bottom: 30px; }
}

@media (max-width: 990px) {
  .footer-bg .footer form { display: grid; grid-template-columns: 1fr; }
  .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; }
  .footer-bg .footer form textarea { min-height: 150px; }
  .footer-bg .footer form input { padding: 10px !important; }
  .footer-bg .footer { gap: 20px; }
  .contato-mapa { flex-direction: column; min-height: 0; }
  .contato-mapa-icone { flex: 0 0 auto; min-height: 100px; }
  .contato-mapa-icone .img img { width: 55px; height: 55px; }
  .contato-mapa-frame, .contato-mapa-frame iframe { min-height: 220px; }
  .content .links > div  { flex-direction: column; align-items: flex-start; gap: 10px; }
  /* .content .title { font-size: 34px; } */
  .footer-bg { padding: 30px 0; }
  .footer-bg .footer form button { flex: unset !important; }
  .contato-mapa-icone { padding: 0; justify-content: center; }
  .item .child { flex-direction: column; gap: 15px; }  
} 
