.filter-bg {background: url(content/background.webp) no-repeat center center / cover; padding: 70px 0 85px;}
.filter-bg .filter {display: flex; align-items: center; flex-direction: column; gap: 35px;}
.filter .title {font: 400 40px var(--font2); color: var(--branco); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.filter .form-filter {background: var(--branco);display: flex; align-items: center; padding: 25px 20px; width: 100%; box-sizing: border-box; align-items: center; gap: 15px;}
.filter .form-filter select,
.filter .form-filter button {border: none; outline: none; font: 400 18px var(--font1); background: #EBEBEB; height: 45px; padding: 0 10px; border-left: 5px solid var(--cor1);}
.filter .form-filter button {background-color: var(--cor1); color: var(--branco); cursor: pointer; border: none;}
.filter .form-filter input { flex: 1 1 100%; height: 45px; font: 500 16px montserrat; padding-left: 10px; }
.filter .form-filter button[disabled] {background-color: #a3a3a3; cursor: not-allowed;} 

@media(max-width: 990px){
    .filter-bg {padding: 50px 0;}
    .filter .form-filter {flex-direction: column;}
    .filter .form-filter input { flex: unset; width: 100%; }
    .filter .title {font-size: 30px; text-align: center;}
}