:root {
  --azul-primario: #002c6b; /* titulos, botoes, backgrounds seções */
  --azul-secundario: #02439e; /* botoes hover */
  --cinza-primario: #787878; /* subtitulos, bordas, <hrs> */
  --cinza-secundario: #2f2f2f; /* informações principais dos cards*/
  --cinza-terciario: #d9d9d9; /* background topicos duvidas */
  --branco-primario: #ffffff; /* texto de boteos com azul primario de fundo */
  --branco-secundario: #f0eeee; /* divisão de seções */
  --vermelho--primario: #ff0000;
}

/*############## configuração inicial ##############*/

@font-face {
  font-family: 'Montserrat';
  src: url('/public/vendor/fontmontserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
  font-display: swap;
}


* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Montserrat';
}

*::selection {
  background-color: var(--azul-primario); 
  color: var(--branco-primario); 
}

html {
  font-size: 10px;
}

body {
  background-color: var(--azul-primario);
  scroll-behavior: smooth;
  position: relative;
}

a,
a:link,
a:visited {
  color: inherit;
  text-decoration: none!important;
}

a:hover,
a:active {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

p {
  margin: 0;
  padding: 0;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  appearance: textfield;
}

.gm-style-iw {
  padding-top: 10px!important;
  padding-left: 10px!important;
}

.gm-svpc {
  top: -782px!important;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999; 
}

.fotorama {
  max-width: 100%;
  margin: auto;
}

/*############## utils ##############*/

.cor_azul_primario {
  color: var(--azul-primario);
}

.cor_cinza_primario {
  color: var(--cinza-primario);
}

.cor_branco_primario {
  color: var(--branco-primario);
}

.texto_peso_medio {
  font-weight: 500;
}

.botao_primario {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  width: 100%;
  padding: 5px 20px;
  transition: 0.5s;
  background-color: var(--azul-primario);
  border: 1px solid var(--azul-primario);
  border-radius: 10px;
  font-size: 1.5rem;
  color: var(--branco-primario);
}

.botao_primario:not(#form_mobile_btn_maisOpcoes):hover {
  transition: 0.5s;
  background-color: var(--branco-primario);
  border: 1px solid var(--azul-primario);
  color: var(--azul-primario)!important;
}

.botao_secundario {
  height: 50px;
  width: 100%;
  padding: 5px;
  transition: 0.5s;
  background-color: transparent;
  border: 1px solid var(--branco-primario);
  border-radius: 10px;
  font-size: 1.5rem;
  color: var(--branco-primario);
  display: flex;
  justify-content: center;
  align-items: center;
}

.botao_secundario:hover {
  transition: 0.5s;
  background-color: var(--branco-primario);
  border: 1px solid var(--azul-primario);
  color: var(--azul-primario);
}

.btnGroupImportantStyle {
  border-color: var(--azul-primario)!important;
  color: var(--azul-primario)!important;
}

.pesquisa_texto_muitos:hover {
  font-weight: 500;
  cursor: pointer;
}

/* Componente Global */
#container-buttons-global {
  position: fixed;
  z-index: 10002;
  bottom: 50px;
  right: 30px;
}

#botaoFavoritos {
  position: relative;
  width: 45px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 200;
  background-color: var(--branco-primario);
  padding: 9px 10px;
  border-radius: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

#botaoFavoritos i {
  top: 50%;
  left: 50%;
  font-size: 2.5rem;
  color: var(--azul-primario);
}

#botaoFavoritos span {
 position: absolute;
 top: -5px;
 right: -10px;
 background-color: var(--azul-primario);
 font-size: 1rem;
 border: 2px solid var(--branco-primario);
}

#botaoVoltarInicio {
  width: 45px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 200;
  background-color: var(--branco-primario);
  border-radius: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

#botaoVoltarInicio i {
  top: 50%;
  left: 50%;
  font-size: 2.5rem;
  color: var(--azul-primario);
}

#botaoVoltarInicio span {
 position: absolute;
 top: 0;
 background-color: var(--azul-primario);
 font-size: 1rem;
 border: 2px solid var(--branco-primario);
}

#botaoLogin {
  z-index: 200;
  width: 45px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 98px;
  right: 30px;
  background-color: var(--branco-primario);
  border-radius: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

#botaoLogin i {
  top: 50%;
  left: 50%;
  font-size: 2.5rem;
  color: var(--azul-primario);
}

#botaoLogin span {
 position: absolute;
 top: 0;
 background-color: var(--azul-primario);
 font-size: 1rem;
 border: 2px solid var(--branco-primario);
}


/* COMPONENTES */

.card {
  border-radius: 10px !important;
  height: fit-content;
}

.card p {
  font-size: 1.6rem;
  line-height: 18px;
  color: var(--cinza-primario);
}

.card .card-body p:first-child,
.card .card-body p:nth-child(2) {
  font-weight: 500;
  margin-bottom: 10px;
  color: var(--cinza-secundario);
  line-height: normal;
}

.card .card-body p:nth-child(2) {
  height: 40px
}

.card .card-body p:nth-child(3){
  overflow-x: hidden;
}

.card .card-body p:nth-child(3),
.card .card-body p:nth-child(4) {
  margin-bottom: 0px;
  color: var(--cinza-secundario);
  line-height: normal;
}

.card .badge {
  background-color: var(--branco-primario);
  font-weight: 500;
  color: var(--azul-primario);
  border-radius: 10px;
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 1.4rem;
}

.card img {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
  cursor: pointer;
}

.card i {
  transition: 0.3s;
  font-size: 2.5rem;
  color: var(--azul-primario);
}

.card .cardBotaoFavoritar {
  cursor: pointer;
}

.cardImovel {
  cursor: pointer;
  transition: transform 0.5s;
}

.cardImovel:hover {
  transform: scale(1.03);
}

.floating-form {
  position: relative;
  padding: 0;
}

.floating-form select {
  outline: none;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  border: 1px solid var(--cinza-terciario);
  color: var(--cinza-primario);
  background-color: var(--branco-primario);
  border-radius: 10px;
  font-size: 1.6rem;
  padding: 13px 14px 0 14px;
  appearance: none;
  background: url('/public/images/forms/down-arrow.png') no-repeat right center;
  background-origin: content-box;
}

.floating-form select[multiple] {
  padding: 13px 14px 0 14px;
  background: url('/public/images/forms/down-arrow.png') no-repeat right center;
  background-origin: content-box;
}

.floating-form select:hover {
  border-color: var(--azul-primario);
  color: var(--azul-primario);
  box-shadow: none;
}

.floating-form label {
  position: absolute;
  top: 8px;
  left: 15px;
  font-size: 1.2rem;
  color: var(--azul-primario);
}

.cnl-accordion .accordion-item {
  margin-bottom: 10px;
  border: 1px solid var(--cinza-terciario)!important;
  border-radius: 10px;
}

.cnl-accordion .accordion-button {
  border-radius: 10px !important;
  font-size: 1.5rem;
  color: var(--cinza-secundario);
}

.cnl-accordion .accordion-button:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

.cnl-accordion .accordion-button:not(.collapsed) {
  outline: none;
  border: 1px solid var(--cinza-terciario);
  background-color: var(--branco-primario);
  box-shadow: none;
  color: var(--azul-primario);
  font-weight: 500;
}

.cnl-accordion .accordion-body {
  font-size: 1.5rem;
}

/*############## Aviso privacidade  ##############*/
.aviso_privacidade {
  position: fixed; 
  bottom: 0; 
  z-index: 10001; 
  background-color: #fff; 
  height: fit-content;
  font-size: 1.4rem;
  width: 100%;
  padding: 10px 5px;
  color: var(--cinza-secundario);
  box-shadow: 0 -2px 2px var(--cinza-terciario);
}

.aviso_privacidade .botao_primario {
  width: fit-content;
  height: 24px;
}

.aviso_privacidade a {
  font-weight: 600;
  color: var(--azul-primario)!important;
}

/*############## header  ##############*/
header {
  width: 100%;
  height: fit-content;
  padding: 25px 5px 50px 5px;
  background-image: url('/public/images/header/header_background_desktop.avif');
  background-size: cover;
  color: var(--branco-primario);
  position: relative;
}

header #div_border {
  width: 100%;
  height: 20px;
  background-color: white;
  position: absolute;
  bottom: 0;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

header .row:nth-child(2) {
  margin-bottom: 20px;
}

header h1 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 34px;
  text-align: center;
}

header .row:nth-child(3) p {
  font-size: 1.5rem;
  line-height: 30px;
  text-align: center;
  font-weight: 500;
}

/*############## nav  ##############*/


/*############## nav_mobile  ##############*/

#nav_mobile a,
#nav_desktop a {
  margin-right: 10px;
}

#nav_mobile a:last-child,
#nav_desktop a:last-child {
  margin-right: 0;
}

#nav_mobile a {
  display: flex;
  justify-content: center;
  align-items: center;
}

#nav_mobile a {
  padding: 6px;
  border: 1px solid var(--branco-primario);
  border-radius: 100%;
}

#nav_mobile #botao_boleto {
  padding: 6px;
  background-color: transparent;
  border: 1px solid var(--branco-primario);
  border-radius: 10px;
  color: var(--branco-primario);
}

#nav_mobile .botaoFavoritosContador{
  position: absolute;
  top: 0;
  background-color: var(--azul-primario);
}

#nav_mobile_menu {
  background-color: var(--branco-primario);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 5px 1px 5px var(--cinza-primario);
  display: none;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 20px 26px;
  position: absolute;
  top: 0;
  width: 100%;
  height: fit-content;
  z-index: 110;
}

#nav_mobile_menu h5 {
  font-size: 1.6rem;
}

#nav_mobile_menu a {
  margin-bottom: 10px;
}

#nav_mobile_menu #navMobile_button_close {
  color: var(--azul-primario);
  font-size: 2rem;
  cursor: pointer;
}

/*############## nav_desktop  ##############*/

#nav_desktop .btn {
  border: none;
}

#nav_desktop a {
  font-size: 1.5rem;
  margin-right: 20px;
  white-space: nowrap;
}

#nav_desktop .menu-item {
  font-size: 1.5rem;
  position: relative;
  cursor: pointer;
  margin-right: 20px;
  white-space: nowrap;
}

#nav_desktop .menu-item:last-child {
  margin-right: 0px;
}

#nav_desktop .menu-item i {
  margin-left: 4px;
  font-size: 1.2rem;
}

#nav_desktop .submenu {
  position: absolute;
  border-radius: 10px;
  top: 100%;
  left: 0;
  background-color: #fff;
  padding: 8px 12px ;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

#nav_desktop .submenu a {
  display: block;
  text-decoration: none;
  color: #333;
  white-space: nowrap;
  margin-bottom: 10px;
}

#nav_desktop .submenu a:last-child {
  margin-bottom: 0px;
}

#nav_desktop .menu-item:hover .submenu {
  opacity: 1;
  visibility: visible;
}

#nav_desktop .submenu a:hover {
  color: var(--azul-primario);
}

/*############## form_mobile  ##############*/

#form_mobile {
  background-color: var(--branco-primario);
  border-radius: 10px;
  color: var(--cinza-primario);
  padding: 10px;
  z-index: 99;
  margin: 0 20px;
}

#form_mobile a {
  color: var(--branco-primario);
}


#form_mobile input.codigo_imovel {
  width: 100%;
  height: 50px;
  padding-left: 14px;
  color: var(--branco-primario) !important;
  background-color: var(--azul-primario);
  border-radius: 10px;
  font-size: 1.6rem;
  border: none;
}

#form_mobile input.codigo_imovel:focus {
  outline: none;
  border: none;
}

#form_mobile input.codigo_imovel::placeholder {
  font-size: 1.5rem;
  outline: none;
  color: var(--branco-primario);
}

/*############## form desktop  ##############*/

#form_desktop {
  background-color: var(--branco-primario);
  border-radius: 10px;
  width: 700px;
  padding: 5px;
  z-index: 10000;
  margin-bottom: 30px;
}

#form_desktop.dropdown-item:focus,
#form_desktop.dropdown-item:active {
  background-color: transparent;
  color: inherit;
}

#form_desktop #inputFormDesktopFiltrarBairros {
  width: 180px;
  padding: 10px;
  font-size: 1.2rem;
  border: 1px solid var(--cinza-terciario);
  border-radius: 10px;
  margin-left: 8px;
}

#form_desktop #inputFormDesktopFiltrarBairros:focus-visible {
  outline-color: var(--azul-primario);
}

#form_desktop .form_desktop_button_desmarcar {
  cursor: pointer;
}

#form_desktop .btn-group {
  outline: none;
}

#form_desktop .btn-group button {
  height: 50px;
  width: fit-content;
  border-radius: 10px;
  border: 1px solid var(--cinza-terciario);
  color: var(--cinza-primario);
  background-color: var(--branco-primario);
  font-size: 1.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-left: 15px;
}

#form_desktop .btn-group button::after {
  background: url('./images/forms/down-arrow.png');
  margin-right: 10px;
}

#form_desktop button:hover {
  border-color: var(--azul-primario);
  color: var(--azul-primario);
}

#form_desktop .btn:focus {
  box-shadow: none;
}

#form_desktop .btn-group label.form_desktop_label_button {
  position: absolute;
  top: 8px;
  left: 15px;
  color: var(--azul-primario);
  font-size: 1rem;
  font-weight: 500;
  z-index: 1;
  color: var(--azul-primario);
}

#form_desktop .btn-group label.form_desktop_label_button:hover {
  cursor: pointer;
}

#form_desktop .dropdown-menu {
  max-height: 250px;
  overflow-x: hidden;
}

#form_desktop ul {
  padding: 8px 0;
  border-radius: 10px;
}

#form_desktop li {
  height: 40px;
  width: 200px;
  font-size: 1.6rem;
}

#form_desktop button {
  width: 100%;
}


#form_desktop .codigo_imovel {
  height: 50px;
  border: none;
  border-radius: 10px;
  color: var(--branco-primario);
  background-color: var(--azul-primario);
  font-size: 1.4rem;
  align-items: center;
}

#form_desktop input.codigo_imovel::placeholder {
  font-size: 1.4rem;
  outline: none;
  color: var(--branco-primario);
}

#form_desktop input.codigo_imovel:focus {
  outline: none;
  border: none;
}

#form_desktop div:last-child span {
  height: 50px;
  width: 200px;
  border-radius: 10px;
  color: var(--branco-primario);
  background-color: var(--azul-primario);
  font-size: 1.8rem;
  transition: 0.5s;
  cursor: pointer;
}

#form_desktop div:last-child span:hover {
  background-color: var(--branco-primario);
  border: 1px solid var(--azul-primario);
  color: var(--azul-primario);
  transition: 0.5s;
}

/*############## Lançamentos ##############*/
section#lancamentos {
  width: 100%;
  height: fit-content;
  padding: 20px 15px;
  background-color: var(--branco-primario);
}

section#lancamentos h2 {
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--azul-primario);
}

section#lancamentos h3 {
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--cinza-secundario);
}

/*############## duvidas ##############*/
section#duvidas {
  width: 100%;
  height: fit-content;
  padding: 40px 15px;
  background-color: #f7f7f7;
}

section#duvidas h2 {
  font-size: 3rem;
  font-weight: 700;
  color: var(--azul-primario);
}

/*############## Anunciar imóvel ##############*/
section#cta_proprietario_v2 {
  width: 100%;
  height: fit-content;
  padding: 35px 15px;
  color: var(--cinza-secundario);
  background-color: var(--branco-primario);
  font-size: 1.6rem;
}

section#cta_proprietario_v2 h3 {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--cinza-secundario);
}

section#cta_proprietario_v2 h2 {
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--azul-primario);
}

section#cta_proprietario_v2 form {
  box-sizing: border-box;
  width: 100%;
  height: fit-content;
  padding: 20px;
  font-size: 1.4rem;
  color: var(--cinza-secundario);
  background-color: var(--branco-primario);
  border-radius: 10px;
  border: 1px solid var(--cinza-terciario);
}

section#cta_proprietario_v2 input {
  outline: none;
  width: 100%;
  min-height: 50px;
  padding: 10px 15px;
  border: 1px solid var(--cinza-terciario);
  border-radius: 10px;
  font-size: inherit;
}

section#cta_proprietario_v2 input:focus {
  border: 1px solid var(--azul-primario);
  color: var(--azul-primario);
}

section#cta_proprietario_v2 select {
  width: 100%;
  height: 50px;
  padding: 10px 15px 5px 16px;
  /* color: var(--cinza-secundario); */
  border: 1px solid var(--cinza-terciario);
  border-radius: 10px;
  font-size: inherit;
  background-color: var(--branco-primario);
  appearance: none;
  background: url('/public/images/forms/down-arrow.png') no-repeat right center;
  background-origin: content-box;
}

section#cta_proprietario_v2 select:focus {
  outline: none;
  border: 1px solid var(--azul-primario);
  color: var(--azul-primario);
}

section#cta_proprietario_v2 .input_group_cta_proprietario {
  position: relative;
}

section#cta_proprietario_v2 .input_group_cta_proprietario label {
  position: absolute;
  top: 10px;
  left: 16px;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 5px;
}

section#cta_proprietario_v2 .input_group_cta_proprietario input,
section#cta_proprietario_v2 .input_group_cta_proprietario select {
  padding-top: 20px;
}
section#cta_proprietario_v2 .input_group_cta_proprietario select,
section#cta_proprietario_v2 .input_group_cta_proprietario input::placeholder{
  color: var(--cinza-secundario);
}

section#cta_proprietario_v2 a {
  color: var(--branco-primario);
}

/*############## Anunciar Form sucesso ##############*/

section#anunciar-sucesso {
  width: 100%;
  height: fit-content;
  padding: 35px 15px 55px 15px;
  color: var(--cinza-secundario);
  background-color: var(--branco-primario);
  font-size: 1.4rem;
  font-weight: 500;
}

section#anunciar-sucesso span {
  margin-bottom: 15px;
  color: #25d366;
  font-size: 6rem;
}

section#anunciar-sucesso p {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 10px;
}


/*############## fale conosco ##############*/
section#faleconosco {
  width: 100%;
  height: fit-content;
  padding: 50px 15px;
  color: var(--branco-primario);
  background-color: var(--azul-primario);
  font-size: 1.6rem;
  font-weight: 400;
}

section#faleconosco h5 {
  margin: 0;
  font-size: inherit;
  font-weight: 300;
  color: var(--branco-primario);
}

section#faleconosco h2 {
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--branco-primario);
}

section#faleconosco hr {
  color: var(--branco-primario);
}

section#faleconosco a.botao_secundario {
  width: 150px;
  font-size: 1.6rem;
  padding: 5px 8px;
  height: fit-content;
}

/*############## pesquisa  ##############*/
section#pesquisa {
  min-height: 100vh;
  padding: 0 0 30px 0;
  color: var(--branco-primario);
  background-color: var(--branco-primario);
  position: relative;
}

section#pesquisa .pesquisa_container_tags {
  overflow-x: hidden;
  overflow-y: hidden;
  height: 40px;
}

section#pesquisa::-webkit-scrollbar {
  height: 5px;
}

section#pesquisa::-webkit-scrollbar-thumb {
  background: var(--cinza-terciario); 
}

section#pesquisa .pesquisa_container_tags:hover {
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--cinza-terciario);
}

section#pesquisa .pesquisa_container_tags_mobile {
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--cinza-terciario);
  height: 40px;
}

section#pesquisa .pesquisa_tags_pesquisa {
  color: var(--cinza-secundario);
  width: fit-content;
  height: fit-content;
  font-size: 1.6rem;
  padding: 2px 6px;
  border: 1px solid var(--cinza-terciario);
  border-radius: 10px;
  margin-right: 8px;
  text-wrap: nowrap;
  white-space: nowrap;
  cursor: pointer;
}

section#pesquisa .pesquisa_tags_pesquisa i {
  font-size: 1rem;
  cursor: pointer;
}

section#pesquisa .pesquisa_filtro_container_desktop .pesquisa_filtro_botoes button {
  width: 100%;
  height: 40px;
  background-color: var(--branco-primario);
  border: 1px solid var(--cinza-terciario);
  border-radius: 10px;
  color: var(--cinza-primario);
}

section#pesquisa .pesquisa_filtro_container_desktop_venda .pesquisa_filtro_botoes button {
  width: 100%;
  height: 40px;
  background-color: var(--branco-primario);
  border: 1px solid var(--cinza-terciario);
  border-radius: 10px;
  color: var(--cinza-primario);
}

section#pesquisa #pesquisa_filtro_container {
  width: 100%;
  border-radius: 10px;
  background-color: #ffffff;
  z-index: 101;
  position: relative;
  padding: 6px;
}

section#pesquisa #pesquisa_filtro_botao_pesquisar,
section#pesquisa #pesquisa_filtro_botao_filtrar,
section#pesquisa #pesquisa_filtro_botao_mapa,
section#pesquisa #pesquisa_filtro_botao_compartilhar {
  width: 100%;
  background-color: transparent;
  border-radius: 10px;
  padding: 10px 20px;
  border: 1px solid var(--cinza-terciario);
  cursor: pointer;
}

section#pesquisa #pesquisa_filtro_botao_pesquisar i,
section#pesquisa #pesquisa_filtro_botao_filtrar i,
section#pesquisa #pesquisa_filtro_botao_compartilhar i,
section#pesquisa #pesquisa_filtro_botao_mapa i  {
  color: #6e6e64;
  font-size: 1.8rem;
  border-radius: 100%;
  padding: 5px;
}

section#pesquisa #form_container_mobile {
  height: 700px;
  overflow-y: auto;
  padding: 15px;
}

section#pesquisa #modal_pesquisa_mobile i.toggleModalButton {
  color: var(--cinza-secundario);
  font-size: 1.8rem;
}

section#pesquisa #cards_loading {
  width: 100%;
  min-height: 100vh;
}

section#pesquisa #mapa_container {
  position: sticky!important;
  top: 0;
  bottom: 0;
  height: 100vh;
  border-top-left-radius: 10px;
  border-end-start-radius: 10px;
}

section#pesquisa .pesquisa_filtro_container_desktop {
  border-radius: 10px;
  color: var(--cinza-secundario);
  font-size: 1.4rem;
  background-color: #ffffff;
  z-index: 110;
  position: relative;
  margin-bottom: 20px;
}

section#pesquisa .pesquisa_filtro_container_desktop_venda {
  width: 99%;
  border-radius: 10px;
  color: var(--cinza-secundario);
  font-size: 1.4rem;
  background-color: #ffffff;
  z-index: 110;
  position: relative;
  margin-bottom: 20px;
  border: 1px solid var(--cinza-terciario);
  padding: 5px;
}

section#pesquisa .pesquisa_filtro_container_desktop_venda p:first-child {
  font-weight: 500;
}

section#pesquisa #modal_pesquisa_desktop {
  position: fixed;
  top: 8%;
  right: 43.2%;
  bottom: 30%;
  left: .5%;
  background: var(--branco-primario);
  border-radius: 10px;
  padding: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}

section#pesquisa #form_container_desktop {
  height: 700px;
  overflow-y: auto;
  padding: 15px;
}

section#pesquisa #modal_pesquisa_desktop i.toggleModalButtonDesktop {
  color: var(--cinza-secundario);
  font-size: 1.8rem;
}

section#pesquisa #form_container_desktop {
  height: 700px;
  overflow-y: auto;
  padding: 15px;
}

section#pesquisa #pesquisa_filtro_campos {
  border: 1px solid var(--cinza-terciario);
  padding: 8px;
  border-radius: 10px;
  width: 100%;
}

section#pesquisa #pesquisa_filtro_campos_mobile {
  padding: 3px;
  max-height: 480px;
  overflow-y: scroll;
  overflow-x: hidden;
}

section#pesquisa #pesquisa_filtro_campos .btn-group button {
  height: 50px;
  width: fit-content;
  border-radius: 10px;
  border: 1px solid var(--cinza-terciario);
  color: var(--cinza-primario);
  background-color: var(--branco-primario);
  font-size: 1.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-left: 15px;
}

section#pesquisa #pesquisa_filtro_campos .btn-group button::after {
  background: url('./images/forms/down-arrow.png');
  margin-right: 10px;
}

section#pesquisa #pesquisa_filtro_campos button:hover {
  border-color: var(--azul-primario);
  color: var(--azul-primario);
}

section#pesquisa #pesquisa_filtro_campos .btn-group label.form_desktop_label_button {
  position: absolute;
  top: 8px;
  left: 15px;
  color: var(--azul-primario);
  font-size: 1rem;
  font-weight: 500;
  z-index: 1;
}

section#pesquisa #pesquisa_filtro_campos .dropdown-menu {
  max-height: 250px;
  overflow-x: hidden;
}

section#pesquisa #pesquisa_filtro_campos ul {
  padding: 8px 0;
  border-radius: 10px;
}

section#pesquisa #pesquisa_filtro_campos li {
  height: 40px;
  width: 200px;
  font-size: 1.6rem;
}

section#pesquisa #pesquisa_filtro_campos .btn:focus {
  box-shadow: none;
}

section#pesquisa #imoveis_desktop_nenhum_filtro {
  padding: 20px;
}

section#pesquisa #imoveis_desktop_nenhum_filtro i {
  color: var(--azul-primario);
  font-size: 2.5rem;
}

section#pesquisa #imoveis_desktop_nenhum_filtro h2 {
  color: var(--azul-primario);
  font-size: 3rem;
}

section#pesquisa #imoveis_desktop_nenhum_filtro p {
  font-size: 2rem;
}

section#pesquisa div.cluster {
  position: relative;
}

section#pesquisa div.cluster span {
  color: #fff !important;
  font-size: 15px !important;
  text-align: center;
  top: -7.5px;
  left: -6px;
  width: 50px;
  position: absolute !important;
}

/*##########################*/

#imoveis-nada-encontrado {
  margin-top: 40px;
}

#imoveis-nada-encontrado i {
  color: var(--azul-primario);
  font-size: 4.8rem;
  margin-bottom: 15px;
}

#imoveis-nada-encontrado h2 {
  color: var(--azul-primario);
  font-size: 4.8rem;
}

#imoveis-nada-encontrado p {
  color: var(--cinza-primario);
  font-size: 2.8rem;
  margin-bottom: 20px;
  text-align: center;
}

#imoveis-nada-encontrado button {
  width: fit-content;
}

/*############## imovel  ##############*/

section#imovel {
  width: 100%;
  height: fit-content;
  background-color: var(--branco-primario);
  color: var(--cinza-secundario);
}

section#imovel h3 {
  font-size: 2.5rem;
  font-weight: 600;
  color: var(--azul-primario);
  margin-bottom: 7px;
}

section#imovel p {
  font-size: 1.6rem;
}

section#imovel #imovel_descricao p:nth-child(1),
section#imovel #imovel_descricao p:nth-child(2) {
  font-weight: 600;
}

section#imovel div#carouselExampleCaptions img {
  border-radius: 10px;
}

section#imovel .container .row:nth-child(2) .col-12:nth-child(2) span i {
  font-size: 2.5rem;
  color: var(--azul-primario);
  margin-bottom: 10px;
  cursor: pointer;
}

section#imovel .container .row:nth-child(2) .col-12:nth-child(2) span {
  font-size: 1.4rem;
}

section#imovel .cardBotaoFavoritar {
  cursor: pointer;
}


section#imovel #imovel_mapa {
  border-radius: 10px;
  width: 100%;
  height: 180px;
}

section#imovel a#imovel_whatsapp {
  width: fit-content;
  padding: 10px 12px;
  height: 40px;
  background-color: #25d366;
  border: none;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--branco-primario);
  font-weight: 500;
  font-size: 1.5rem;
  margin-right: 10px;
}

section#imovel a#imovel_telefone {
  width: fit-content;
  padding: 10px 12px;
  height: 40px;
  background-color: var(--azul-secundario);
  border: none;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--branco-primario);
  font-weight: 500;
  font-size: 1.5rem;
}

section#imovel .card .card-body p:nth-child(1),
section#imovel .card .card-body p:nth-child(2) {
  font-size: 1.8rem;
}

section#imovel .card .card-body p:nth-child(3),
section#imovel .card .card-body p:nth-child(4) {
  font-size: 1.8rem;
}

section#imovel .modal {
  border-radius: 10px;
  padding: 0 20px;
}

section#imovel .modal-header {
  border: none;
}

section#imovel .modal-header h5 {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--cinza-primario);
}

section#imovel .modal-body {
  padding: 10px 10px;
}

section#imovel .modal-body span {
  cursor: pointer;
}

section#imovel .modal-body span > span {
  font-size: 1.4rem;
}

section#imovel .pesquisa_imovel_inexistente i {
  font-size: 2.8rem;
  color: var(--azul-primario);
}

section#imovel .pesquisa_imovel_inexistente h2 {
  font-size: 3.4rem;
}

section#imovel .pesquisa_imovel_inexistente p {
  font-size: 2rem;
  text-align: center;
}

section#imovel .pesquisa_imovel_inexistente button {
  width: fit-content
}

section#imovel #imovel_descricao a {
  color: var(--branco-primario);
  width: fit-content;
}

section#imovel #imovel_botao_pagina_anterior button {
  width: fit-content;
  height: 35px;
}

/*############## favoritos ##############*/
section#favoritos {
  width: 100%;
  min-height: fit-content;
  padding: 10px 15px 25px 10px;
  background-color: var(--branco-primario);
  font-size: 1.8rem;
  font-weight: 500;
}

section#favoritos #nenhum_imovel_favorito i {
  font-size: 6rem;
  color: var(--azul-primario);
  margin-bottom: 20px;
}

section#favoritos #nenhum_imovel_favorito :nth-child(2) {
 font-size: 1.4rem;
}

section#favoritos #nenhum_imovel_favorito  button {
  width: fit-content;
}

/*############## boleto ##############*/
section#boleto {
  width: 100%;
  min-height: 500px;
  padding: 30px 15px;
  background-color: var(--branco-primario);
  font-size: 1.8rem;
  font-weight: 500;
}

section#boleto h3 {
  font-size: 3rem;
  font-weight: 700;
  color: var(--azul-primario);
}

section#boleto h4 {
  font-size: 3rem;
  font-weight: 700;
  color: var(--azul-primario);
}

section#boleto select {
  outline: none;
  height: 50px;
  padding: 0 8px;
  border: 1px solid var(--cinza-terciario);
  color: var(--cinza-primario);
  background-color: var(--branco-primario);
  border-radius: 10px;
  font-size: 2rem;
  appearance: none;
  background: url('/public/images/forms/down-arrow.png') no-repeat right center;
  background-origin: content-box;
}

section#boleto input {
  outline: none;
  width: 100%;
  height: 50px;
  color: var(--cinza-secundario)!important;
  background-color: var(--branco-primario);
  border: 1px solid var(--cinza-terciario);
  border-radius: 10px;
  font-size: 1.6rem;
  padding-left: 4px;
}

section#boleto input::placeholder {
  color: var(--cinza-primario) !important;
  padding-left: 4px;
}

section#boleto button#reloadcaptcha {
  width: 50px;
  margin-left: 20px;
}

section#boleto button i {
  font-size: 2.5rem;
  margin-right: 10px;
}

/*############## Blog ##############*/

section#blog {
  width: 100%;
  min-height: 700px;
  padding: 50px 15px;
  background-color: var(--branco-primario);
  font-size: 1.8rem;
  font-weight: 500;
}

section#blog .card {
  margin-bottom: 30px;
  border: 1px solid var(--cinza-terciario);
  max-width: 464px;
  min-height: 342px;
}

section#blog .card h3 {
  font-weight: 600;
  font-size: 1.8rem;
  margin-bottom: 10px;
  height: 90px;
  color: var(--cinza-secundario);
}

section#blog .card p {
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 15px;
}

section#blog .card-text {
  height: fit-content;
}

section#blog .card .card-body {
  padding: 10px;
}

section#blog a.blog_link_post {
  display: flex;
  width: 60%;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 5px 20px;
  transition: 0.5s;
  background-color: var(--azul-primario);
  border: 0;
  border-radius: 10px;
  font-size: 1.4rem;
  color: var(--branco-primario);
}

section#blog a.blog_link_post:hover {
  transition: 0.5s;
  background-color: transparent;
  border: 1px solid var(--azul-primario);
  color: var(--azul-primario) ;
}

section#blog .blog_links_paginacao a {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid var(--cinza-terciario);
  font-size: 1.8rem;
  transition: .2s;
}

section#blog .blog_links_paginacao a:visited {
  background-color: var(--azul-primario) ;
  color: var(--branco-primario);
}

section#blog .page-item.active .page-link {
  background-color: var(--azul-primario);
  border-color: var(--azul-primario);
}

section#blog .page-link:hover {
  color: var(--branco-primario);
  background-color: var(--azul-primario);
  border-color: var(--azul-primario);
}

section#blog .page-link:focus {
  box-shadow: none;
}

/*############## rodape ##############*/
section#blog-post {
  width: 100%;
  min-height: 700px;
  padding: 10px 15px;
  background-color: var(--branco-primario);
  font-size: 1.8rem;
  font-weight: 500;
}

section#blog-post a {
  color: var(--azul-primario);
}

section#blog-post h3 {
  font-size: 2.5rem;
  font-weight: 600;
  color: var(--azul-primario);
}

section#blog-post img {
  border-radius: 10px;
}


/*############## sobre ##############*/
section#sobre {
  width: 100%;
  min-height: 700px;
  padding: 20px 15px 50px 15px;
  background-color: var(--branco-primario);
  font-size: 1.8rem;
  font-weight: 500;
}

section#sobre h1 {
  color: var(--azul-primario);
  font-weight: 900;
  font-size: 4rem;
}

section#sobre iframe {
  width: 100%;
  height: 125%;
  border-radius: 10px;
}

/*############## sobre ##############*/
section#trabalhe-conosco {
  width: 100%;
  min-height: 700px;
  padding: 20px 15px;
  background-color: var(--branco-primario);
  font-size: 1.8rem;
  font-weight: 500;
}

section#trabalhe-conosco img {
  width: 100%;
  border-radius: 10px;
}

/*############## explorar ##############*/
section#termos {
  width: 100%;
  height: fit-content;
  padding: 25px 5px 50px 5px;
  background-color: var(--branco-primario);
  font-size: 1.6rem;
}

section#termos a {
  color: var(--azul-primario);
  font-weight: 600;
}

section#termos a.botao_primario {
  width: fit-content;
  color: var(--branco-primario);
}

/*############## rodape ##############*/

footer {
  width: 100%;
  height: fit-content;
  padding: 80px 15px;
  background-color: var(--branco-primario);
  font-size: 1.6rem;
  font-weight: 500;
}

footer img {
  width: 200px;
}

footer p {
  font-size: inherit;
  color: var(--cinza-secundario);
  font-weight: 500;
}

footer a {
  color: var(--azul-primario)!important;
}

footer a:hover {
  color: var(--azul-secundario);
}

/*############## pagina erro ##############*/

section#erro {
  width: 100%;
  height: fit-content;
  padding: 20px 15px;
  background-color: var(--branco-primario);
}

section#erro i {
  color: var(--azul-primario);
  font-size: 6rem;
  margin-bottom: 20px;
}

section#erro h2 {
  color: var(--azul-primario);
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
}

section#erro p {
  font-size: 2rem;
  text-align: center;
}

section#erro :nth-child(2) {
  margin-bottom: 10px;
}

section#erro :nth-child(3) {
  margin-bottom: 20px;
}

section#erro a {
  color: var(--branco-primario);
  width: fit-content;
}

/*##############  ##############*/

.cnl-titulo {
  font-size: 4rem;
  color: var(--azul-primario);
}

.cnl-subtitulo {
  font-size: 3rem;
  color: var(--azul-primario);
}

.cnl-texto {
  font-size: 1.8rem;
  color: var(--cinza-secundario);
}

.cnl-input-custom {
  position: relative;
}

.cnl-input-custom label {
  position: absolute;
  top: 10px;
  left: 16px;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 5px;
  color: var(--azul-primario);
}

.cnl-input-custom input{
  outline: none;
  width: 100%;
  min-height: 50px;
  padding: 10px 15px;
  border: 1px solid var(--cinza-terciario);
  border-radius: 10px;
  font-size: 1.4rem;
  padding-top: 25px;
}

.cnl-input-custom input:focus {
  border: 1px solid var(--azul-primario);
  color: var(--azul-primario);
}

.cnl-input-custom input::placeholder{
  color: var(--cinza-secundario);
}

.cnl-button-tertiary {
  display: block;
  width: 100%;
  border: 1px solid var(--cinza-terciario);
  border-radius: 10px;
  padding: 15px;
  font-size: 1.6rem;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.5s;
}

.cnl-button-tertiary:hover {
  transform: scale(1.03);
}

.cnl-button-tertiary-w-icon {
  width: 100%;
  height: 90px;
  font-size: 1.8rem;
  border: 1px solid var(--cinza-terciario);
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.5s;
}

.cnl-button-tertiary-w-icon:hover {
  transform: scale(1.03);
}

.cnl-button-tertiary-w-icon i {
  font-size:  3rem;
  margin-bottom: 5px;
}

.cnl-select {
  position: relative;
}

.cnl-select select {
  outline: none;
  width: 100%;
  height: 50px;
  padding: 10px 15px;
  border: 1px solid var(--cinza-terciario);
  border-radius: 10px;
  font-size: 1.4rem;
  padding-top: 20px;
  position: relative;
}

.cnl-select label {
  position: absolute;
  top: 8px;
  left: 28px;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 5px;
  color: var(--azul-primario);
}

/*############## Inquilino::Login ##############*/

#proprietario_login,
#proprietario_menu,
#proprietario_contratos,
#proprietario_rendimentos,
#proprietario_diapagamento,
#proprietario_historico_pagamentos,
#proprietario_imoveis_disponiveis,
#propriteraio_sem_contratos,
#proprietario_sem_dia_pagamento,
#proprietario_sem_disponiveis,
#proprietario_sem_historico,
#proprietario_sem_previsao,
#proprietario_sem_rendimentos,
#proprietario_senha,
#inquilino_login,
#inquilino_contratos,
#inquilino_menu,
#inquilino_semboleto,
#inquilino_boleto,
#inquilino_contrato,
#inquilino_pagamentos,
#inquilino_semprevisao,
#inquilino_senha,
#inquilino_previsao,
#inquilino_sempagamento {
  min-height: 480px;
  background-color: var(--branco-primario);
  padding: 20px 15px;
}

/*############## Proprietario::Diapagamento ##############*/
#proprietario_diapagamento .cnl-button-tertiary .proprietario_card_titulo {
  color: var(--azul-primario);
  font-weight: 500;
  font-size: 1.6rem;
}

#proprietario_diapagamento .cnl-button-tertiary .botao_primario {
  font-size: 1.2rem;
  width: fit-content;
  height: 30px;
  color: var(--branco-primario);
}

/*############## Proprietario::Historico_pagamentos ##############*/
#proprietario_historico_pagamentos .cnl-button-tertiary .proprietario_card_titulo {
  color: var(--azul-primario);
  font-weight: 500;
  font-size: 1.8rem;
}

#proprietario_historico_pagamentos .cnl-button-tertiary .proprietario_card_info {
  font-size: 1.3rem;
}

#proprietario_historico_pagamentos .cnl-button-tertiary .botao_primario {
  font-size: 1.2rem;
  width: fit-content;
  height: 30px;
  color: var(--branco-primario);
}

/*############## Proprietario::Disponíveis ##############*/
#proprietario_imoveis_disponiveis .proprietario_card_titulo {
  color: var(--azul-primario);
  font-weight: 500;
  font-size: 1.8rem;
}

#proprietario_imoveis_disponiveis .proprietario_card_info {
  font-size: 1.3rem;
}

#proprietario_imoveis_disponiveis .cnl-button-tertiary .botao_primario {
  font-size: 1.2rem;
  width: fit-content;
  height: 30px;
  color: var(--branco-primario);
}

/*############## Inquilino::Semboleto ##############*/
#inquilino_semboleto a {
  color: var(--branco-primario);
}

/*############## Inquilino::Contrato ##############*/
#inquilino_contratos .cnl-button-tertiary {
  cursor: pointer;
}

/*############## Inquilino::Previsao ##############*/
#inquilino_previsao {
  font-size: 1.6rem;
}

/*############## Banner promocional ##############*/
.comercialJmBanner{
  cursor: pointer;
  background: linear-gradient(90deg, rgba(10,10,10,1) 75%, rgba(230,151,47,1) 100%);
  width: 100vw;
  position: fixed;
  bottom: 0;
  z-index: 99998;
  color: #000 !important;
  .borda{
    border: 0.3rem solid #fff0b2;
    border-radius: 2.2rem;
  }
}

.fecharBanner{
  color: #fff;
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  z-index: 99999;
  font-size: 3rem;
  cursor: pointer;
}
.fecharBanner:hover{
  color: #000;
}

.novoEscritorio{
  font-family: Montserrat;
  color: #fff;
}

.comercialJmLogo{
  width: 27rem;
}

@media screen and (max-width: 530px) {
  .comercialJmBanner{
    background: linear-gradient(90deg, rgba(10,10,10,1) 50%, rgba(230,151,47,1) 100%);
  }
  .novoEscritorio h2{
    font-size: 1.8rem !important;
  }
  .estaAqui{
    font-size: 1.5rem !important;
  }
  .comercialJmLogo{
    width: 19rem;
  }
}

.novoEscritorio h2{
  font-weight: 300;
  font-size: 3rem;
}

.novoEscritorio strong{
  color: #e6972f;
}

.estaAqui{
  font-weight: 500;
  font-size: 2.3rem;
  background-color: #000;
}

.exclusivo{
  color: #000;
}

.beneficio{
  font-size: 1.2rem;
  color: #fff;
}

.ctaJm{
  color: #fff;
  font-weight: 700;
}

.cta{
  animation: highlight 1s ease infinite ;
}

.cta:hover{
  color: #000;
}

@keyframes highlight{
  0%{
    scale: 1;
  }
  50%{
    scale: 1.037;
  }
  100%{
    scale: 1;
  }
}

/**

/*############## media queries ##############*/
@media screen and (max-width: 575px) {
  
}

@media screen and (min-width: 576px) {
  #form_mobile {
    width: 100%;
  }

  section#lancamentos .card .card-body p:nth-child(3),
  section#lancamentos .card .card-body p:nth-child(4){
    font-size: 1.4rem;
  }

  section#boleto .col-12:nth-child(3) :nth-child(2) {
    font-size: 2rem;
  }
}

@media screen and (min-width: 768px) {
  header .row:nth-child(3) h1 {
    font-size: 5rem;
    width: 400px;
    line-height: 55px;
  }

  header .row:nth-child(3) p {
    font-size: 1.5rem;
  }

  section#lancamentos .card .card-body p:nth-child(3),
  section#lancamentos .card .card-body p:nth-child(4){
    font-size: 1.6rem;
  }

  section#cta_proprietario form {
    width: 400px;
  }

  section#cta_proprietario .col-12:nth-child(1) div > div {
    width: 530px;
  }

  section#cta_proprietario_v2 form {
    width: 400px;
  }

  section#cta_proprietario_v2 .col-12:nth-child(1) div > div {
    width: 530px;
  }

  section#imovel .card .card-body p:nth-child(1),
  section#imovel .card .card-body p:nth-child(2){
    font-size: 1.6rem;
  }

  section#imovel .card .card-body p:nth-child(3),
  section#imovel .card .card-body p:nth-child(4){
    font-size: 1.4rem;
  }

  section#favoritos button {
    width: 150px;
  }
}

@media screen and (min-width: 992px) {
  #form_desktop {
    display: flex !important;
  }

  #nav_desktop button {
    font-size: 1.2rem;
    color: var(--branco-primario);
    font-weight: 600;
  }

  header .row:nth-child(3) h1 {
    font-size: 6rem;
    width: 700px;
    line-height: 70px;
  }

  header .row:nth-child(3) p {
    font-size: 1.6rem;
  }

  section#lancamentos h2 {
    font-size: 4.5rem;
  }

  section#lancamentos h3 {
    font-size: 2rem;
  }

  section#lancamentos .card .card-body p:nth-child(3),
  section#lancamentos .card .card-body p:nth-child(4){
    font-size: 1.3rem;
  }

  section#cta_proprietario h2 {
    font-size: 4.5rem;
  }

  section#cta_proprietario h3 {
    font-size: 2rem;
  }

  section#cta_proprietario_v2 h2 {
    font-size: 4.5rem;
  }

  section#cta_proprietario_v2 h3 {
    font-size: 2rem;
  }

  section#faleconosco a {
    width: 150px;
  }

  section#duvidas .duvidas-titulo {
    font-size: 3rem;
    width: 450px;
  }

  section#pesquisa .card .badge {
    font-size: 1rem;
  }

  section#pesquisa .botao_primario {
    padding: 5px 20px;
    font-size: 1.2rem;
  }

  section#imovel .card .badge {
    font-size: 1rem;
  }

  section#imovel .card .card-body p:nth-child(1),
  section#imovel .card .card-body p:nth-child(2){
    font-size: 1.4rem;
  }

  section#imovel .card .card-body p:nth-child(3),
  section#imovel .card .card-body p:nth-child(4){
    font-size: 1.3rem;
  }

  section#imovel .botao_primario {
    padding: 5px 20px;
    font-size: 1.3rem;
  }

  section#imovel .container .row:nth-child(1) .col-12:nth-child(2) span {
    font-size: 1.2rem;
  }

  section#pesquisa .botao_pesquisar_novamente_desktop p, section#pesquisa .botao_filtrar_desktop p {
    font-size: 1rem;
  }

  section#blog-post h3 {
    font-size: 4rem;
  }

  section#sobre iframe {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }

  #imoveis-nada-encontrado {
    margin-top: 130px;
  }

  #proprietario_contratos .botao_primario,
  #proprietario_rendimentos .botao_primario,
  #proprietario_diapagamento .botao_primario,
  #proprietario_historico_pagamentos .botao_primario,
  #proprietario_imoveis_disponiveis .botao_primario,
  #proprietario_sem_contratos .botao_primario,
  #proprietario_sem_dia_pagamento .botao_primario,
  #proprietario_sem_disponiveis  .botao_primario,
  #proprietario_sem_previsao .botao_primario,
  #proprietario_sem_historico .botao_primario,
  #proprietario_sem_rendimentos .botao_primario,
  #inquilino_semboleto .botao_primario,
  #inquilino_boleto .botao_primario,
  #inquilino_contrato .botao_primario,
  #inquilino_semprevisao .botao_primario,
  #inquilino_previsao .botao_primario,
  #inquilino_sempagamento .botao_primario,
  #inquilino_pagamentos .botao_primario {
    width: fit-content;
    color: var(--branco-primario);
  }
}

@media screen and (min-width: 1200px) {
  header .row:nth-child(3) h1 {
    font-size: 6rem;
    width: 800px;
    line-height: 75px;
  }

  header .row:nth-child(3) p {
    font-size: 1.8rem;
  }

  #nav_desktop button {
    font-size: 1.7rem;
    color: var(--branco-primario);
    font-weight: 600;
  }

  #nav_desktop .menu-item,
  #nav_desktop a {
    font-size: 1.6rem;
  }

  section#lancamentos .card .card-body p:nth-child(3),
  section#lancamentos .card .card-body p:nth-child(4){
    font-size: 1.6rem;
  }

  section#pesquisa .card .badge {
    font-size: 1.2rem;
  }

  section#boleto .container .row .col-12:nth-child(2) .row {
    margin-right: 150px;
  }

  section#imovel .card .badge {
    font-size: 1.2rem;
  }

  section#imovel .container .row:nth-child(1) .col-12:nth-child(2) span {
    font-size: 1.5rem;
  }

  section#imovel .card .card-body p:nth-child(1),
  section#imovel .card .card-body p:nth-child(2){
    font-size: 1.6rem;
  }

  section#imovel .card .card-body p:nth-child(3),
  section#imovel .card .card-body p:nth-child(4){
    font-size: 1.4rem;
  }

  section#pesquisa .botao_pesquisar_novamente_desktop p, section#pesquisa .botao_filtrar_desktop p {
    font-size: 1.4rem;
  }

  section#blog-post button {
    width: 20%;
  }
}

@media screen and (min-width: 1400px) {
  section#pesquisa .card .card-body p:nth-child(1),
  section#pesquisa .card .card-body p:nth-child(2){
    font-size: 1.6rem;
  }

  section#pesquisa .card .card-body p:nth-child(3),
  section#pesquisa .card .card-body p:nth-child(4){
    font-size: 1.6rem;
  }
}