/* ========================= BUSCA AVANÇADA ========================= */ .busca-avancada { width: 100%; font-family: Arial, sans-serif; box-sizing: border-box; } .busca-avancada *, .busca-avancada *::before, .busca-avancada *::after { box-sizing: border-box; } .busca-avancada .linha { display: grid; gap: 15px; margin-bottom: 14px; } .busca-avancada .linha-3 { grid-template-columns: 1fr 1fr 1fr; } .busca-avancada .linha-2 { grid-template-columns: 1fr 1fr; } .busca-avancada .campo { min-width: 0; } .busca-avancada label { display: block; margin-bottom: 6px; font-size: 12px; line-height: 1.2; color: #111; } .busca-avancada select, .busca-avancada input { width: 100%; height: 40px; border: 0; border-radius: 8px; background: #fff; padding: 0 14px; font-size: 12px; font-style: italic; color: #333; outline: none; } .busca-avancada select { appearance: auto; cursor: pointer; } /* QUARTOS */ .quartos-opcoes { display: grid; grid-template-columns: repeat(4, 1fr); height: 40px; } .quarto { display: flex; align-items: center; justify-content: center; background: #fff; border-right: 1px solid #ddd; font-size: 12px; font-style: italic; cursor: pointer; } .quarto:first-child { border-radius: 8px 0 0 8px; } .quarto:last-child { border-right: 0; border-radius: 0 8px 8px 0; } .quarto:hover { background: #f1f1f1; } /* VALOR */ .valor-container { display: grid; grid-template-columns: 55px 1fr 1fr; height: 40px; } .valor-moeda { display: flex; align-items: center; justify-content: center; background: #fff; border-right: 1px solid #ddd; border-radius: 8px 0 0 8px; font-size: 12px; font-style: italic; } .valor-container input { border-radius: 0; border-right: 1px solid #ddd; } /* BUSCAR NO MAPA */ .mapa { display: flex; align-items: center; gap: 6px; margin-top: 25px; font-size: 12px; white-space: nowrap; } .mapa input { width: 14px; height: 14px; margin: 0; } /* BOTÃO */ .botao-buscar { width: 100%; height: 42px; margin-top: 5px; border: 0; border-radius: 8px; background: #ed0000; color: #fff; font-size: 13px; font-style: italic; cursor: pointer; transition: 0.2s; } .botao-buscar:hover { opacity: 0.85; } /* RESPONSIVO */ @media (max-width: 767px) { .busca-avancada .linha-3, .busca-avancada .linha-2 { grid-template-columns: 1fr; } .mapa { margin-top: 10px; } }