/* ================================================================
   Buscador novo - pagina temporaria buscador-novo
   ================================================================ */
.bn-campo{position:relative;float:left;width:100%}
/* o campo: etiquetas e texto digitado dividem a mesma caixa branca */
.bn-caixa{display:flex;flex-wrap:wrap;align-items:center;align-content:center;gap:.4rem;box-sizing:border-box;min-height:49px;background:#fff;border:1px solid #c1c1b6;border-radius:5px;padding:.25rem .9rem;transition:border-color .15s}
.bn-caixa.aberta{border-color:#be0021}
.bn-entrada{flex:1 1 140px;min-width:140px;height:30px;border:0;background:none;font-size:.8rem;font-weight:500;color:#151517;line-height:1;padding:0 .4rem;outline:0}
.bn-entrada::placeholder{color:#757575}
/* etiquetas do que ja foi escolhido */
.bn-chips{display:contents}
.bn-chip{display:inline-flex;align-items:center;align-self:center;gap:.55rem;height:30px;background:#eee;color:#151517;font-size:.8rem;font-weight:500;padding:0 .3rem 0 .75rem;border:0;border-radius:5px;white-space:nowrap}
.bn-tira{width:15px;height:15px;flex:0 0 15px;border:0;background:none;cursor:pointer;position:relative;padding:0}
.bn-tira:before,.bn-tira:after{content:"";position:absolute;left:3.5px;top:6.5px;width:8px;height:2px;background:#757575}
.bn-tira:before{transform:rotate(45deg)}
.bn-tira:after{transform:rotate(-45deg)}
.bn-tira:hover:before,.bn-tira:hover:after{background:#be0021}
/* a lista de bairros e cidades */
.bn-lista{display:none;position:absolute;left:0;right:0;top:100%;margin-top:.5rem;z-index:20;background:#fff;border:1px solid #c1c1b6;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.12);max-height:340px;overflow-y:auto;padding:.4rem 0}
.bn-lista.aberta{display:block}
.bn-grupo{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#be0021;padding:.7rem 1rem .3rem}
.bn-opcao{display:block;width:100%;text-align:left;border:0;background:none;font-size:.8rem;font-weight:400;color:#151517;padding:.55rem 1rem;cursor:pointer;line-height:1.3}
.bn-opcao b{font-weight:700;color:#151517}
.bn-imovel{text-decoration:none}
.bn-imovel:hover{text-decoration:none}
.bn-opcao:hover,.bn-opcao:focus{background:#dfdfd6;color:#be0021;outline:0}
.bn-opcao:hover b,.bn-opcao:focus b{color:#be0021}
.bn-vazio{display:block;text-align:center;font-size:.85rem;color:#7c7c76;padding:1rem;text-transform:uppercase}
/* o campo de tipo de imovel: estreito, nao cresce.
   mostra a primeira escolha e um contador; o resto sai pelo
   grupo "Escolhidos" no topo da lista */
.bn-tipo{position:relative;float:left;width:100%}
.bn-tcaixa{display:flex;align-items:center;gap:.4rem;box-sizing:border-box;height:49px;padding:0 .9rem;background:#fff;border:1px solid #c1c1b6;border-radius:5px;cursor:pointer;overflow:hidden;white-space:nowrap;transition:border-color .15s}
.bn-tcaixa.aberta{border-color:#be0021}
.bn-tvazio{flex:1;font-size:.8rem;font-weight:500;color:#757575}
.bn-tcaixa .bn-chip{max-width:60%}
.bn-ctexto{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bn-tmais{font-size:.75rem;font-weight:700;color:#be0021}
.bn-tseta{margin-left:auto;flex:0 0 8px;width:8px;height:8px;border-right:2px solid #151517;border-bottom:2px solid #151517;transform:rotate(45deg) translate(-2px,-2px)}
.bn-tlista{display:none;position:absolute;left:0;right:0;top:100%;margin-top:.5rem;z-index:20;background:#fff;border:1px solid #c1c1b6;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.12);max-height:340px;overflow-y:auto;padding:.4rem 0}
.bn-tlista.aberta{display:block}
.bn-tsel{padding:.35rem 1rem}
/* aviso de pagina temporaria */
.bn-aviso{background:#151517;color:#fff;font-size:.8rem;text-align:center;padding:.6rem 1rem}
.bn-aviso b{color:#ffd400}
