@media only screen and (min-width: 320px) and (max-width: 359px) {

header#jhs__lancamento {  width: 100%;  height: 120px; padding: 1rem 0.5rem;  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   position: relative;  transition: all 0.3s ease;  }
header#jhs__lancamento.sticky {  position: fixed;  top: 0;  left: 0;  z-index: 1000;  height: 120px; /* mantém altura */  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
header#jhs__lancamento div.header__container {  padding: 0 1rem;  width: 100%;  max-width: 1200px;  height: 100%;  margin: 0 auto;  display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between; }
header#jhs__lancamento div.header__container div.container__link__social {  width: 100%;  height: 40px;  padding: 15px 0px;  display: flex;  justify-content: right;}header#jhs__lancamento div.header__container div.container__link__social nav ul {  display: flex;  gap: 30px; }
header#jhs__lancamento div.header__container div.container__link__social nav ul li a {  color: #fff;  font-size: 16px; }
header#jhs__lancamento div.header__container div.container__links__pages {  width: 100%;  height: 100%;  justify-content: space-between;  display: flex;}
header#jhs__lancamento div.header__container div.container__links__pages a figure img {  width: 60px;  height: 90px;  position: absolute;  top: -10px;  transition: all 0.3s ease; }
header#jhs__lancamento.sticky div.header__container div.container__links__pages a figure img {  width: 60px;  /* não reduz mais */  height: 90px;  top: -15px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul {  display: flex;  align-items: center;  justify-content: center;  gap: 10px;  padding: 1.2rem 0; margin-top: 5px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul li a {  color: #fff;  font-weight: 600;  font-size: 12px; }

/* BOTÃO MENU EM DISPLAY NONE NO MODAL */
div.botaoMenu { display: none; }
div.botaoFiltros { display: none; }
.modal { display: none; }
.hidden { display: none; }
div.modal__filtro__container { display: none; }

/* ===== Layout do card ===== */
section#anuncio__imoveis {  padding:  1rem; }

section#anuncio__imoveis  div.container__dados__anuncio {  max-width: 820px;  margin: 0 auto;  background: #fff;  padding: 2rem 1rem; border-radius: 16px;  box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
section#anuncio__imoveis  div.container__dados__anuncio  h1 { margin: 0 0 16px;  font-size: 1rem;  font-weight: 600;  color:  #313443 }
section#anuncio__imoveis  div.container__dados__anuncio div.dados__anuncio h2 {  margin: 24px 0 8px;  font-size: 0.8rem; line-height: 15px;  font-weight: 600;  color: #2c2c2c;  border-left: 4px solid #313443;  padding-left: 10px; }

/* ===== Inputs e selects ===== */
label {  display: block;  margin-top: 16px;  font-size: 0.8rem;  color: #555; }
input, select {  width: 100%;  padding: 12px 14px;  margin-top: 16px;  border-radius: 10px;  border: 1px solid #ddd;  background: #fafafa;  font-size: 13px;  transition: all .2s ease; }
input:focus, select:focus {  outline: none;  border-color: #7C6048;  background: #fff;  box-shadow: 0 0 0 3px rgba(124,96,72,0.15);}
::placeholder { color:#9a9a9a; font-size: 10px; }

/* ===== Botões ===== */
.btn {  display: inline-flex;  align-items: center;  justify-content: center;  gap: .5rem;  padding: 14px 18px;  border-radius: 12px;  border: none;  font-weight: 700;  cursor: pointer;  transition: all .25s ease; margin-top: 15px;}
.btn-primary {  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat; color: #fff;  box-shadow: 0 4px 12px rgba(0,0,0,.12);}
.btn-primary:hover { transform: translateY(-1px); }
/* Submit ocupa 100% */
.btn-submit { width: 100%; margin-top: 24px; }
/* ===== Operações (Venda/Aluguel) ===== */
.value__operacao {  display: flex;  flex-wrap: wrap;  gap: 12px;  margin: 8px 0 4px; }
.value__operacao span {  display: inline-flex;  align-items: center;  gap: 8px;  padding: 10px 18px;  border-radius: 12px;  border: 1px solid #ddd;  background: #fafafa;  cursor: pointer;  transition: all .2s ease;  user-select: none;}
.value__operacao span p {  font-size: 14px;  }
.value__operacao span:hover {  border-color: #7C6048;  background: #f3ede9;}
.value__operacao span.ativo {  background: #4CAF50;  color: #fff;  border-color: #388E3C;}
.value__operacao input { display: none; }
/* ===== Linha de CEP (corrigido) ===== */
.cep__container__botao {  display: grid;  grid-template-columns: 1fr auto;  gap: 12px;  align-items: center;  margin-top: 10px;}
.cep__container__botao .btn { width: auto; }
/* ===== Endereço: número + complemento lado a lado ===== */
.endereco__container { margin-top: 10px; }
.container__num__complemento {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 12px;  }

}

@media only screen and (min-width: 360px) and (max-width: 729px) {

header#jhs__lancamento {  width: 100%;  height: 120px; padding: 1rem 0.5rem;  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  position: relative;  transition: all 0.3s ease;  }
header#jhs__lancamento.sticky {  position: fixed;  top: 0;  left: 0;  z-index: 1000;  height: 120px; /* mantém altura */  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
header#jhs__lancamento div.header__container {  padding: 0 1rem;  width: 100%;  max-width: 1200px;  height: 100%;  margin: 0 auto;  display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between; }
header#jhs__lancamento div.header__container div.container__link__social {  width: 100%;  height: 40px;  padding: 15px 0px;  display: flex;  justify-content: right;}header#jhs__lancamento div.header__container div.container__link__social nav ul {  display: flex;  gap: 30px; }
header#jhs__lancamento div.header__container div.container__link__social nav ul li a {  color: #fff;  font-size: 16px; }
header#jhs__lancamento div.header__container div.container__links__pages {  width: 100%;  height: 100%;  justify-content: space-between;  display: flex;}
header#jhs__lancamento div.header__container div.container__links__pages a figure img {  width: 60px;  height: 90px;  position: absolute;  top: -10px;  transition: all 0.3s ease; }
header#jhs__lancamento.sticky div.header__container div.container__links__pages a figure img {  width: 60px;  /* não reduz mais */  height: 90px;  top: -15px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul {  display: flex;  align-items: center;  justify-content: center;  gap: 20px;  padding: 1.2rem 0; margin-top: 5px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul li a {  color: #fff;  font-weight: 600;  font-size: 14px; }

/* BOTÃO MENU EM DISPLAY NONE NO MODAL */
div.botaoMenu { display: none; }
div.botaoFiltros { display: none; }
.modal { display: none; }
.hidden { display: none; }
div.modal__filtro__container { display: none; }

/* ===== Layout do card ===== */
section#anuncio__imoveis {  padding:  2rem 1rem; }

section#anuncio__imoveis  div.container__dados__anuncio {  max-width: 820px;  margin: 0 auto;  background: #fff;  padding: 2rem 1rem; border-radius: 16px;  box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
section#anuncio__imoveis  div.container__dados__anuncio  h1 { margin: 0 0 16px;  font-size: 1.3rem;  font-weight: 600;  color:  #313443 }
section#anuncio__imoveis  div.container__dados__anuncio div.dados__anuncio h2 {  margin: 24px 0 8px;  font-size: 0.9rem; line-height: 20px;  font-weight: 600;  color: #2c2c2c;  border-left: 4px solid #313443;  padding-left: 10px; }

/* ===== Inputs e selects ===== */
label {  display: block;  margin-top: 16px;  font-size: 0.95rem;  color: #555; }
input, select {  width: 100%;  padding: 12px 14px;  margin-top: 16px;  border-radius: 10px;  border: 1px solid #ddd;  background: #fafafa;  font-size: 15px;  transition: all .2s ease; }
input:focus, select:focus {  outline: none;  border-color: #7C6048;  background: #fff;  box-shadow: 0 0 0 3px rgba(124,96,72,0.15);}
::placeholder { color:#9a9a9a; font-size: 14px; }

/* ===== Botões ===== */
.btn {  display: inline-flex;  align-items: center;  justify-content: center;  gap: .5rem;  padding: 14px 18px;  border-radius: 12px;  border: none;  font-weight: 700;  cursor: pointer;  transition: all .25s ease; margin-top: 15px;}
.btn-primary {  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   color: #fff;  box-shadow: 0 4px 12px rgba(0,0,0,.12);}
.btn-primary:hover { transform: translateY(-1px); }
/* Submit ocupa 100% */
.btn-submit { width: 100%; margin-top: 24px; }
/* ===== Operações (Venda/Aluguel) ===== */
.value__operacao {  display: flex;  flex-wrap: wrap;  gap: 12px;  margin: 8px 0 4px; }
.value__operacao span {  display: inline-flex;  align-items: center;  gap: 8px;  padding: 10px 18px;  border-radius: 12px;  border: 1px solid #ddd;  background: #fafafa;  cursor: pointer;  transition: all .2s ease;  user-select: none;}
.value__operacao span:hover {  border-color: #7C6048;  background: #f3ede9;}
.value__operacao span.ativo {  background: #4CAF50;  color: #fff;  border-color: #388E3C;}
.value__operacao input { display: none; }
/* ===== Linha de CEP (corrigido) ===== */
.cep__container__botao {  display: grid;  grid-template-columns: 1fr auto;  gap: 12px;  align-items: center;  margin-top: 10px;}
.cep__container__botao .btn { width: auto; }
/* ===== Endereço: número + complemento lado a lado ===== */
.endereco__container { margin-top: 10px; }
.container__num__complemento {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 12px; }


}

@media only screen and (min-width: 730px) and (max-width: 767px) {

header#jhs__lancamento {  width: 100%;  height: 120px; padding: 0 2rem; background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  position: relative;  transition: all 0.3s ease;  }
header#jhs__lancamento.sticky {  position: fixed;  top: 0;  left: 0;  z-index: 1000;  height: 120px; /* mantém altura */  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
header#jhs__lancamento div.header__container {  padding: 0 1rem;  width: 100%;  max-width: 1200px;  height: 100%;  margin: 0 auto;  display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between; }
header#jhs__lancamento div.header__container div.container__link__social {  width: 100%;  height: 40px;  padding: 20px 0px;  display: flex;  justify-content: right;}header#jhs__lancamento div.header__container div.container__link__social nav ul {  display: flex;  gap: 30px; }
header#jhs__lancamento div.header__container div.container__link__social nav ul li a {  color: #fff;  font-size: 16px; }
header#jhs__lancamento div.header__container div.container__links__pages {  width: 100%;  height: 100%;  justify-content: space-between;  display: flex;}
header#jhs__lancamento div.header__container div.container__links__pages a figure img {  width: 100px;  height: 150px;  position: absolute;  top: -20px;  transition: all 0.3s ease; }
header#jhs__lancamento.sticky div.header__container div.container__links__pages a figure img {  width: 100px;  /* não reduz mais */  height: 150px;  top: -20px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul {  display: flex;  align-items: center;  justify-content: center;  gap: 40px;  padding: 1.2rem 0; margin-top: 6px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul li a {  color: #fff;  font-weight: 600;  font-size: 16px; }

/* BOTÃO MENU EM DISPLAY NONE NO MODAL */
div.botaoMenu { display: none; }
div.botaoFiltros { display: none; }
.modal { display: none; }
.hidden { display: none; }
div.modal__filtro__container { display: none; }

/* ===== Layout do card ===== */
section#anuncio__imoveis {  padding: 32px; }

section#anuncio__imoveis  div.container__dados__anuncio {  max-width: 820px;  margin: 0 auto;  background: #fff;  padding: 32px; border-radius: 16px;  box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
section#anuncio__imoveis  div.container__dados__anuncio  h1 { margin: 0 0 16px;  font-size: 1.6rem;  font-weight: 600;  color:  #313443 }
section#anuncio__imoveis  div.container__dados__anuncio div.dados__anuncio h2 {  margin: 24px 0 8px;  font-size: 1.15rem;  font-weight: 600;  color: #2c2c2c;  border-left: 4px solid #313443;  padding-left: 10px; }

/* ===== Inputs e selects ===== */
label {  display: block;  margin-top: 16px;  font-size: 0.95rem;  color: #555; }
input, select {  width: 100%;  padding: 12px 14px;  margin-top: 16px;  border-radius: 10px;  border: 1px solid #ddd;  background: #fafafa;  font-size: 15px;  transition: all .2s ease; }
input:focus, select:focus {  outline: none;  border-color: #7C6048;  background: #fff;  box-shadow: 0 0 0 3px rgba(124,96,72,0.15);}
::placeholder { color:#9a9a9a; }

/* ===== Botões ===== */
.btn {  display: inline-flex;  align-items: center;  justify-content: center;  gap: .5rem;  padding: 14px 18px;  border-radius: 12px;  border: none;  font-weight: 700;  cursor: pointer;  transition: all .25s ease; margin-top: 15px;}
.btn-primary {  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff;  box-shadow: 0 4px 12px rgba(0,0,0,.12);}
.btn-primary:hover { transform: translateY(-1px); }
/* Submit ocupa 100% */
.btn-submit { width: 100%; margin-top: 24px; }
/* ===== Operações (Venda/Aluguel) ===== */
.value__operacao {  display: flex;  flex-wrap: wrap;  gap: 12px;  margin: 8px 0 4px; }
.value__operacao span {  display: inline-flex;  align-items: center;  gap: 8px;  padding: 10px 18px;  border-radius: 12px;  border: 1px solid #ddd;  background: #fafafa;  cursor: pointer;  transition: all .2s ease;  user-select: none;}
.value__operacao span:hover {  border-color: #7C6048;  background: #f3ede9;}
.value__operacao span.ativo {  background: #4CAF50;  color: #fff;  border-color: #388E3C;}
.value__operacao input { display: none; }
/* ===== Linha de CEP (corrigido) ===== */
.cep__container__botao {  display: grid;  grid-template-columns: 1fr auto;  gap: 12px;  align-items: center;  margin-top: 10px;}
.cep__container__botao .btn { width: auto; }
/* ===== Endereço: número + complemento lado a lado ===== */
.endereco__container { margin-top: 10px; }
.container__num__complemento {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 12px; }


}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

header#jhs__lancamento {  width: 100%;  height: 120px; padding: 0 2rem;  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  position: relative;  transition: all 0.3s ease;  }
header#jhs__lancamento.sticky {  position: fixed;  top: 0;  left: 0;  z-index: 1000;  height: 120px; /* mantém altura */  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
header#jhs__lancamento div.header__container {  padding: 0 1rem;  width: 100%;  max-width: 1200px;  height: 100%;  margin: 0 auto;  display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between; }
header#jhs__lancamento div.header__container div.container__link__social {  width: 100%;  height: 40px;  padding: 20px 0px;  display: flex;  justify-content: right;}header#jhs__lancamento div.header__container div.container__link__social nav ul {  display: flex;  gap: 30px; }
header#jhs__lancamento div.header__container div.container__link__social nav ul li a {  color: #fff;  font-size: 16px; }
header#jhs__lancamento div.header__container div.container__links__pages {  width: 100%;  height: 100%;  justify-content: space-between;  display: flex;}
header#jhs__lancamento div.header__container div.container__links__pages a figure img {  width: 100px;  height: 150px;  position: absolute;  top: -20px;  transition: all 0.3s ease; }
header#jhs__lancamento.sticky div.header__container div.container__links__pages a figure img {  width: 100px;  /* não reduz mais */  height: 150px;  top: -20px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul {  display: flex;  align-items: center;  justify-content: center;  gap: 40px;  padding: 1.2rem 0; margin-top: 6px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul li a {  color: #fff;  font-weight: 600;  font-size: 16px; }

/* BOTÃO MENU EM DISPLAY NONE NO MODAL */
div.botaoMenu { display: none; }
div.botaoFiltros { display: none; }
.modal { display: none; }
.hidden { display: none; }
div.modal__filtro__container { display: none; }

/* ===== Layout do card ===== */
section#anuncio__imoveis {  padding: 32px; }

section#anuncio__imoveis  div.container__dados__anuncio {  max-width: 820px;  margin: 0 auto;  background: #fff;  padding: 32px; border-radius: 16px;  box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
section#anuncio__imoveis  div.container__dados__anuncio  h1 { margin: 0 0 16px;  font-size: 1.6rem;  font-weight: 600;  color:  #313443 }
section#anuncio__imoveis  div.container__dados__anuncio div.dados__anuncio h2 {  margin: 24px 0 8px;  font-size: 1.15rem;  font-weight: 600;  color: #2c2c2c;  border-left: 4px solid #313443;  padding-left: 10px; }

/* ===== Inputs e selects ===== */
label {  display: block;  margin-top: 16px;  font-size: 0.95rem;  color: #555; }
input, select {  width: 100%;  padding: 12px 14px;  margin-top: 16px;  border-radius: 10px;  border: 1px solid #ddd;  background: #fafafa;  font-size: 15px;  transition: all .2s ease; }
input:focus, select:focus {  outline: none;  border-color: #7C6048;  background: #fff;  box-shadow: 0 0 0 3px rgba(124,96,72,0.15);}
::placeholder { color:#9a9a9a; }

/* ===== Botões ===== */
.btn {  display: inline-flex;  align-items: center;  justify-content: center;  gap: .5rem;  padding: 14px 18px;  border-radius: 12px;  border: none;  font-weight: 700;  cursor: pointer;  transition: all .25s ease; margin-top: 15px;}
.btn-primary {  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff;  box-shadow: 0 4px 12px rgba(0,0,0,.12);}
.btn-primary:hover { transform: translateY(-1px); }
/* Submit ocupa 100% */
.btn-submit { width: 100%; margin-top: 24px; }
/* ===== Operações (Venda/Aluguel) ===== */
.value__operacao {  display: flex;  flex-wrap: wrap;  gap: 12px;  margin: 8px 0 4px; }
.value__operacao span {  display: inline-flex;  align-items: center;  gap: 8px;  padding: 10px 18px;  border-radius: 12px;  border: 1px solid #ddd;  background: #fafafa;  cursor: pointer;  transition: all .2s ease;  user-select: none;}
.value__operacao span:hover {  border-color: #7C6048;  background: #f3ede9;}
.value__operacao span.ativo {  background: #4CAF50;  color: #fff;  border-color: #388E3C;}
.value__operacao input { display: none; }
/* ===== Linha de CEP (corrigido) ===== */
.cep__container__botao {  display: grid;  grid-template-columns: 1fr auto;  gap: 12px;  align-items: center;  margin-top: 10px;}
.cep__container__botao .btn { width: auto; }
/* ===== Endereço: número + complemento lado a lado ===== */
.endereco__container { margin-top: 10px; }
.container__num__complemento {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 12px; }

}

@media only screen and (min-width: 1024px) and (max-width: 1365px) {

header#jhs__lancamento {  width: 100%;  height: 120px; padding: 0 2rem;  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   position: relative;  transition: all 0.3s ease;  }
header#jhs__lancamento.sticky {  position: fixed;  top: 0;  left: 0;  z-index: 1000;  height: 120px; /* mantém altura */  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
header#jhs__lancamento div.header__container {  padding: 0 1rem;  width: 100%;  max-width: 1200px;  height: 100%;  margin: 0 auto;  display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between; }
header#jhs__lancamento div.header__container div.container__link__social {  width: 100%;  height: 40px;  padding: 20px 0px;  display: flex;  justify-content: right;}header#jhs__lancamento div.header__container div.container__link__social nav ul {  display: flex;  gap: 30px; }
header#jhs__lancamento div.header__container div.container__link__social nav ul li a {  color: #fff;  font-size: 16px; }
header#jhs__lancamento div.header__container div.container__links__pages {  width: 100%;  height: 100%;  justify-content: space-between;  display: flex;}
header#jhs__lancamento div.header__container div.container__links__pages a figure img {  width: 100px;  height: 150px;  position: absolute;  top: -20px;  transition: all 0.3s ease; }
header#jhs__lancamento.sticky div.header__container div.container__links__pages a figure img {  width: 100px;  /* não reduz mais */  height: 150px;  top: -20px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul {  display: flex;  align-items: center;  justify-content: center;  gap: 70px;  padding: 1.2rem 0; margin-top: 6px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul li a {  color: #fff;  font-weight: 600;  font-size: 16px; }

/* BOTÃO MENU EM DISPLAY NONE NO MODAL */
div.botaoMenu { display: none; }
div.botaoFiltros { display: none; }
.modal { display: none; }
.hidden { display: none; }
div.modal__filtro__container { display: none; }

/* ===== Layout do card ===== */
section#anuncio__imoveis {  padding: 32px; }

section#anuncio__imoveis  div.container__dados__anuncio {  max-width: 820px;  margin: 0 auto;  background: #fff;  padding: 32px; border-radius: 16px;  box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
section#anuncio__imoveis  div.container__dados__anuncio  h1 { margin: 0 0 16px;  font-size: 1.6rem;  font-weight: 600;  color:  #313443 }
section#anuncio__imoveis  div.container__dados__anuncio div.dados__anuncio h2 {  margin: 24px 0 8px;  font-size: 1.15rem;  font-weight: 600;  color: #2c2c2c;  border-left: 4px solid #313443;  padding-left: 10px; }

/* ===== Inputs e selects ===== */
label {  display: block;  margin-top: 16px;  font-size: 0.95rem;  color: #555; }
input, select {  width: 100%;  padding: 12px 14px;  margin-top: 6px;  border-radius: 10px;  border: 1px solid #ddd;  background: #fafafa;  font-size: 15px;  transition: all .2s ease; }
input:focus, select:focus {  outline: none;  border-color: #7C6048;  background: #fff;  box-shadow: 0 0 0 3px rgba(124,96,72,0.15);}
::placeholder { color:#9a9a9a; }

/* ===== Botões ===== */
.btn {  display: inline-flex;  align-items: center;  justify-content: center;  gap: .5rem;  padding: 12px 18px;  border-radius: 12px;  border: none;  font-weight: 700;  cursor: pointer;  transition: all .25s ease;}
.btn-primary {  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   color: #fff;  box-shadow: 0 4px 12px rgba(0,0,0,.12);}
.btn-primary:hover { transform: translateY(-1px); }
/* Submit ocupa 100% */
.btn-submit { width: 100%; margin-top: 24px; }
/* ===== Operações (Venda/Aluguel) ===== */
.value__operacao {  display: flex;  flex-wrap: wrap;  gap: 12px;  margin: 8px 0 4px; }
.value__operacao span {  display: inline-flex;  align-items: center;  gap: 8px;  padding: 10px 18px;  border-radius: 12px;  border: 1px solid #ddd;  background: #fafafa;  cursor: pointer;  transition: all .2s ease;  user-select: none;}
.value__operacao span:hover {  border-color: #7C6048;  background: #f3ede9;}
.value__operacao span.ativo {  background: #4CAF50;  color: #fff;  border-color: #388E3C;}
.value__operacao input { display: none; }
/* ===== Linha de CEP (corrigido) ===== */
.cep__container__botao {  display: grid;  grid-template-columns: 1fr auto;  gap: 12px;  align-items: center;  margin-top: 10px;}
.cep__container__botao .btn { width: auto; }
/* ===== Endereço: número + complemento lado a lado ===== */
.endereco__container { margin-top: 10px; }
.container__num__complemento {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 12px; }

}

@media only screen and (min-width: 1366px) and (max-width: 1599px) { 

header#jhs__lancamento {  width: 100%;  height: 120px;  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  position: relative;  transition: all 0.3s ease;  }
header#jhs__lancamento.sticky {  position: fixed;  top: 0;  left: 0;  z-index: 1000;  height: 120px; /* mantém altura */  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
header#jhs__lancamento div.header__container {  padding: 0 1rem;  width: 100%;  max-width: 1200px;  height: 100%;  margin: 0 auto;  display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between; }
header#jhs__lancamento div.header__container div.container__link__social {  width: 100%;  height: 40px;  padding: 20px 0px;  display: flex;  justify-content: right;}header#jhs__lancamento div.header__container div.container__link__social nav ul {  display: flex;  gap: 30px; }
header#jhs__lancamento div.header__container div.container__link__social nav ul li a {  color: #fff;  font-size: 16px; }
header#jhs__lancamento div.header__container div.container__links__pages {  width: 100%;  height: 100%;  justify-content: space-between;  display: flex;}
header#jhs__lancamento div.header__container div.container__links__pages a figure img {  width: 100px;  height: 150px;  position: absolute;  top: -20px;  transition: all 0.3s ease; }
header#jhs__lancamento.sticky div.header__container div.container__links__pages a figure img {  width: 100px;  /* não reduz mais */  height: 150px;  top: -20px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul {  display: flex;  align-items: center;  justify-content: center;  gap: 70px;  padding: 1.2rem 0; margin-top: 6px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul li a {  color: #fff;  font-weight: 600;  font-size: 16px; }

/* BOTÃO MENU EM DISPLAY NONE NO MODAL */
div.botaoMenu { display: none; }
div.botaoFiltros { display: none; }
.modal { display: none; }
.hidden { display: none; }
div.modal__filtro__container { display: none; }

/* ===== Layout do card ===== */
section#anuncio__imoveis {  padding: 32px; }

section#anuncio__imoveis  div.container__dados__anuncio {  max-width: 820px;  margin: 0 auto;  background: #fff;  padding: 32px; border-radius: 16px;  box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
section#anuncio__imoveis  div.container__dados__anuncio  h1 { margin: 0 0 16px;  font-size: 1.6rem;  font-weight: 600;  color:  #313443 }
section#anuncio__imoveis  div.container__dados__anuncio div.dados__anuncio h2 {  margin: 24px 0 8px;  font-size: 1.15rem;  font-weight: 600;  color: #2c2c2c;  border-left: 4px solid #313443;  padding-left: 10px; }

/* ===== Inputs e selects ===== */
label {  display: block;  margin-top: 16px;  font-size: 0.95rem;  color: #555; }
input, select {  width: 100%;  padding: 12px 14px;  margin-top: 6px;  border-radius: 10px;  border: 1px solid #ddd;  background: #fafafa;  font-size: 15px;  transition: all .2s ease; }
input:focus, select:focus {  outline: none;  border-color: #7C6048;  background: #fff;  box-shadow: 0 0 0 3px rgba(124,96,72,0.15);}
::placeholder { color:#9a9a9a; }

/* ===== Botões ===== */
.btn {  display: inline-flex;  align-items: center;  justify-content: center;  gap: .5rem;  padding: 12px 18px;  border-radius: 12px;  border: none;  font-weight: 700;  cursor: pointer;  transition: all .25s ease;}
.btn-primary {  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff;  box-shadow: 0 4px 12px rgba(0,0,0,.12);}
.btn-primary:hover { transform: translateY(-1px); }
/* Submit ocupa 100% */
.btn-submit { width: 100%; margin-top: 24px; }
/* ===== Operações (Venda/Aluguel) ===== */
.value__operacao {  display: flex;  flex-wrap: wrap;  gap: 12px;  margin: 8px 0 4px; }
.value__operacao span {  display: inline-flex;  align-items: center;  gap: 8px;  padding: 10px 18px;  border-radius: 12px;  border: 1px solid #ddd;  background: #fafafa;  cursor: pointer;  transition: all .2s ease;  user-select: none;}
.value__operacao span:hover {  border-color: #7C6048;  background: #f3ede9;}
.value__operacao span.ativo {  background: #4CAF50;  color: #fff;  border-color: #388E3C;}
.value__operacao input { display: none; }
/* ===== Linha de CEP (corrigido) ===== */
.cep__container__botao {  display: grid;  grid-template-columns: 1fr auto;  gap: 12px;  align-items: center;  margin-top: 10px;}
.cep__container__botao .btn { width: auto; }
/* ===== Endereço: número + complemento lado a lado ===== */
.endereco__container { margin-top: 10px; }
.container__num__complemento {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 12px; }

}

@media only screen and (min-width: 1600px)  {

header#jhs__lancamento {  width: 100%;  height: 120px;  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   position: relative;  transition: all 0.3s ease;  }
header#jhs__lancamento.sticky {  position: fixed;  top: 0;  left: 0;  z-index: 1000;  height: 120px; /* mantém altura */  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
header#jhs__lancamento div.header__container {  padding: 0 1rem;  width: 100%;  max-width: 1200px;  height: 100%;  margin: 0 auto;  display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between; }
header#jhs__lancamento div.header__container div.container__link__social {  width: 100%;  height: 40px;  padding: 20px 0px;  display: flex;  justify-content: right;}header#jhs__lancamento div.header__container div.container__link__social nav ul {  display: flex;  gap: 30px; }
header#jhs__lancamento div.header__container div.container__link__social nav ul li a {  color: #fff;  font-size: 16px; }
header#jhs__lancamento div.header__container div.container__links__pages {  width: 100%;  height: 100%;  justify-content: space-between;  display: flex;}
header#jhs__lancamento div.header__container div.container__links__pages a figure img {  width: 100px;  height: 150px;  position: absolute;  top: -20px;  transition: all 0.3s ease; }
header#jhs__lancamento.sticky div.header__container div.container__links__pages a figure img {  width: 100px;  /* não reduz mais */  height: 150px;  top: -20px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul {  display: flex;  align-items: center;  justify-content: center;  gap: 70px;  padding: 1.2rem 0; margin-top: 6px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul li a {  color: #fff;  font-weight: 600;  font-size: 16px; }

/* BOTÃO MENU EM DISPLAY NONE NO MODAL */
div.botaoMenu { display: none; }
div.botaoFiltros { display: none; }
.modal { display: none; }
.hidden { display: none; }
div.modal__filtro__container { display: none; }

/* ===== Layout do card ===== */
section#anuncio__imoveis {  padding: 32px; }

section#anuncio__imoveis  div.container__dados__anuncio {  max-width: 820px;  margin: 0 auto;  background: #fff;  padding: 32px; border-radius: 16px;  box-shadow: 0 8px 24px rgba(0,0,0,0.08); }
section#anuncio__imoveis  div.container__dados__anuncio  h1 { margin: 0 0 16px;  font-size: 1.6rem;  font-weight: 600;  color:  #313443; }
section#anuncio__imoveis  div.container__dados__anuncio div.dados__anuncio h2 {  margin: 24px 0 8px;  font-size: 1.15rem;  font-weight: 600;  color: #2c2c2c;  border-left: 4px solid #313443;;  padding-left: 10px; }

/* ===== Inputs e selects ===== */
label {  display: block;  margin-top: 16px;  font-size: 0.95rem;  color: #555; }
input, select {  width: 100%;  padding: 12px 14px;  margin-top: 6px;  border-radius: 10px;  border: 1px solid #ddd;  background: #fafafa;  font-size: 15px;  transition: all .2s ease; }
input:focus, select:focus {  outline: none;  border-color: #7C6048;  background: #fff;  box-shadow: 0 0 0 3px rgba(124,96,72,0.15);}
::placeholder { color:#9a9a9a; }

/* ===== Botões ===== */
.btn {  display: inline-flex;  align-items: center;  justify-content: center;  gap: .5rem;  padding: 12px 18px;  border-radius: 12px;  border: none;  font-weight: 700;  cursor: pointer;  transition: all .25s ease;}
.btn-primary {  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff;  box-shadow: 0 4px 12px rgba(0,0,0,.12);}
.btn-primary:hover { transform: translateY(-1px); }
/* Submit ocupa 100% */
.btn-submit { width: 100%; margin-top: 24px; }
/* ===== Operações (Venda/Aluguel) ===== */
.value__operacao {  display: flex;  flex-wrap: wrap;  gap: 12px;  margin: 8px 0 4px; }
.value__operacao span {  display: inline-flex;  align-items: center;  gap: 8px;  padding: 10px 18px;  border-radius: 12px;  border: 1px solid #ddd;  background: #fafafa;  cursor: pointer;  transition: all .2s ease;  user-select: none;}
.value__operacao span:hover {  border-color: #7C6048;  background: #f3ede9;}
.value__operacao span.ativo {  background: #4CAF50;  color: #fff;  border-color: #388E3C;}
.value__operacao input { display: none; }
/* ===== Linha de CEP (corrigido) ===== */
.cep__container__botao {  display: grid;  grid-template-columns: 1fr auto;  gap: 12px;  align-items: center;  margin-top: 10px;}
.cep__container__botao .btn { width: auto; }
/* ===== Endereço: número + complemento lado a lado ===== */
.endereco__container { margin-top: 10px; }
.container__num__complemento {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 12px; }


}