.footer-bg {background: var(--cor2); position: relative; padding: 85px 0;}
.footer-bg::after {content: ''; position: absolute; top: 0; left: 0; width: 40%; height: 100%; background: var(--cor1); max-width: 775px;}
.footer-bg .footer {position: relative; z-index: 1; display: flex; gap: 190px;align-items: center; white-space: nowrap;}
.footer .left .titulo {font: 700 53.3px / 1 titilium; color: var(--branco);}
.footer .right {display: flex; gap: 50px;}
.footer .right .item {display: flex; flex-direction: column; justify-content: space-between; gap: 10px;}
.footer .right .whats-href {display: flex; align-items: center; gap: 8px; color: var(--branco); font: 21.71px montserrat;}
.footer .right .whats-href .img{display: flex; align-items: center; justify-content: center;}
.footer .right .mail-href {font: 400 15px montserrat; color: var(--branco);}
.footer .right .titulo {font: 700 16.33px montserrat; color: var(--cor1); letter-spacing: 3.52px; text-transform: uppercase;} 
.footer .right .item:nth-child(2) {font: 15px / 2 montserrat; color: var(--branco);}

@media(max-width: 1250px) {
    .footer-bg::after { width: 30%; }
    .footer-bg .footer { gap: 80px; }
    .footer .left .titulo { font-size: 45px; }
}

@media(max-width: 990px) {
    .footer-bg { padding: 40px 0; }
    .footer-bg .footer { flex-direction: column; }
    .footer-bg::after { height: 50%; width: 100%; max-width: none; } 
}

@media(max-width: 650px) {
    .footer-bg::after { height: 30%; }
    .footer .right { flex-direction: column; }  
    .footer .left .titulo { font-size: 35px; }  
}