.footer-bg {background: var(--cor2);}
.footer-bg .footer {padding: 50px 0 80px;}
.footer .link {display: flex; align-items: center; gap: 8px; width: max-content;}
.footer .cima {display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 0 60px; align-items: center;gap: 20px;}
.footer .cima .titulo {font: 400 30px / 1 var(--font2); color: var(--branco) ; letter-spacing: .8px; white-space: nowrap;}
.footer .cima .titulo b {font-weight: 700; letter-spacing: 1px;}

.footer .telefones,
.footer .email {display: flex; flex-direction: column; gap: 10px;}

.footer .telefones .link {font: 400 24.37px var(--font1); color: var(--branco);}
.footer .email .link {font: 300 20.91px var(--font1); color: var(--branco);} 

.footer .form-cima,
.footer .formulario {display: grid; gap: 15px;}

.footer .form-cima {grid-template-columns: 1.6fr 1fr 1fr}
.footer input, 
.footer textarea {border: none; outline: none; font: 400 15px montserrat; padding-left: 15px;border-left: 5px solid var(--cor1);}
.footer .form-cima input {height: 50px; }
.footer .form-mid {display: flex; justify-content: space-between; gap: 15px;}
.footer .form-mid textarea {width: 100%; padding-top: 20px; max-height: 200px; resize: none;}

.footer .btn-enviar {width: 100%; height: 50px; background: var(--cor1); color: var(--branco); border: none; font: 700 27.95px var(--font2); cursor: pointer;}


@media(max-width: 1250px){
    .footer .form-mid,
    .footer .form-cima {display: flex; flex-direction: column; gap: 15px; align-items: center; width: 100%;}
    .footer input, .footer textarea{width: 100%;}
    .footer .cima {grid-template-columns: repeat(3, 1fr)}
    .footer .cima .titulo {font-size: 23px; white-space: normal; text-align: center;}

}

@media(max-width: 990px){
    .footer .cima .titulo {grid-column: 1 / -1; align-self: center; justify-self: center;}
    .footer .cima .titulo b {font-size: inherit;}
    .footer .cima .titulo br {display: none;}
    .footer .cima {grid-template-columns: repeat(2, 1fr)}
    .footer-bg .footer {padding: 45px 0;}
}

@media(max-width: 550px) {
    .footer .cima {grid-template-columns: 1fr;}
}