html,body { background-color: #F4F4F2; position: relative;overflow-x: hidden;}
@media only screen and (min-width: 320px) and (max-width: 359px) {
/* # # # # # # # # # # SECTION - CONSULT MAP SEARCH # # # # # # # # # # */
section#consult_map_search { width: 100%; height: 70vh; background: url(https://res.cloudinary.com/db0dxzhah/image/upload/v1757440404/Co%CC%81pia_de_PEN_01_Geral_Vista_Parque_REV_01_yags73.jpg) center/ cover no-repeat;position: relative; animation: backgroundSlideshow 40s infinite; }
section#consult_map_search header.consultHeader { display: flex; flex-direction: column; width: 100%; height: 60px; padding: 0rem 2rem; ; transform: translateY(0); opacity: 1; pointer-events: auto; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 1000; }
section#consult_map_search header.consultHeader div.consult__header__container { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; }
section#consult_map_search header.consultHeader div.consult__header__container button.consult__menu__mobile__botao { display: flex; color: #fff; font-size: 22px; font-weight: 600; cursor: pointer ;}
section#consult_map_search header.consultHeader div.consult__header__container figure.consult__header__logo img { width: 80px; margin-top: 0px; ; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links { display: flex; align-items: center; gap: 60px; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul { display: none; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul li a { font-size: 14px; color: #fff; font-weight: 600; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.ligacao__consult { display:none; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.consult__search__botao__mobile { display: flex; color: #fff; font-size: 22px; font-weight: 600; margin-top: 2px; cursor: pointer;}
/* # # # # # # # # # # SECTION - CONSULT MAP SEARCH DIV CONTAINER CONSULT SEARCH# # # # # # # # # # */
section#consult_map_search div.container__consult__search { position: absolute; bottom: 50px; left: 0px; width: 100%; height: 320px; padding: 0 1rem;}
section#consult_map_search div.container__consult__search form { opacity: 0; transform: translateX(100%); transition: all 0.7s ease; pointer-events: none; flex-direction: column; align-items: center; border-radius: 20px; padding: 1rem; border: 2px solid rgba(255, 255, 255, 0.38); backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.1); width: 100%; max-width: 100%; margin: 0px auto; justify-content: space-between; height: 100%; }
section#consult_map_search div.container__consult__search form.ativo { opacity: 1; transform: translateX(0); pointer-events: auto; display: flex; }
section#consult_map_search div.container__consult__search form div.endereco__input { background-color: transparent; width: 100%; display: flex;; justify-content: space-between; align-items: center; padding: 0.5rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px;}
section#consult_map_search div.container__consult__search form div.endereco__input input { width: 90%; padding: 5px 0px; color: #fff; }
section#consult_map_search div.container__consult__search form div.endereco__input input::placeholder { color: #fff; font-weight: 300; font-size: 14px;}
section#consult_map_search div.container__consult__search form div.endereco__input div.container__geo__botoes { width: auto; height: 100%; display: flex; gap: 20px; padding: 10px; }
section#consult_map_search div.container__consult__search form div.endereco__input div.container__geo__botoes button { color: #fff; font-size: 18px; cursor: pointer; }
section#consult_map_search div.container__consult__search form div.select_consult { background-color: transparent; width: 100%;border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px;;}
section#consult_map_search div.container__consult__search form div.select_consult select { background-color: transparent; width: 100%;padding: 1.1rem 0.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.38); color: #fff;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis { padding: 1rem 1.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.38); color: #fff; display: flex; align-items: center; justify-content: center; gap: 10px; background-color: #007bff; width: 100%;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis i { font-weight: 600; font-size: 22px;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis p { display: flex; font-size: 22px; font-weight: 600;}
/* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */
div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 10px; right: 10px; }
.pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; }
@keyframes pulsate-bck {
0% { transform: scale(1); }
50% { transform: scale(0.9); }
100% { transform: scale(1); }
}
div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }
/* # # # # # # # # # # MODAL MENU # # # # # # # # # # */
.modal__container { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent; z-index: 6000; pointer-events: none; opacity: 0; transition: opacity 0.5s ease-in-out; display: flex; justify-content: flex-start; align-items: stretch; }
.modal__container.modal--is-open { background-color: rgba(0, 0, 0, 0.85); pointer-events: auto; opacity: 1; }
.modal__menu__content__wrapper { background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 70%), linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 70%); z-index: 1; padding: 2rem; width: 80%; max-width: 400px; height: 100%; box-shadow: 0px 0px 30px rgba(237, 238, 227, 0.37); transform: translateX(-100%); transition: transform 0.5s ease-in-out; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: relative; z-index: 2000; }
.modal__container.modal--is-open .modal__menu__content__wrapper { transform: translateX(0); }
.modal__menu__content { opacity: 0; transform: translateX(-30px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 2rem; z-index: 9000; }
.modal__container.modal--is-open .modal__menu__content { opacity: 1; transform: translateX(0); transition-delay: 0.2s; }
.modal__close__btn { position: absolute; top: 1rem; right: 1rem; background: none; border: none; color: #fff; font-size: 1.5rem; cursor: pointer; z-index: 1001; }
.modal__close__btn:hover { color: red;}
.modal__menu__content figure img { max-width: 150px; margin-top: -30px; }
.nav__modal__menu { margin-top: -40px;}
.nav__modal__menu ul { list-style: none; padding: 0; margin: 0; text-align: center; }
.nav__modal__menu li { margin-bottom: 0.2rem; }
.nav__modal__menu a { color: #fff; text-decoration: none; font-size: 1rem; transition: color 0.3s ease; display: block; padding: 0.5rem; }
.nav__modal__menu a:hover { color: #00bfff; }
.nav__modal__link__social ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 3rem; }
.nav__modal__link__social a { color: #fff; font-size: 1rem; transition: color 0.3s ease; }
.nav__modal__link__social a:hover { color: #00bfff; }
/* # # # # # # # # # # SECTION - CONSULT LANCAMENTOS CARDS # # # # # # # # # # */
#consult__lancamentos_cards { width: 100%; max-width: 100%; height: 100%; margin: 0px auto; padding: 2rem 1rem; }
#consult__lancamentos_cards div.container__consult__cards { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card { background-color: #fff; position: relative; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; flex-direction: column; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card figure.consult__img__card img { width: 100%; height: 235px; /* Altura fixa para a imagem */ object-fit: fill; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__bairro__destaque { color: #fff; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); font-size: 12px; font-weight: 600; width: 100%; max-width: 190px;; height: 35px; padding: 8px; display: flex; justify-content: center; align-items: center; border-radius: 20px; position: absolute; left: 20px; top: 20px;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__venda__aluguel { display: none; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__endereco { display: none;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__info__card { padding: 1rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card h2.consult__info__titulo { font-size: 1rem; font-weight: 700; color: #484F64; margin-bottom: 0.7rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card p.consult__info__valor { font-size: 0.8rem; color: #484F64; font-weight: 400; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card p.consult__info__valor span { color: #007bff; font-weight: 600;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia ul { display: flex; justify-content: center; align-items: left; flex-direction: column; gap:20px; padding: 1rem 0; list-style: none; border-top: 1px solid #eee; margin-top: 1.5rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li { text-align: center; color: #484F64; font-size: 14px; display: flex; align-items: center; gap: 10px;; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li i { font-size: 16px;;; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li p { color: #484F64; font-size: 12px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search { backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: space-between; padding: 1rem; align-items: center; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador { color: #fff; width: 50%; display: flex; flex-direction: column; gap: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador p { color: #fff; font-size: 12px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador h3 { font-size: 14px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search { width: 30%; display: flex; align-items: center; justify-content: space-between; padding: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search button { color: #fff ; cursor: pointer; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search button i { font-size: 18px;}
#consult__lancamentos_cards div.consult__lancamentos_cards_botao { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin-top: 30px; padding: 20px 0px;;}
#consult__lancamentos_cards button.carrega__mais { padding: 20px 10px; width: 300px; height: 100%; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px; color: #fff; font-size: 18px; font-weight: 600; cursor: pointer;}
#consult__lancamentos_cards button.carrega__mais:hover { background-color: #fff; color: #007bff; border: 2px solid #007bff; transition: 0.9s ease-in-out; }
.loading-message {
text-align: center;
font-size: 16px;
font-weight: 600;
color: #007bff;
margin-top: 20px;
}
/* # # # # # # # # # # SECTION FOOTER # # # # # # # # # # */
footer#footer__consult { width: 100% ; height: 100%; background-image: linear-gradient(to top, #051937, #162441, #24314c, #323d56, #404a61, #465066, #4d566b, #535c70, #535c70, #535c70, #535c70, #535c70);; }
footer#footer__consult div.footer__container { max-width: 1400px; width: 100%; height: 100%; padding: 3rem 0; margin: 0 auto; display: flex; flex-direction: column; align-items: center;}
footer#footer__consult div.footer__container img { height: 250px; margin-top: -50px; }
footer#footer__consult div.footer__container nav.footer__links { width: 100%;margin-top: -20px; display: flex; padding: 10px 0px;}
footer#footer__consult div.footer__container nav.footer__links ul { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; }
footer#footer__consult div.footer__container nav.footer__links ul li { margin-bottom: 0px; ;;}
footer#footer__consult div.footer__container nav.footer__links ul li a {color: #fff; font-family: var(--font-family-primary); font-weight: 600; }
.footer__links .left__links, .footer__links .right__links { flex: 1; }
footer#footer__consult div.footer__container nav.footer__social__links { text-align: center; padding-bottom: 30px; margin-top: 40px; }
footer#footer__consult div.footer__container nav.footer__social__links ul { list-style: none; padding: 0; margin: 0; display: flex;; flex-wrap: wrap; justify-content: center; gap: 20px; }
footer#footer__consult div.footer__container nav.footer__social__links ul li a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center; color: #051937; text-align: center; line-height: 30px; font-size: 1rem; text-decoration: none; }
footer#footer__consult div.footer__container nav.footer__social__links ul li a:hover { background-color: #051937; color: #fff; cursor: pointer; transition: 1s ease-in; }
/* # # # # # # # # # # DESENVOLVIMENTO # # # # # # # # # # */
div.desenvolvimento { padding: 10px 10px; display: flex; align-items: center; justify-content: center; gap: 40px; width: 100%; max-width: 1200px; margin: 0px auto; }
div.desenvolvimento p { font-size: 12px; font-weight: 300; color: #0d475e; }
div.desenvolvimento p strong { font-weight: 700; }
div.desenvolvimento nav.socialDev { display: flex; ;}
div.desenvolvimento nav.socialDev ul { display: flex; gap: 20px; }
div.desenvolvimento nav.socialDev ul li a { color: #0d475e; font-size: 12px; }
}
@media only screen and (min-width: 360px) and (max-width: 729px) {
/* # # # # # # # # # # SECTION - CONSULT MAP SEARCH # # # # # # # # # # */
section#consult_map_search { width: 100%; height: 70vh; background: url(https://res.cloudinary.com/db0dxzhah/image/upload/v1755802298/06_casa-externo_pcu7pn.jpg) center / cover no-repeat;position: relative; animation: backgroundSlideshow 40s infinite; }
section#consult_map_search header.consultHeader { display: flex; flex-direction: column; width: 100%; height: 100px; padding: 0rem 2rem; ; transform: translateY(0); opacity: 1; pointer-events: auto; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 1000; }
section#consult_map_search header.consultHeader div.consult__header__container { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; }
section#consult_map_search header.consultHeader div.consult__header__container button.consult__menu__mobile__botao { display: flex; color: #fff; font-size: 28px; font-weight: 600; cursor: pointer ;}
section#consult_map_search header.consultHeader div.consult__header__container figure.consult__header__logo img { width: 100px; margin-top: 0px; ; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links { display: flex; align-items: center; gap: 60px; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul { display: none; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul li a { font-size: 14px; color: #fff; font-weight: 600; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.ligacao__consult { display:none; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.consult__search__botao__mobile { display: flex; color: #fff; font-size: 28px; font-weight: 600; margin-top: 8px; cursor: pointer;}
/* # # # # # # # # # # SECTION - CONSULT MAP SEARCH DIV CONTAINER CONSULT SEARCH# # # # # # # # # # */
section#consult_map_search div.container__consult__search { position: absolute; bottom: 30px; left: 0px; width: 100%; height: 320px; padding: 0 1rem;}
section#consult_map_search div.container__consult__search form { opacity: 0; transform: translateX(100%); transition: all 0.7s ease; pointer-events: none; flex-direction: column; align-items: center; border-radius: 20px; padding: 1rem; border: 2px solid rgba(255, 255, 255, 0.38); backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.1); width: 100%; max-width: 100%; margin: 0px auto; justify-content: space-between; height: 100%; }
section#consult_map_search div.container__consult__search form.ativo { opacity: 1; transform: translateX(0); pointer-events: auto; display: flex; }
section#consult_map_search div.container__consult__search form div.endereco__input { background-color: transparent; width: 100%; display: flex;; justify-content: space-between; align-items: center; padding: 0.5rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px;}
section#consult_map_search div.container__consult__search form div.endereco__input input { width: 90%; padding: 5px 0px; color: #fff; }
section#consult_map_search div.container__consult__search form div.endereco__input input::placeholder { color: #fff; font-weight: 300; font-size: 14px;}
section#consult_map_search div.container__consult__search form div.endereco__input div.container__geo__botoes { width: auto; height: 100%; display: flex; gap: 20px; padding: 10px; }
section#consult_map_search div.container__consult__search form div.endereco__input div.container__geo__botoes button { color: #fff; font-size: 18px; }
section#consult_map_search div.container__consult__search form div.select_consult { background-color: transparent; width: 100%;border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px;;}
section#consult_map_search div.container__consult__search form div.select_consult select { background-color: transparent; width: 100%;padding: 1.1rem 0.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.38); color: #fff;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis { padding: 1rem 1.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.38); color: #fff; display: flex; align-items: center; justify-content: center; gap: 10px; background-color: #007bff; width: 100%;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis i { font-weight: 600; font-size: 22px;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis p { display: flex; font-size: 22px; font-weight: 600;}
/* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */
div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 20px; right: 20px; }
.pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; }
@keyframes pulsate-bck {
0% { transform: scale(1); }
50% { transform: scale(0.9); }
100% { transform: scale(1); }
}
div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }
/* # # # # # # # # # # MODAL MENU # # # # # # # # # # */
.modal__container { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: transparent; z-index: 6000; pointer-events: none; opacity: 0; transition: opacity 0.5s ease-in-out; display: flex; justify-content: flex-start; align-items: stretch; }
.modal__container.modal--is-open { background-color: rgba(0, 0, 0, 0.85); pointer-events: auto; opacity: 1; }
.modal__menu__content__wrapper { background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 70%), linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0) 70%); z-index: 1; padding: 2rem; width: 80%; max-width: 400px; height: 100%; box-shadow: 0px 0px 30px rgba(237, 238, 227, 0.37); transform: translateX(-100%); transition: transform 0.5s ease-in-out; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: relative; z-index: 2000; }
.modal__container.modal--is-open .modal__menu__content__wrapper { transform: translateX(0); }
.modal__menu__content { opacity: 0; transform: translateX(-30px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 2rem; z-index: 9000; }
.modal__container.modal--is-open .modal__menu__content { opacity: 1; transform: translateX(0); transition-delay: 0.2s; }
.modal__close__btn { position: absolute; top: 1rem; right: 1rem; background: none; border: none; color: #fff; font-size: 2rem; cursor: pointer; z-index: 1001; }
.modal__close__btn:hover { color: red;}
.modal__menu__content figure img { max-width: 180px; margin-top: -10px; }
.nav__modal__menu { margin-top: -40px;}
.nav__modal__menu ul { list-style: none; padding: 0; margin: 0; text-align: center; }
.nav__modal__menu li { margin-bottom: 1.5rem; }
.nav__modal__menu a { color: #fff; text-decoration: none; font-size: 1.2rem; transition: color 0.3s ease; display: block; padding: 0.5rem; }
.nav__modal__menu a:hover { color: #00bfff; }
.nav__modal__link__social ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 3rem; }
.nav__modal__link__social a { color: #fff; font-size: 1.4rem; transition: color 0.3s ease; }
.nav__modal__link__social a:hover { color: #00bfff; }
/* # # # # # # # # # # SECTION - CONSULT LANCAMENTOS CARDS # # # # # # # # # # */
#consult__lancamentos_cards { width: 100%; max-width: 100%; height: 100%; margin: 0px auto; padding: 2rem 1rem; }
#consult__lancamentos_cards div.container__consult__cards { display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card { background-color: #fff; position: relative; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; flex-direction: column; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card figure.consult__img__card img { width: 100%; height: 235px; /* Altura fixa para a imagem */ object-fit: fill; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__bairro__destaque { color: #fff; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); font-size: 12px; font-weight: 600; width: 100%; max-width: 190px;; height: 35px; padding: 8px; display: flex; justify-content: center; align-items: center; border-radius: 20px; position: absolute; left: 20px; top: 20px;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__venda__aluguel { display: none; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__endereco { display: none;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__info__card { padding: 1rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card h2.consult__info__titulo { font-size: 1rem; font-weight: 700; color: #484F64; margin-bottom: 0.7rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card p.consult__info__valor { font-size: 0.8rem; color: #484F64; font-weight: 400; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card p.consult__info__valor span { color: #007bff; font-weight: 600;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia ul { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 30px; padding: 1rem 0; list-style: none; border-top: 1px solid #eee; margin-top: 1.5rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li { text-align: center; color: #484F64; font-size: 14px; display: flex; align-items: center; gap: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li i { font-size: 16px;;; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li p { color: #484F64; font-size: 12px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search { backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: space-between; padding: 1rem; align-items: center; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador { color: #fff; width: 50%; display: flex; flex-direction: column; gap: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador p { color: #fff; font-size: 12px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador h3 { font-size: 14px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search { width: 30%; display: flex; align-items: center; justify-content: space-between; padding: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search button { color: #fff ; cursor: pointer; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search button i { font-size: 18px;}
#consult__lancamentos_cards div.consult__lancamentos_cards_botao { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin-top: 30px; padding: 20px 0px;;}
#consult__lancamentos_cards button.carrega__mais { padding: 20px 10px; width: 300px; height: 100%; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px; color: #fff; font-size: 18px; font-weight: 600; cursor: pointer;}
#consult__lancamentos_cards button.carrega__mais:hover { background-color: #fff; color: #007bff; border: 2px solid #007bff; transition: 0.9s ease-in-out; }
.loading-message {
text-align: center;
font-size: 16px;
font-weight: 600;
color: #007bff;
margin-top: 20px;
}
/* # # # # # # # # # # SECTION FOOTER # # # # # # # # # # */
footer#footer__consult { width: 100% ; height: 100%; background-image: linear-gradient(to top, #051937, #162441, #24314c, #323d56, #404a61, #465066, #4d566b, #535c70, #535c70, #535c70, #535c70, #535c70);; }
footer#footer__consult div.footer__container { max-width: 1400px; width: 100%; height: 100%; padding: 3rem 0; margin: 0 auto; display: flex; flex-direction: column; align-items: center;}
footer#footer__consult div.footer__container img { height: 250px; margin-top: -50px; }
footer#footer__consult div.footer__container nav.footer__links { width: 100%;margin-top: -20px; display: flex; padding: 10px 0px;}
footer#footer__consult div.footer__container nav.footer__links ul { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; }
footer#footer__consult div.footer__container nav.footer__links ul li { margin-bottom: 0px; }
footer#footer__consult div.footer__container nav.footer__links ul li a {color: #fff; font-family: var(--font-family-primary); font-weight: 600; }
.footer__links .left__links, .footer__links .right__links { flex: 1; }
footer#footer__consult div.footer__container nav.footer__social__links { text-align: center; padding-bottom: 30px; margin-top: 40px; }
footer#footer__consult div.footer__container nav.footer__social__links ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 30px; }
footer#footer__consult div.footer__container nav.footer__social__links ul li a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center; color: #051937; text-align: center; line-height: 30px; font-size: 1rem; text-decoration: none; }
footer#footer__consult div.footer__container nav.footer__social__links ul li a:hover { background-color: #051937; color: #fff; cursor: pointer; transition: 1s ease-in; }
/* # # # # # # # # # # DESENVOLVIMENTO # # # # # # # # # # */
div.desenvolvimento { padding: 10px 30px; display: flex; align-items: center; justify-content: center; gap: 40px; width: 100%; max-width: 1200px; margin: 0px auto; }
div.desenvolvimento p { font-size: 12px; font-weight: 300; color: #0d475e; }
div.desenvolvimento p strong { font-weight: 700; }
div.desenvolvimento nav.socialDev { display: flex; }
div.desenvolvimento nav.socialDev ul { display: flex; gap: 20px; }
div.desenvolvimento nav.socialDev ul li a { color: #0d475e; font-size: 14px; }
}
@media only screen and (min-width: 730px) and (max-width: 767px) {
/* # # # # # # # # # # SECTION - CONSULT MAP SEARCH # # # # # # # # # # */
section#consult_map_search { width: 100%; height: 65vh; background: url(https://res.cloudinary.com/db0dxzhah/image/upload/v1755802298/06_casa-externo_pcu7pn.jpg) center/ cover no-repeat;position: relative; animation: backgroundSlideshow 40s infinite; }
section#consult_map_search header.consultHeader { display: flex; flex-direction: column; width: 100%; height: 100px; padding: 0rem 2rem; ; transform: translateY(0); opacity: 1; pointer-events: auto; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 1000; }
section#consult_map_search header.consultHeader div.consult__header__container { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; }
section#consult_map_search header.consultHeader div.consult__header__container button.consult__menu__mobile__botao { display: none;}
section#consult_map_search header.consultHeader div.consult__header__container figure.consult__header__logo img { width: 90px; margin-top: -5px; ; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links { display: flex; align-items: center; gap: 60px; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul { display: flex; gap: 30px; align-items: center; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul li a { font-size: 14px; color: #fff; font-weight: 600; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.ligacao__consult { display:none; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.consult__search__botao__mobile { display: none;}
/* # # # # # # # # # # SECTION - CONSULT MAP SEARCH DIV CONTAINER CONSULT SEARCH# # # # # # # # # # */
section#consult_map_search div.container__consult__search { position: absolute; bottom: 20px; left: 0px; width: 100%; height: 90px; padding: 0 1rem;}
section#consult_map_search div.container__consult__search form { display: flex; align-items: center; gap: 0px; border-radius: 20px; padding: 1rem; border: 2px solid rgba(255, 255, 255, 0.38); backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.1);; width: 100%; max-width: 100%; margin: 0px auto; justify-content: space-between; height: 100%;; }
section#consult_map_search div.container__consult__search form div.endereco__input { background-color: transparent; width: 48%; display: flex;; justify-content: space-between; align-items: center; padding: 0.5rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px;}
section#consult_map_search div.container__consult__search form div.endereco__input input { width: 90%; padding: 5px 0px; color: #fff; }
section#consult_map_search div.container__consult__search form div.endereco__input input::placeholder { color: #fff; font-weight: 300; font-size: 14px;}
section#consult_map_search div.container__consult__search form div.endereco__input div.container__geo__botoes { width: auto; height: 100%; display: flex; gap: 20px; padding: 10px; }
section#consult_map_search div.container__consult__search form div.endereco__input div.container__geo__botoes button { color: #fff; font-size: 18px; }
section#consult_map_search div.container__consult__search form div.select_consult { background-color: transparent}
section#consult_map_search div.container__consult__search form div.select_consult select { background-color: transparent; width: 120px;padding: 1.1rem 0.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.38); color: #fff;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis { padding: 1rem 1.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.38); color: #fff; display: flex; flex-direction: column; gap: 10px; background-color: #007bff; }
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis i { font-weight: 600; font-size: 22px;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis p { display: none; }
/* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */
div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 20px; right: 20px; }
.pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; }
@keyframes pulsate-bck {
0% { transform: scale(1); }
50% { transform: scale(0.9); }
100% { transform: scale(1); }
}
div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }
/* # # # # # # # # # # DIV - MODAL CONTAINER # # # # # # # # # # */
.modal__container { display: none;}
/* # # # # # # # # # # SECTION - CONSULT LANCAMENTOS CARDS # # # # # # # # # # */
#consult__lancamentos_cards { width: 100%; max-width: 100%; height: 100%; margin: 0px auto; padding: 2rem 1rem; }
#consult__lancamentos_cards div.container__consult__cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card { background-color: #fff; position: relative; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; flex-direction: column; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card figure.consult__img__card img { width: 100%; height: 235px; /* Altura fixa para a imagem */ object-fit: fill; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__bairro__destaque { color: #fff; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); font-size: 12px; font-weight: 600; width: 100%; max-width: 190px;; height: 35px; padding: 8px; display: flex; justify-content: center; align-items: center; border-radius: 20px; position: absolute; left: 20px; top: 10px;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__venda__aluguel { display: none; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__endereco { display: none;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__info__card { padding: 1rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card h2.consult__info__titulo { font-size: 1rem; font-weight: 700; color: #484F64; margin-bottom: 0.7rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card p.consult__info__valor { font-size: 0.8rem; color: #484F64; font-weight: 400; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card p.consult__info__valor span { color: #007bff; font-weight: 600;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia ul { display:grid; grid-template-columns: repeat(2, 1fr); ;grid-gap: 30px 20px; padding: 20px 0px 0px 0px; list-style: none; border-top: 1px solid #eee; margin-top: 1.5rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li { text-align: center; color: #484F64; font-size: 14px; display: flex; align-items: center; gap: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li i { font-size: 16px;;; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li p { color: #484F64; font-size: 12px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search { backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: space-between; padding: 1rem; align-items: center; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador { color: #fff; width: 50%; display: flex; flex-direction: column; gap: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador p { color: #fff; font-size: 12px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador h3 { font-size: 14px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search { width: 30%; display: flex; align-items: center; justify-content: space-between; padding: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search button { color: #fff ; cursor: pointer; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search button i { font-size: 18px;}
#consult__lancamentos_cards div.consult__lancamentos_cards_botao { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin-top: 30px; padding: 20px 0px;;}
#consult__lancamentos_cards button.carrega__mais { padding: 20px 10px; width: 300px; height: 100%; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px; color: #fff; font-size: 18px; font-weight: 600; cursor: pointer;}
#consult__lancamentos_cards button.carrega__mais:hover { background-color: #fff; color: #007bff; border: 2px solid #007bff; transition: 0.9s ease-in-out; }
.loading-message {
text-align: center;
font-size: 16px;
font-weight: 600;
color: #007bff;
margin-top: 20px;
}
/* # # # # # # # # # # SECTION FOOTER # # # # # # # # # # */
footer#footer__consult { width: 100% ; height: 100%; background-image: linear-gradient(to top, #051937, #162441, #24314c, #323d56, #404a61, #465066, #4d566b, #535c70, #535c70, #535c70, #535c70, #535c70);; }
footer#footer__consult div.footer__container { max-width: 100%; width: 100%; height: 100%; padding: 3rem 0; margin: 0px auto; display: flex; flex-direction: column; align-items: center; margin-top: 60px;}
footer#footer__consult div.footer__container img { height: 250px; margin-top: -50px; }
footer#footer__consult div.footer__container nav.footer__links { width: 100%;margin-top: -20px; display: flex; padding: 10px 0px;}
footer#footer__consult div.footer__container nav.footer__links ul { display: flex; justify-content: center; align-items: center; gap: 20px; }
footer#footer__consult div.footer__container nav.footer__links ul li { margin-bottom: 0px; }
footer#footer__consult div.footer__container nav.footer__links ul li a {color: #fff; font-family: var(--font-family-primary); font-weight: 600; }
.footer__links .left__links, .footer__links .right__links { flex: 1; }
footer#footer__consult div.footer__container nav.footer__social__links { text-align: center; padding-bottom: 30px; margin-top: 40px; }
footer#footer__consult div.footer__container nav.footer__social__links ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 40px; }
footer#footer__consult div.footer__container nav.footer__social__links ul li a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center; color: #051937; text-align: center; line-height: 30px; font-size: 1rem; text-decoration: none; }
footer#footer__consult div.footer__container nav.footer__social__links ul li a:hover { background-color: #051937; color: #fff; cursor: pointer; transition: 1s ease-in; }
/* # # # # # # # # # # DESENVOLVIMENTO # # # # # # # # # # */
div.desenvolvimento { padding: 10px 30px; display: flex; align-items: center; justify-content: center; gap: 40px; width: 100%; max-width: 1200px; margin: 0px auto; ; }
div.desenvolvimento p { font-size: 12px; font-weight: 300; color: #0d475e;}
div.desenvolvimento p strong { font-weight: 700; }
div.desenvolvimento nav.socialDev { display: flex; }
div.desenvolvimento nav.socialDev ul { display: flex; gap: 20px; }
div.desenvolvimento nav.socialDev ul li a { color: #0d475e; font-size: 14px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
/* # # # # # # # # # # SECTION - CONSULT MAP SEARCH # # # # # # # # # # */
section#consult_map_search { width: 100%; height: 65vh; background: url(https://res.cloudinary.com/db0dxzhah/image/upload/v1755802298/06_casa-externo_pcu7pn.jpg) center/ cover no-repeat;position: relative; animation: backgroundSlideshow 40s infinite; }
section#consult_map_search header.consultHeader { display: flex; flex-direction: column; width: 100%; height: 100px; padding: 0rem 2rem; ; transform: translateY(0); opacity: 1; pointer-events: auto; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 1000; }
section#consult_map_search header.consultHeader div.consult__header__container { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; }
section#consult_map_search header.consultHeader div.consult__header__container button.consult__menu__mobile__botao { display: none;}
section#consult_map_search header.consultHeader div.consult__header__container figure.consult__header__logo img { width: 110px; margin-top: -5px; ; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links { display: flex; align-items: center; gap: 60px; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul { display: flex; gap: 30px; align-items: center; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul li a { font-size: 14px; color: #fff; font-weight: 600; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.ligacao__consult { display:none; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.consult__search__botao__mobile { display: none;}
/* # # # # # # # # # # SECTION - CONSULT MAP SEARCH DIV CONTAINER CONSULT SEARCH# # # # # # # # # # */
section#consult_map_search div.container__consult__search { position: absolute; bottom: 20px; left: 0px; width: 100%; height: 90px; padding: 0 2rem;}
section#consult_map_search div.container__consult__search form { display: flex; align-items: center; gap: 0px; border-radius: 20px; padding: 1rem; border: 2px solid rgba(255, 255, 255, 0.38); backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.1);; width: 100%; max-width: 100%; margin: 0px auto; justify-content: space-between; height: 100%;; }
section#consult_map_search div.container__consult__search form div.endereco__input { background-color: transparent; width: 48%; display: flex;; justify-content: space-between; align-items: center; padding: 0.5rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px;}
section#consult_map_search div.container__consult__search form div.endereco__input input { width: 90%; padding: 5px 0px; color: #fff; }
section#consult_map_search div.container__consult__search form div.endereco__input input::placeholder { color: #fff; font-weight: 300; font-size: 14px;}
section#consult_map_search div.container__consult__search form div.endereco__input div.container__geo__botoes { width: auto; height: 100%; display: flex; gap: 20px; padding: 10px; }
section#consult_map_search div.container__consult__search form div.endereco__input div.container__geo__botoes button { color: #fff; font-size: 18px; }
section#consult_map_search div.container__consult__search form div.select_consult { background-color: transparent}
section#consult_map_search div.container__consult__search form div.select_consult select { background-color: transparent; width: 120px;padding: 1.1rem 0.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.38); color: #fff;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis { padding: 1rem 1.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.38); color: #fff; display: flex; flex-direction: column; gap: 10px; background-color: #007bff; }
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis i { font-weight: 600; font-size: 22px;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis p { display: none; }
/* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */
div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 20px; right: 20px; }
.pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; }
@keyframes pulsate-bck {
0% { transform: scale(1); }
50% { transform: scale(0.9); }
100% { transform: scale(1); }
}
div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }
/* # # # # # # # # # # DIV - MODAL CONTAINER # # # # # # # # # # */
.modal__container { display: none;}
/* # # # # # # # # # # SECTION - CONSULT LANCAMENTOS CARDS # # # # # # # # # # */
#consult__lancamentos_cards { width: 100%; max-width: 100%; height: 100%; margin: 0px auto; padding: 2rem 2rem; }
#consult__lancamentos_cards div.container__consult__cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card { background-color: #fff; position: relative; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; flex-direction: column; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card figure.consult__img__card img { width: 100%; height: 235px; /* Altura fixa para a imagem */ object-fit: fill; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__bairro__destaque { color: #fff; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); font-size: 12px; font-weight: 600; width: 100%; max-width: 190px;; height: 35px; padding: 8px; display: flex; justify-content: center; align-items: center; border-radius: 20px; position: absolute; left: 20px; top: 10px;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__venda__aluguel { display: none; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__endereco { display: none;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__info__card { padding: 1rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card h2.consult__info__titulo { font-size: 1.2rem; font-weight: 700; color: #484F64; margin-bottom: 0.5rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card p.consult__info__valor { font-size: 1rem; color: #484F64; font-weight: 400; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card p.consult__info__valor span { color: #007bff; font-weight: 600;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia ul { display:grid; grid-template-columns: repeat(2, 1fr); ;grid-gap: 10px 20px; padding: 1rem 0; list-style: none; border-top: 1px solid #eee; margin-top: 1.5rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li { text-align: center; color: #484F64; font-size: 14px; display: flex; align-items: center; gap: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li i { font-size: 16px;; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li p { color: #484F64; font-size: 12px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search { backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: space-between; padding: 1rem; align-items: center; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador { color: #fff; width: 50%; display: flex; flex-direction: column; gap: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador p { color: #fff; font-size: 12px;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador h3 { font-size: 14px;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search { width: 30%; display: flex; align-items: center; justify-content: space-between; padding: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search button { color: #fff ; cursor: pointer; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search button i { font-size: 18px;}
#consult__lancamentos_cards div.consult__lancamentos_cards_botao { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin-top: 30px; padding: 20px 0px;;}
#consult__lancamentos_cards button.carrega__mais { padding: 20px 10px; width: 300px; height: 100%; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px; color: #fff; font-size: 18px; font-weight: 600; cursor: pointer;}
#consult__lancamentos_cards button.carrega__mais:hover { background-color: #fff; color: #007bff; border: 2px solid #007bff; transition: 0.9s ease-in-out; }
.loading-message {
text-align: center;
font-size: 16px;
font-weight: 600;
color: #007bff;
margin-top: 20px;
}
/* # # # # # # # # # # SECTION FOOTER # # # # # # # # # # */
footer#footer__consult { width: 100% ; height: 100%; background-image: linear-gradient(to top, #051937, #162441, #24314c, #323d56, #404a61, #465066, #4d566b, #535c70, #535c70, #535c70, #535c70, #535c70);; }
footer#footer__consult div.footer__container { max-width: 100%; width: 100%; height: 100%; padding: 3rem 0; margin: 0px auto; display: flex; flex-direction: column; align-items: center; margin-top: 60px;}
footer#footer__consult div.footer__container img { height: 250px; margin-top: -50px; }
footer#footer__consult div.footer__container nav.footer__links { width: 100%;margin-top: -20px; display: flex; padding: 10px 0px;}
footer#footer__consult div.footer__container nav.footer__links ul { display: flex; justify-content: center; align-items: center; gap: 20px; }
footer#footer__consult div.footer__container nav.footer__links ul li { margin-bottom: 0px; }
footer#footer__consult div.footer__container nav.footer__links ul li a {color: #fff; font-family: var(--font-family-primary); font-weight: 600; }
.footer__links .left__links, .footer__links .right__links { flex: 1; }
footer#footer__consult div.footer__container nav.footer__social__links { text-align: center; padding-bottom: 30px; margin-top: 40px; }
footer#footer__consult div.footer__container nav.footer__social__links ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 40px; }
footer#footer__consult div.footer__container nav.footer__social__links ul li a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center; color: #051937; text-align: center; line-height: 30px; font-size: 1rem; text-decoration: none; }
footer#footer__consult div.footer__container nav.footer__social__links ul li a:hover { background-color: #051937; color: #fff; cursor: pointer; transition: 1s ease-in; }
/* # # # # # # # # # # DESENVOLVIMENTO # # # # # # # # # # */
div.desenvolvimento { padding: 10px 30px; display: flex; align-items: center; justify-content: center; gap: 40px; width: 100%; max-width: 1200px; margin: 0px auto; ; }
div.desenvolvimento p { font-size: 12px; font-weight: 300; color: #0d475e;}
div.desenvolvimento p strong { font-weight: 700; }
div.desenvolvimento nav.socialDev { display: flex; }
div.desenvolvimento nav.socialDev ul { display: flex; gap: 20px; }
div.desenvolvimento nav.socialDev ul li a { color: #0d475e; font-size: 14px;}
}
@media only screen and (min-width: 1024px) and (max-width: 1365px) {
/* # # # # # # # # # # SECTION - CONSULT MAP SEARCH # # # # # # # # # # */
section#consult_map_search { width: 100%; height: 65vh; background: url(https://res.cloudinary.com/db0dxzhah/image/upload/v1755802298/06_casa-externo_pcu7pn.jpg) left/ cover no-repeat;position: relative; animation: backgroundSlideshow 40s infinite; }
section#consult_map_search header.consultHeader { display: flex; flex-direction: column; width: 100%; height: 100px; padding: 0rem 2rem; ; transform: translateY(0); opacity: 1; pointer-events: auto; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 1000; }
section#consult_map_search header.consultHeader div.consult__header__container { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; }
section#consult_map_search header.consultHeader div.consult__header__container button.consult__menu__mobile__botao { display: none;}
section#consult_map_search header.consultHeader div.consult__header__container figure.consult__header__logo img { width: 110px; margin-top: -5px; ; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links { display: flex; align-items: center; gap: 60px; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul { display: flex; gap: 30px; align-items: center; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul li a { font-size: 16px; color: #fff; font-weight: 600; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.ligacao__consult { color: #fff; border: 1px solid #fff; cursor: pointer; padding: 10px; width: 150px; height: 100%; border-radius: 20px; display: flex; gap: 10px; justify-content: center; align-items: center; font-size: 14px; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.consult__search__botao__mobile { display: none;}
/* # # # # # # # # # # SECTION - CONSULT MAP SEARCH DIV CONTAINER CONSULT SEARCH# # # # # # # # # # */
section#consult_map_search div.container__consult__search { position: absolute; bottom: 20px; left: 0px; width: 100%; height: 90px; padding: 0 2rem;}
section#consult_map_search div.container__consult__search form { display: flex; align-items: center; gap: 0px; border-radius: 20px; padding: 1rem; border: 2px solid rgba(255, 255, 255, 0.38); backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.1);; width: 100%; max-width: 100%; margin: 0px auto; justify-content: space-between; height: 100%;; }
section#consult_map_search div.container__consult__search form div.endereco__input { background-color: transparent; width: 45%; display: flex;; justify-content: space-between; align-items: center; padding: 0.5rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px;}
section#consult_map_search div.container__consult__search form div.endereco__input input { width: 90%; padding: 5px 0px; color: #fff; }
section#consult_map_search div.container__consult__search form div.endereco__input input::placeholder { color: #fff; font-weight: 300; }
section#consult_map_search div.container__consult__search form div.endereco__input div.container__geo__botoes { width: auto; height: 100%; display: flex; gap: 20px; padding: 10px; }
section#consult_map_search div.container__consult__search form div.endereco__input div.container__geo__botoes button { color: #fff; font-size: 18px; }
section#consult_map_search div.container__consult__search form div.select_consult { background-color: transparent}
section#consult_map_search div.container__consult__search form div.select_consult select { background-color: transparent; width: 190px;padding: 1.1rem 0.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.38); color: #fff;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis { padding: 1rem 1.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.38); color: #fff; display: flex; flex-direction: column; gap: 10px; background-color: #007bff; }
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis i { font-weight: 600; font-size: 22px;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis p { display: none; }
/* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */
div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 20px; right: 20px; }
.pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; }
@keyframes pulsate-bck {
0% { transform: scale(1); }
50% { transform: scale(0.9); }
100% { transform: scale(1); }
}
div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }
/* # # # # # # # # # # DIV - MODAL CONTAINER # # # # # # # # # # */
.modal__container { display: none;}
/* # # # # # # # # # # SECTION - CONSULT LANCAMENTOS CARDS # # # # # # # # # # */
#consult__lancamentos_cards { width: 100%; max-width: 100%; height: 100%; margin: 0px auto; padding: 2rem 2rem; }
#consult__lancamentos_cards div.container__consult__cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card { background-color: #fff; position: relative; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; flex-direction: column; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card figure.consult__img__card img { width: 100%; height: 235px; /* Altura fixa para a imagem */ object-fit: fill; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__bairro__destaque { color: #fff; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); font-size: 12px; font-weight: 600; width: 100%; max-width: 190px;; height: 35px; padding: 8px; display: flex; justify-content: center; align-items: center; border-radius: 20px; position: absolute; left: 20px; top: 10px;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__venda__aluguel { display: none; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__endereco { display: none;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__info__card { padding: 1rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card h2.consult__info__titulo { font-size: 1.2rem; font-weight: 700; color: #484F64; margin-bottom: 0.5rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card p.consult__info__valor { font-size: 1rem; color: #484F64; font-weight: 400; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card p.consult__info__valor span { color: #007bff; font-weight: 600;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia ul { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 0px; padding: 1rem 0; list-style: none; border-top: 1px solid #eee; margin-top: 1.5rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li { text-align: center; color: #484F64; font-size: 14px; display: flex; align-items: center; gap: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li i { font-size: 16px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li p { color: #484F64; font-size: 12px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search { backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: space-between; padding: 1rem; align-items: center; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador { color: #fff; width: 50%; display: flex; flex-direction: column; gap: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search { width: 30%; display: flex; align-items: center; justify-content: space-between; padding: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search button { color: #fff ; cursor: pointer; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search button i { font-size: 18px;}
#consult__lancamentos_cards div.consult__lancamentos_cards_botao { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin-top: 30px; padding: 20px 0px;;}
#consult__lancamentos_cards button.carrega__mais { padding: 20px 10px; width: 300px; height: 100%; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px; color: #fff; font-size: 18px; font-weight: 600; cursor: pointer;}
#consult__lancamentos_cards button.carrega__mais:hover { background-color: #fff; color: #007bff; border: 2px solid #007bff; transition: 0.9s ease-in-out; }
.loading-message {
text-align: center;
font-size: 16px;
font-weight: 600;
color: #007bff;
margin-top: 20px;
}
/* # # # # # # # # # # SECTION FOOTER # # # # # # # # # # */
footer#footer__consult { width: 100% ; height: 100%; margin-top: 100px; background-image: linear-gradient(to top, #051937, #162441, #24314c, #323d56, #404a61, #465066, #4d566b, #535c70, #535c70, #535c70, #535c70, #535c70);; }
footer#footer__consult div.footer__container { max-width: 100%; width: 100%; height: 100%; padding: 3rem 0; margin: 0 auto; display: flex; flex-direction: column; align-items: center;}
footer#footer__consult div.footer__container img { height: 250px; margin-top: -50px; }
footer#footer__consult div.footer__container nav.footer__links { display: flex; justify-content: space-between; align-items: center; width: 100%;margin-top: -20px; ;}
footer#footer__consult div.footer__container nav.footer__links ul { display: flex; justify-content: center; align-items: center; gap: 60px; }
footer#footer__consult div.footer__container nav.footer__links ul li { margin-bottom: 0px; }
footer#footer__consult div.footer__container nav.footer__links ul li a {color: #fff; font-family: var(--font-family-primary); font-weight: 600; }
.footer__links .left__links, .footer__links .right__links { flex: 1; }
footer#footer__consult div.footer__container nav.footer__social__links { text-align: center; padding-bottom: 30px; margin-top: 40px; }
footer#footer__consult div.footer__container nav.footer__social__links ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 40px; }
footer#footer__consult div.footer__container nav.footer__social__links ul li a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center; color: #051937; text-align: center; line-height: 30px; font-size: 1rem; text-decoration: none; }
footer#footer__consult div.footer__container nav.footer__social__links ul li a:hover { background-color: #051937; color: #fff; cursor: pointer; transition: 1s ease-in; }
/* # # # # # # # # # # DESENVOLVIMENTO # # # # # # # # # # */
div.desenvolvimento { padding: 10px 30px; display: flex; align-items: center; justify-content: center; gap: 40px; width: 100%; max-width: 1200px; margin: 0px auto; }
div.desenvolvimento p { font-size: 12px; font-weight: 300; color: #0d475e;}
div.desenvolvimento p strong { font-weight: 700; }
div.desenvolvimento nav.socialDev { display: flex; }
div.desenvolvimento nav.socialDev ul { display: flex; gap: 20px; }
div.desenvolvimento nav.socialDev ul li a { color: #0d475e; font-size: 14px;}
}
@media only screen and (min-width: 1366px) and (max-width: 1599px) {
/* # # # # # # # # # # SECTION - CONSULT MAP SEARCH # # # # # # # # # # */
section#consult_map_search { width: 100%; height: 65vh; background: url(https://res.cloudinary.com/db0dxzhah/image/upload/v1755802298/06_casa-externo_pcu7pn.jpg) left/ cover no-repeat;position: relative; animation: backgroundSlideshow 40s infinite; }
section#consult_map_search header.consultHeader { display: flex; flex-direction: column; width: 100%; height: 100px; padding: 0rem 2rem; ; transform: translateY(0); opacity: 1; pointer-events: auto; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 1000; }
section#consult_map_search header.consultHeader div.consult__header__container { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; }
section#consult_map_search header.consultHeader div.consult__header__container button.consult__menu__mobile__botao { display: none;}
section#consult_map_search header.consultHeader div.consult__header__container figure.consult__header__logo img { width: 130px; margin-top: -5px; ; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links { display: flex; align-items: center; gap: 80px; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul { display: flex; gap: 50px; align-items: center; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul li a { font-size: 16px; color: #fff; font-weight: 600; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.ligacao__consult { color: #fff; border: 1px solid #fff; cursor: pointer; padding: 10px; width: 200px; height: 100%; border-radius: 20px; display: flex; gap: 10px; justify-content: center; align-items: center; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.consult__search__botao__mobile { display: none;}
/* # # # # # # # # # # SECTION - CONSULT MAP SEARCH DIV CONTAINER CONSULT SEARCH# # # # # # # # # # */
section#consult_map_search div.container__consult__search { position: absolute; bottom: 20px; left: 0px; width: 100%; height: 100px; padding: 0 3rem;}
section#consult_map_search div.container__consult__search form { display: flex; align-items: center; gap: 0px; border-radius: 20px; padding: 1rem; border: 2px solid rgba(255, 255, 255, 0.38); backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.1);; width: 100%; max-width: 100%; margin: 0px auto; justify-content: space-between; height: 100%;; }
section#consult_map_search div.container__consult__search form div.endereco__input { background-color: transparent; width: 50%; display: flex;; justify-content: space-between; align-items: center; padding: 1rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px;}
section#consult_map_search div.container__consult__search form div.endereco__input input { width: 90%; padding: 5px 0px; color: #fff; }
section#consult_map_search div.container__consult__search form div.endereco__input input::placeholder { color: #fff; font-weight: 300; }
section#consult_map_search div.container__consult__search form div.endereco__input div.container__geo__botoes { width: auto; height: 100%; display: flex; gap: 20px; padding: 10px; }
section#consult_map_search div.container__consult__search form div.endereco__input div.container__geo__botoes button { color: #fff; font-size: 18px; }
section#consult_map_search div.container__consult__search form div.select_consult { background-color: transparent}
section#consult_map_search div.container__consult__search form div.select_consult select { background-color: transparent; width: 240px;padding: 1.5rem 0.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.38); color: #fff;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis { padding: 1.4rem 1.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.38); color: #fff; display: flex; flex-direction: column; gap: 10px; background-color: #007bff; }
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis i { font-weight: 600; font-size: 22px;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis p { display: none; }
/* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */
div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 20px; right: 20px; }
.pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; }
@keyframes pulsate-bck {
0% { transform: scale(1); }
50% { transform: scale(0.9); }
100% { transform: scale(1); }
}
div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }
/* # # # # # # # # # # DIV - MODAL CONTAINER # # # # # # # # # # */
.modal__container { display: none;}
/* # # # # # # # # # # SECTION - CONSULT LANCAMENTOS CARDS # # # # # # # # # # */
#consult__lancamentos_cards { width: 100%; max-width: 100%; height: 100%; margin: 0px auto; padding: 2rem 2rem; }
#consult__lancamentos_cards div.container__consult__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card { background-color: #fff; position: relative; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; flex-direction: column; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card figure.consult__img__card img { width: 100%; height: 235px; /* Altura fixa para a imagem */ object-fit: fill; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__bairro__destaque { color: #fff; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); font-size: 12px; font-weight: 600; width: 100%; max-width: 190px;; height: 35px; padding: 8px; display: flex; justify-content: center; align-items: center; border-radius: 20px; position: absolute; left: 20px; top: 10px;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__venda__aluguel { display: none; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__endereco { display: none;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__info__card {
padding: 1rem;
}
#consult__lancamentos_cards div.container__consult__cards div.consult__card h2.consult__info__titulo { font-size: 1.2rem; font-weight: 700; color: #484F64; margin-bottom: 0.5rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card p.consult__info__valor { font-size: 1rem; color: #484F64; font-weight: 400; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card p.consult__info__valor span { color: #007bff; font-weight: 600;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia ul { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 0px; padding: 1rem 0; list-style: none; border-top: 1px solid #eee; margin-top: 1.5rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li { text-align: center; color: #484F64; font-size: 14px; display: flex; align-items: center; gap: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li i { font-size: 16px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li p { color: #484F64; font-size: 12px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search { backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: space-between; padding: 1rem; align-items: center; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador { color: #fff; width: 50%; display: flex; flex-direction: column; gap: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search { width: 30%; display: flex; align-items: center; justify-content: space-between; padding: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search button { color: #fff ; cursor: pointer; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search button i { font-size: 18px;}
#consult__lancamentos_cards div.consult__lancamentos_cards_botao { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin-top: 30px; padding: 20px 0px;;}
#consult__lancamentos_cards button.carrega__mais { padding: 20px 10px; width: 300px; height: 100%; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px; color: #fff; font-size: 18px; font-weight: 600; cursor: pointer;}
#consult__lancamentos_cards button.carrega__mais:hover { background-color: #fff; color: #007bff; border: 2px solid #007bff; transition: 0.9s ease-in-out; }
.loading-message {
text-align: center;
font-size: 16px;
font-weight: 600;
color: #007bff;
margin-top: 20px;
}
/* # # # # # # # # # # SECTION FOOTER # # # # # # # # # # */
footer#footer__consult { width: 100% ; height: 100%; margin-top: 100px; background-image: linear-gradient(to top, #051937, #162441, #24314c, #323d56, #404a61, #465066, #4d566b, #535c70, #535c70, #535c70, #535c70, #535c70);; }
footer#footer__consult div.footer__container { max-width: 100%; width: 100%; height: 100%; padding: 3rem 0; margin: 0 auto; display: flex; flex-direction: column; align-items: center;}
footer#footer__consult div.footer__container img { height: 250px; margin-top: -50px; }
footer#footer__consult div.footer__container nav.footer__links { display: flex; justify-content: space-between; align-items: center; width: 100%;margin-top: -20px; ;}
footer#footer__consult div.footer__container nav.footer__links ul { display: flex; justify-content: center; align-items: center; gap: 60px; }
footer#footer__consult div.footer__container nav.footer__links ul li { margin-bottom: 0px; }
footer#footer__consult div.footer__container nav.footer__links ul li a {color: #fff; font-family: var(--font-family-primary); font-weight: 600; }
.footer__links .left__links, .footer__links .right__links { flex: 1; }
footer#footer__consult div.footer__container nav.footer__social__links { text-align: center; padding-bottom: 30px; margin-top: 40px; }
footer#footer__consult div.footer__container nav.footer__social__links ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 40px; }
footer#footer__consult div.footer__container nav.footer__social__links ul li a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center; color: #051937; text-align: center; line-height: 30px; font-size: 1rem; text-decoration: none; }
footer#footer__consult div.footer__container nav.footer__social__links ul li a:hover { background-color: #051937; color: #fff; cursor: pointer; transition: 1s ease-in; }
/* # # # # # # # # # # DESENVOLVIMENTO # # # # # # # # # # */
div.desenvolvimento { padding: 10px 30px; display: flex; align-items: center; justify-content: center; gap: 40px; width: 100%; max-width: 1200px; margin: 0px auto; }
div.desenvolvimento p { font-size: 12px; font-weight: 300; color: #0d475e;}
div.desenvolvimento p strong { font-weight: 700; }
div.desenvolvimento nav.socialDev { display: flex; }
div.desenvolvimento nav.socialDev ul { display: flex; gap: 20px; }
div.desenvolvimento nav.socialDev ul li a { color: #0d475e; font-size: 14px;}
}
@media only screen and (min-width: 1600px) {
/* # # # # # # # # # # SECTION - CONSULT MAP SEARCH # # # # # # # # # # */
section#consult_map_search { width: 100%; height: 65vh; background: url(https://res.cloudinary.com/db0dxzhah/image/upload/v1755802298/06_casa-externo_pcu7pn.jpg) center/ cover no-repeat;position: relative; animation: backgroundSlideshow 40s infinite; }
section#consult_map_search header.consultHeader { display: flex; flex-direction: column; width: 100%; height: 100px; padding: 0rem 2rem; ; transform: translateY(0); opacity: 1; pointer-events: auto; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 1000; }
section#consult_map_search header.consultHeader div.consult__header__container { display: flex; width: 100%; height: 100%; justify-content: space-between; align-items: center; }
section#consult_map_search header.consultHeader div.consult__header__container button.consult__menu__mobile__botao { display: none;}
section#consult_map_search header.consultHeader div.consult__header__container figure.consult__header__logo img { width: 130px; margin-top: -5px; ; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links { display: flex; align-items: center; gap: 80px; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul { display: flex; gap: 50px; align-items: center; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links ul li a { font-size: 16px; color: #fff; font-weight: 600; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.ligacao__consult { color: #fff; border: 1px solid #fff; cursor: pointer; padding: 10px; width: 200px; height: 100%; border-radius: 20px; display: flex; gap: 10px; justify-content: center; align-items: center; }
section#consult_map_search header.consultHeader div.consult__header__container nav.header__pages__links button.consult__search__botao__mobile { display: none;}
/* # # # # # # # # # # SECTION - CONSULT MAP SEARCH DIV CONTAINER CONSULT SEARCH# # # # # # # # # # */
section#consult_map_search div.container__consult__search { position: absolute; bottom: 20px; left: 0px; width: 100%; height: 100px; }
section#consult_map_search div.container__consult__search form { display: flex; align-items: center; gap: 0px; border-radius: 20px; padding: 1rem; border: 2px solid rgba(255, 255, 255, 0.38); backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.1);; width: 100%; max-width: 1350px; margin: 0px auto; justify-content: space-between; height: 100%;; }
section#consult_map_search div.container__consult__search form div.endereco__input { background-color: transparent; width: 50%; display: flex;; justify-content: space-between; align-items: center; padding: 1rem 0.8rem; border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px;}
section#consult_map_search div.container__consult__search form div.endereco__input input { width: 90%; padding: 5px 0px; color: #fff; }
section#consult_map_search div.container__consult__search form div.endereco__input input::placeholder { color: #fff; font-weight: 300; }
section#consult_map_search div.container__consult__search form div.endereco__input div.container__geo__botoes { width: auto; height: 100%; display: flex; gap: 20px; padding: 10px; }
section#consult_map_search div.container__consult__search form div.endereco__input div.container__geo__botoes button { color: #fff; font-size: 18px;cursor: pointer; }
section#consult_map_search div.container__consult__search form div.select_consult { background-color: transparent}
section#consult_map_search div.container__consult__search form div.select_consult select { background-color: transparent; width: 270px;padding: 1.5rem 0.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.38); color: #fff;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis { padding: 1.3rem 1.8rem; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.38); color: #fff; display: flex; flex-direction: column; gap: 10px; background-color: #007bff; }
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis i { font-weight: 600; font-size: 22px;}
section#consult_map_search div.container__consult__search form button.consult__pesquisa__imoveis p { display: none; }
/* # # # # # # # # # # - BOTÃO WHATSAPP - # # # # # # # # # # */
div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 20px; right: 20px; }
.pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; }
@keyframes pulsate-bck {
0% { transform: scale(1); }
50% { transform: scale(0.9); }
100% { transform: scale(1); }
}
div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }
/* # # # # # # # # # # DIV - MODAL CONTAINER # # # # # # # # # # */
.modal__container { display: none;}
/* # # # # # # # # # # SECTION - CONSULT LANCAMENTOS CARDS # # # # # # # # # # */
#consult__lancamentos_cards { width: 100%; max-width: 1350px; height: 100%; margin: 0px auto; padding: 2rem 0; }
#consult__lancamentos_cards div.container__consult__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card { background-color: #fff; position: relative; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; display: flex; flex-direction: column; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card figure.consult__img__card img { width: 100%; height: 270px; /* Altura fixa para a imagem */ object-fit: fill; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__bairro__destaque { color: #fff; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); font-size: 12px; font-weight: 600; width: 100%; max-width: 190px;; height: 35px; padding: 8px; display: flex; justify-content: center; align-items: center; border-radius: 20px; position: absolute; left: 20px; top: 10px;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__venda__aluguel { display: none; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card span.consult__endereco { display: none;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__info__card { padding: 1rem;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card h2.consult__info__titulo { font-size: 1.2rem; font-weight: 700; color: #484F64; margin-bottom: 0.5rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card p.consult__info__valor { font-size: 1rem; color: #484F64; font-weight: 400; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card p.consult__info__valor span { color: #007bff; font-weight: 600;}
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia ul { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 0px; padding: 1rem 0; list-style: none; border-top: 1px solid #eee; margin-top: 1.5rem; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li { text-align: center; color: #484F64; font-size: 14px; display: flex; align-items: center; gap: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li i { font-size: 16px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card nav.consult__info__tipologia li p { color: #484F64; font-size: 12px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search { backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); display: flex; justify-content: space-between; padding: 1rem; align-items: center; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.container__incorporador { color: #fff; width: 50%; display: flex; flex-direction: column; gap: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search { width: 30%; display: flex; align-items: center; justify-content: space-between; padding: 10px; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search button { color: #fff ; cursor: pointer; }
#consult__lancamentos_cards div.container__consult__cards div.consult__card div.consult__search div.consult__botoes__search button i { font-size: 18px;}
#consult__lancamentos_cards div.consult__lancamentos_cards_botao { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; margin-top: 30px; padding: 20px 0px;;}
#consult__lancamentos_cards button.carrega__mais { padding: 20px 10px; width: 300px; height: 100%; backdrop-filter: blur(20px); background-color: rgba(0, 0, 0, 0.6); border: 1px solid rgba(255, 255, 255, 0.38); border-radius: 20px; color: #fff; font-size: 18px; font-weight: 600; cursor: pointer;}
#consult__lancamentos_cards button.carrega__mais:hover { background-color: #fff; color: #007bff; border: 2px solid #007bff; transition: 0.9s ease-in-out; }
.loading-message {
text-align: center;
font-size: 16px;
font-weight: 600;
color: #007bff;
margin-top: 20px;
}
/* # # # # # # # # # # SECTION FOOTER # # # # # # # # # # */
footer#footer__consult { width: 100% ; height: 100%; margin-top: 100PX; background-image: linear-gradient(to top, #051937, #162441, #24314c, #323d56, #404a61, #465066, #4d566b, #535c70, #535c70, #535c70, #535c70, #535c70);; }
footer#footer__consult div.footer__container { max-width: 1400px; width: 100%; height: 100%; padding: 3rem 0; margin: 0 auto; display: flex; flex-direction: column; align-items: center;}
footer#footer__consult div.footer__container img { height: 250px; margin-top: -50px; }
footer#footer__consult div.footer__container nav.footer__links { display: flex; justify-content: space-between; align-items: center; width: 100%;margin-top: -20px; ;}
footer#footer__consult div.footer__container nav.footer__links ul { display: flex; justify-content: center; align-items: center; gap: 60px; }
footer#footer__consult div.footer__container nav.footer__links ul li { margin-bottom: 0px; }
footer#footer__consult div.footer__container nav.footer__links ul li a {color: #fff; font-family: var(--font-family-primary); font-weight: 600; }
.footer__links .left__links, .footer__links .right__links { flex: 1; }
footer#footer__consult div.footer__container nav.footer__social__links { text-align: center; padding-bottom: 30px; margin-top: 40px; }
footer#footer__consult div.footer__container nav.footer__social__links ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; gap: 40px; }
footer#footer__consult div.footer__container nav.footer__social__links ul li a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center; color: #051937; text-align: center; line-height: 30px; font-size: 1rem; text-decoration: none; }
footer#footer__consult div.footer__container nav.footer__social__links ul li a:hover { background-color: #051937; color: #fff; cursor: pointer; transition: 1s ease-in; }
/* # # # # # # # # # # DESENVOLVIMENTO # # # # # # # # # # */
div.desenvolvimento { padding: 10px 30px; display: flex; align-items: center; justify-content: center; gap: 40px; width: 100%; max-width: 1200px; margin: 0px auto; }
div.desenvolvimento p { font-size: 12px; font-weight: 300; color: #0d475e;}
div.desenvolvimento p strong { font-weight: 700; }
div.desenvolvimento nav.socialDev { display: flex; }
div.desenvolvimento nav.socialDev ul { display: flex; gap: 20px; }
div.desenvolvimento nav.socialDev ul li a { color: #0d475e; font-size: 14px;}
}