.filtro-bg { position: relative; z-index: 997; top: -75px; }
.filtro-bg .filtro { box-shadow: 0 0 20px 0 rgba(0, 0, 0, .18); padding: 60px 20px; box-sizing: border-box; background: #fff; border-radius: 10px; }
.filtro .title { font: 36.24px garet; color: var(--preto); }
.filtro .title b { color: var(--cor1); }
.filtro .text { font: 15px / 2 montserrat; }
.filtro .options { display: flex; gap: 15px; align-items: center; }
.filtro .options select { border: 1px solid var(--cor1); font: 15px / 2 montserrat; border-radius: 10px; flex: 1; padding: 0 20px; height: 42px; box-sizing: border-box; }
.filtro .options button { font: 13.83px garet; color: var(--preto); background: var(--cor1); border: none; height: 42px; flex: 1; border-radius: 10px; cursor: pointer; transition: .4s ease; }
.filtro .options button:hover { background: var(--preto); color: var(--branco); }
.filtro .options button:disabled { opacity: .6; cursor: not-allowed; }
.filtro .filtro-feedback { margin-top: 12px; font: 500 13px/1.5 montserrat; color: #b33a2f; }

@media(max-width: 1250px){
    .filtro .options button { font-size: 11.5px; }
}

@media(max-width: 990px){
    .filtro .options { flex-direction: column; margin-top: 20px; }
    .filtro .options select { width: 100%; height: 40px; flex: auto; }
    .filtro .options button { flex: auto; width: 100%; }
    .filtro .title { font-size: clamp(25px, 3.5vw, 30px); }
    .filtro-bg .filtro { padding: 25px 20px}
}