body { background-color: #F7F6F7 ; }


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

header#jhs__lancamento {  width: 100%;  height: 100px; 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: 100px; /* 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: 22px 50px 0px 0px  ;  display: flex;  justify-content: right; display: none;}
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: 80px;  height: 100px;  position: absolute;  top: -5px;  transition: all 0.3s ease; }
header#jhs__lancamento.sticky div.header__container div.container__links__pages a figure img {  width: 80px;  /* não reduz mais */  height: 110px;  top: -8px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul {  display: none;  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; }

header#jhs__lancamento div.botao__container__menu { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0 2rem; display: flex; justify-content: space-between; align-items: center;}
header#jhs__lancamento div.botao__container__menu div.botaoFiltros {  display: flex; align-items: center; gap: 10px; }
header#jhs__lancamento div.botao__container__menu div.botaoFiltros button { color: #fff; font-size: 30px; cursor: pointer;}
header#jhs__lancamento div.botao__container__menu div.botaoFiltros button.modal__filtro { display: none; }
div.botaoMenu { display: flex; }
/* BOTÃO MENU EM DISPLAY NONE NO MODAL */
.modal { display: none; }
.hidden { display: none; }
div.modal__filtro__container { display: none; }


/* # # # # # # # # # #  - BOTÃO WHATSAPP -  # # # # # # # # # #  */
div.botao__chat__absolut { background-color: #25d366; width: 70px; padding: 3px; height: 70px; 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: 30px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }


/* Estado sticky com blur quando o header for fixado */
header#jhs__lancamento.sticky { position: sticky;  top: 0; z-index: 999; backdrop-filter: blur(10px); background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat; /* você pode ajustar isso para um tom mais escuro se preferir */ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out; }


/* --- Modal Menu Header) --- */
.modal {  position: fixed;   z-index: 9999;   left: 0;   top: 0;   width: 100%;   height: 100%;   overflow: hidden; background-color: rgba(0,0,0,0.8);  display: flex;  justify-content: flex-start;  align-items: flex-start;  opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.4s ease-out, visibility 0.4s ease-out;  }
/* Classe para esconder o modal completamente (display: none) */
.modal.hidden { display: none; }
/* Quando o modal está ativo e visível */
.modal.is-active { opacity: 1; visibility: visible; pointer-events: auto; display: flex; }
/* --- Conteúdo do Modal (o painel lateral) --- */
.modal-content { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  padding: 20px 10px; margin-top: 0;  border-radius: none; position: relative; z-index: 1; width: 80%; max-width: 400px; height: 100%;  overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);  transform: translateX(-100%); opacity: 0;  transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1),           opacity 0.6s ease-out;  margin-left: 0px;}
/* Estado final da animação do modal-content (dentro da tela) */
.modal.is-active .modal-content { transform: translateX(0); opacity: 1; }
/* --- PSEUDO-ELEMENTO para a BORDA ANIMADA (Primeira camada de borda) --- */
.modal-content::before { content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; z-index: -1; border-radius: inherit;  background: linear-gradient(45deg, var(--color-font-secund) 0%, var(--color-principal-dark) 50%, var(--color-font-secund) 100%); background-size: 200% 200%;  animation: animateBorder 3s linear infinite;  opacity: 0; transition: opacity 0.6s ease-out;  }
/* Quando o modal está ativo, a borda animada também aparece */
.modal.is-active .modal-content::before { opacity: 1; }
/* --- PSEUDO-ELEMENTO para a SEGUNDA BORDA (Cor Vermelha, Estática) --- */
.modal-content::after {  content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; z-index: -2; border-radius: inherit;  background-color: var(--color-red-danger);  opacity: 0; transition: opacity 0.6s ease-out;  }
/* Quando o modal está ativo, a segunda borda também aparece */
.modal.is-active .modal-content::after {  opacity: 1; }
/* --- Keyframes para a animação da borda gradiente --- */
@keyframes animateBorder {  0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }
/* --- Botão de Fechar --- */
.close-button { position: absolute; top: 10px; right: 20px; font-size: 25px; cursor: pointer; color: var(--color-font-secund); z-index: 1000; transition: color 0.2s ease-in-out; }
.close-button:hover { color: var(--color-red-danger); }
/* --- ESTILOS E ANIMAÇÕES PARA O CONTEÚDO INTERNO DO MODAL --- */
.modal-content header { display: flex; flex-direction: column; align-items: flex-start; gap: 60px; padding: 0rem; margin-top: -10px;   opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; transition-delay: 0.4s;}
.modal.is-active .modal-content header { opacity: 1; transform: translateY(0);  }
.modal-content header figure img { width: 100px; margin-left: 0px; }
/* Links de Navegação Mobile */
.modal-content nav.navMobileLinks ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 30px; width: 100%; margin-top: -50px; margin-left: 20px; }
.modal-content nav.navMobileLinks ul li { opacity: 0; transform: translateX(-20px); transition: opacity 0.5s ease-out, transform 0.5s ease-out; }
/* Atraso escalonado para cada item da lista */
.modal.is-active .modal-content nav.navMobileLinks ul li:nth-child(1) { transition-delay: 0.5s; }
.modal.is-active .modal-content nav.navMobileLinks ul li:nth-child(2) { transition-delay: 0.55s; }
.modal.is-active .modal-content nav.navMobileLinks ul li:nth-child(3) { transition-delay: 0.6s; }
.modal.is-active .modal-content nav.navMobileLinks ul li:nth-child(4) { transition-delay: 0.65s; }
.modal.is-active .modal-content nav.navMobileLinks ul li:nth-child(5) { transition-delay: 0.7s; }
.modal.is-active .modal-content nav.navMobileLinks ul li:nth-child(6) { transition-delay: 0.75s; }

/* Estado final da animação dos itens de lista */
.modal.is-active .modal-content nav.navMobileLinks ul li { opacity: 1; transform: translateX(0);  }
.modal-content nav.navMobileLinks ul li a { text-decoration: none; color: #fff; font-size: 1rem; display: flex; gap: 10px; align-items: center; }
.modal-content nav.navMobileLinks ul li a:hover { color: #fff; }
/* Ícones dentro dos links */
.modal-content nav.navMobileLinks ul li a i {  transform: scale(0.8); opacity: 0; transition: transform 0.3s ease-out, opacity 0.3s ease-out; }
.modal.is-active .modal-content nav.navMobileLinks ul li a i { transform: scale(1); opacity: 1; }

/* --- Ícones Sociais Mobile --- */
.modal-content nav.navMobileSocial ul { list-style: none; padding: 0; margin-top: -15px; display: flex; justify-content: center; gap: 1.5rem; margin-left: 20px;  }
.modal-content nav.navMobileSocial ul li { opacity: 0; transform: translateY(10px); transition: opacity 0.4s ease-out, transform 0.4s ease-out; }

/* Atraso escalonado para cada ícone social */
.modal.is-active .modal-content nav.navMobileSocial ul li:nth-child(1) { transition-delay: 0.8s; }
.modal.is-active .modal-content nav.navMobileSocial ul li:nth-child(2) { transition-delay: 0.85s; }
.modal.is-active .modal-content nav.navMobileSocial ul li:nth-child(3) { transition-delay: 0.9s; }
.modal.is-active .modal-content nav.navMobileSocial ul li:nth-child(4) { transition-delay: 0.95s; }
.modal.is-active .modal-content nav.navMobileSocial ul li:nth-child(5) { transition-delay: 1s; }
.modal.is-active .modal-content nav.navMobileSocial ul li {opacity: 1; transform: translateY(0); }
.modal-content nav.navMobileSocial ul li a {  text-decoration: none;  font-size: 1.2rem;  position: relative;  display: inline-block;  overflow: hidden;  line-height: 1;  color: #fff;  transition: color 0.3s ease-in-out; }

/* --- Cores originais dos Ícones e Efeito de Preenchimento NO HOVER --- */
.modal-content nav.navMobileSocial ul li a i { color: inherit;  background-size: 100% 200%; background-position: 0% 100%; transition: background-position 0.6s ease-out, color 0.3s ease-out;}

.main-content {  padding-bottom: 50px;  }
main.main-content div.main__container { width: 100%; padding: 0 1rem; height: 100%; margin: 0px auto;; }
.get-in-touch-section {   padding: 50px 0 50px;   background-color: #F7F6F7; text-align: center; }
.get-in-touch-section h1 {  font-size: 2em;  color: #333;  margin-bottom: 15px;  }
.get-in-touch-section p {   font-size: 1em;   color: #666;   max-width: 700px;   margin: 0 auto;   line-height: 1.6; }
.contact-form-section {   margin-top: -20px; }
.contact-card-wrapper {  display: flex; flex-direction: column;  background-color: #fff;  border-radius: 10px;  box-shadow: 0 5px 15px rgba(0,0,0,0.1); overflow: hidden;  }
.contact-information-card {    background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;      color: #fff;    padding: 40px 20px;  flex: 1;    display: flex;   flex-direction: column;   justify-content: center; }
.contact-information-card h2 {  font-size: 1.2em;  margin-bottom: 15px; }
.contact-information-card p {  font-size: 0.9em;  line-height: 1.5;  margin-bottom: 30px; }
.contact-info-item {   display: flex;   align-items: flex-start;    margin-bottom: 25px; }
.contact-info-item i {   font-size: 1.5em;   margin-right: 15px;  color: #fff;   width: 25px;   text-align: center; }
.contact-info-item p {   margin: 0; line-height: 1.4; font-size: 1em; }
.contact-form-card {   flex: 1.5;   padding: 40px 20px;  display: flex;  flex-direction: column;  justify-content: center; }
.contact-form .form-group {  margin-bottom: 20px; }
.contact-form label {  display: block;   font-weight: bold;   color: #555;   margin-bottom: 8px;  font-size: 0.9em;  }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {    width: 100%;    padding: 12px 15px;    border: 1px solid #ddd;    border-radius: 5px;    font-size: 1em;  box-sizing: border-box;   color: #333;  outline: none;  transition: border-color 0.3s ease; }
.contact-form input::placeholder,
.contact-form textarea::placeholder { color: #aaa; }
.contact-form input:focus,
.contact-form textarea:focus {   border-color: #007bff;  }
.contact-form textarea { resize: vertical;  }
.btn-submit {   background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;     color: #fff;   border: none;   padding: 12px 30px;   border-radius: 5px;   cursor: pointer;   font-size: 1.1em;   transition: background-color 0.3s ease; }
.btn-submit:hover {  background-color: #0056b3; }


/* ===== BUSCAS POR BAIRRO – Desktop ===== */
section#buscasBoutique { padding: 90px 20px 120px 20px; }
section#buscasBoutique div.buscas_boutique_container { max-width: 1400px; margin: 0 auto;position: relative;  }
section#buscasBoutique div.buscas_boutique_container h2 { text-align: center;font-size: 2rem; margin-bottom: 60px; color: #313443;}
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks ul { list-style: none; padding: 0; margin: 0; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks p {font-weight: 600; font-size: 1.1rem; margin-bottom: 12px; color: #313443; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks li { margin-bottom: 10px; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks a { text-decoration: none; color: #313443;;;font-size: 12px; line-height: 22px;transition: all 0.2s ease-in-out; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks a:hover { color: #cc0000; text-decoration: underline; }


footer.footer-container { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   position: relative; width: 100%; height: 100%; }
footer.footer-container div.footer__container {  width: 100%; max-width: 100%; margin: 0px auto; padding: 4rem 1rem;  }
footer.footer-container div.footer__container div.subscribe { text-align: center; padding: 0px 0px; max-width: 100%;   }
footer.footer-container div.footer__container div.subscribe p { color: #fff; font-size: 18px; line-height: 25px;}
footer.footer-container div.footer__container div.subscribe form { margin-top: 30px; display: flex; justify-content: center; gap: 8px; border-radius: 10px; width: 100%;}
footer.footer-container div.footer__container div.subscribe input[type="email"] { padding: 10px; width: 100%; border: 1px solid #fff; border-radius: 10px; }
footer.footer-container div.footer__container div.subscribe input::placeholder { color: #fff; }
footer.footer-container div.footer__container div.subscribe button { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff; padding: 15px 24px; border: none; cursor: pointer; ; border-radius: 10px; border: 1px solid #fff; }
footer.footer-container div.footer__container div.footer-main {display: flex; flex-direction: column; align-items: left; width: 100%; height: 100%; margin-top: 10px; justify-content: center; gap: 50px; }
footer.footer-container div.footer__container div.footer-main div.footer-column nav.footer__main__links ul li a { color: #fff; }
footer.footer-container div.footer__container div.footer-main div.footer-column figure { margin-top: 35px; }
footer.footer-container div.footer__container div.footer-main div.footer-column h2 { color: #fff; margin-top: 15px; padding: 0px 0px 10px 0px; }
footer.footer-container div.footer__container div.footer-main div.footer-column p { color: #fff; font-size: 12; padding: 0px 0px 10px 0px; }
footer.footer-container div.footer__container div.footer-main div.footer-column nav.footer__main__links ul {  display: flex; align-items: center; gap: 20px; padding: 10px 0px;}
footer.footer-container div.footer__container div.container__navs__links { display: flex; gap: 60px; flex-direction: column;}
footer.footer-container div.footer__container div.container__navs__links ul { display: flex; gap: 20px; flex-direction: column; }
footer.footer-container div.footer__container div.container__navs__links ul li { display: flex; gap: 15px; color: #fff; }
footer.footer-container div.footer__container div.container__navs__links ul li a.links__ancoras__links1 {  display: flex; gap: 15px; color: #fff; }
footer.footer-container div.footer__container div.container__navs__links ul li a.links__ancoras__links2 { color: #fff; display: flex; gap: 15px;}
div.desenvolvimento {  width: 100%; height: 100%; }
div.desenvolvimento p {  display: flex; align-items: center; width: 100%; height: 100%; max-width: 1440px; margin: 0 auto; font-size: 12px; justify-content: center; padding: 5px 0px; gap: 10px; color: #2A308E; }
div.desenvolvimento p a { font-size: 10px; font-weight: 700; color: #2A308E; }


}

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

header#jhs__lancamento {  width: 100%;  height: 100px; 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: 100px; /* 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: 22px 50px 0px 0px  ;  display: flex;  justify-content: right; display: none;}
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: 80px;  height: 100px;  position: absolute;  top: -5px;  transition: all 0.3s ease; }
header#jhs__lancamento.sticky div.header__container div.container__links__pages a figure img {  width: 80px;  /* não reduz mais */  height: 110px;  top: -8px; }
header#jhs__lancamento div.header__container div.container__links__pages nav ul {  display: none;  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; }

header#jhs__lancamento div.botao__container__menu { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0 2rem; display: flex; justify-content: space-between; align-items: center;}
header#jhs__lancamento div.botao__container__menu div.botaoFiltros {  display: flex; align-items: center; gap: 10px; }
header#jhs__lancamento div.botao__container__menu div.botaoFiltros button { color: #fff; font-size: 30px; cursor: pointer;}
header#jhs__lancamento div.botao__container__menu div.botaoFiltros button.modal__filtro { display: none; }
div.botaoMenu { display: flex; }
/* BOTÃO MENU EM DISPLAY NONE NO MODAL */
.modal { display: none; }
.hidden { display: none; }
div.modal__filtro__container { display: none; }


/* # # # # # # # # # #  - BOTÃO WHATSAPP -  # # # # # # # # # #  */
div.botao__chat__absolut { background-color: #25d366; width: 70px; padding: 3px; height: 70px; 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: 30px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }


/* Estado sticky com blur quando o header for fixado */
header#jhs__lancamento.sticky { position: sticky;  top: 0; z-index: 999; backdrop-filter: blur(10px); background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat; /* você pode ajustar isso para um tom mais escuro se preferir */ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out; }


/* --- Modal Menu Header) --- */
.modal {  position: fixed;   z-index: 9999;   left: 0;   top: 0;   width: 100%;   height: 100%;   overflow: hidden; background-color: rgba(0,0,0,0.8);  display: flex;  justify-content: flex-start;  align-items: flex-start;  opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.4s ease-out, visibility 0.4s ease-out;  }
/* Classe para esconder o modal completamente (display: none) */
.modal.hidden { display: none; }
/* Quando o modal está ativo e visível */
.modal.is-active { opacity: 1; visibility: visible; pointer-events: auto; display: flex; }
/* --- Conteúdo do Modal (o painel lateral) --- */
.modal-content {  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat; ;   padding: 20px; margin-top: 0;  border-radius: 10px; position: relative; z-index: 1; width: 80%; max-width: 400px; height: 100%;  overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);  transform: translateX(-100%); opacity: 0;  transition: transform 0.7s cubic-bezier(0.23, 1, 0.32, 1),           opacity 0.6s ease-out;  margin-left: 0px;}
/* Estado final da animação do modal-content (dentro da tela) */
.modal.is-active .modal-content { transform: translateX(0); opacity: 1; }
/* --- PSEUDO-ELEMENTO para a BORDA ANIMADA (Primeira camada de borda) --- */
.modal-content::before { content: ''; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; z-index: -1; border-radius: inherit;  background: linear-gradient(45deg, var(--color-font-secund) 0%, var(--color-principal-dark) 50%, var(--color-font-secund) 100%); background-size: 200% 200%;  animation: animateBorder 3s linear infinite;  opacity: 0; transition: opacity 0.6s ease-out;  }
/* Quando o modal está ativo, a borda animada também aparece */
.modal.is-active .modal-content::before { opacity: 1; }
/* --- PSEUDO-ELEMENTO para a SEGUNDA BORDA (Cor Vermelha, Estática) --- */
.modal-content::after {  content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; z-index: -2; border-radius: inherit;  background-color: var(--color-red-danger);  opacity: 0; transition: opacity 0.6s ease-out;  }
/* Quando o modal está ativo, a segunda borda também aparece */
.modal.is-active .modal-content::after {  opacity: 1; }
/* --- Keyframes para a animação da borda gradiente --- */
@keyframes animateBorder {  0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }
/* --- Botão de Fechar --- */
.close-button { position: absolute; top: 10px; right: 20px; font-size: 25px; cursor: pointer; color: var(--color-font-secund); z-index: 1000; transition: color 0.2s ease-in-out; }
.close-button:hover { color: var(--color-red-danger); }
/* --- ESTILOS E ANIMAÇÕES PARA O CONTEÚDO INTERNO DO MODAL --- */
.modal-content header { display: flex; flex-direction: column; align-items: flex-start; gap: 60px; padding: 0rem; margin-top: 30px;   opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; transition-delay: 0.4s;}
.modal.is-active .modal-content header { opacity: 1; transform: translateY(0);  }
.modal-content header figure img { width: 120px; margin-left: 0px; }
/* Links de Navegação Mobile */
.modal-content nav.navMobileLinks ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 30px; width: 100%; margin-top: -50px; margin-left: 20px; }
.modal-content nav.navMobileLinks ul li { opacity: 0; transform: translateX(-20px); transition: opacity 0.5s ease-out, transform 0.5s ease-out; }
/* Atraso escalonado para cada item da lista */
.modal.is-active .modal-content nav.navMobileLinks ul li:nth-child(1) { transition-delay: 0.5s; }
.modal.is-active .modal-content nav.navMobileLinks ul li:nth-child(2) { transition-delay: 0.55s; }
.modal.is-active .modal-content nav.navMobileLinks ul li:nth-child(3) { transition-delay: 0.6s; }
.modal.is-active .modal-content nav.navMobileLinks ul li:nth-child(4) { transition-delay: 0.65s; }
.modal.is-active .modal-content nav.navMobileLinks ul li:nth-child(5) { transition-delay: 0.7s; }
.modal.is-active .modal-content nav.navMobileLinks ul li:nth-child(6) { transition-delay: 0.75s; }

/* Estado final da animação dos itens de lista */
.modal.is-active .modal-content nav.navMobileLinks ul li { opacity: 1; transform: translateX(0); }
.modal-content nav.navMobileLinks ul li a { text-decoration: none; color: #fff; font-size: 1.2rem; display: flex; gap: 10px; align-items: center; }
.modal-content nav.navMobileLinks ul li a:hover { color: #fff; }
/* Ícones dentro dos links */
.modal-content nav.navMobileLinks ul li a i {  transform: scale(0.8); opacity: 0; transition: transform 0.3s ease-out, opacity 0.3s ease-out; }
.modal.is-active .modal-content nav.navMobileLinks ul li a i { transform: scale(1); opacity: 1; }

/* --- Ícones Sociais Mobile --- */
.modal-content nav.navMobileSocial ul { list-style: none; padding: 0; margin-top: 0rem; display: flex; justify-content: center; gap: 1.5rem; margin-left: 20px;  }
.modal-content nav.navMobileSocial ul li { opacity: 0; transform: translateY(10px); transition: opacity 0.4s ease-out, transform 0.4s ease-out; }

/* Atraso escalonado para cada ícone social */
.modal.is-active .modal-content nav.navMobileSocial ul li:nth-child(1) { transition-delay: 0.8s; }
.modal.is-active .modal-content nav.navMobileSocial ul li:nth-child(2) { transition-delay: 0.85s; }
.modal.is-active .modal-content nav.navMobileSocial ul li:nth-child(3) { transition-delay: 0.9s; }
.modal.is-active .modal-content nav.navMobileSocial ul li:nth-child(4) { transition-delay: 0.95s; }
.modal.is-active .modal-content nav.navMobileSocial ul li:nth-child(5) { transition-delay: 1s; }
.modal.is-active .modal-content nav.navMobileSocial ul li {opacity: 1; transform: translateY(0); }
.modal-content nav.navMobileSocial ul li a {  text-decoration: none;  font-size: 1.2rem;  position: relative;  display: inline-block;  overflow: hidden;  line-height: 1;  color: #fff;  transition: color 0.3s ease-in-out; }

/* --- Cores originais dos Ícones e Efeito de Preenchimento NO HOVER --- */
.modal-content nav.navMobileSocial ul li a i { color: inherit;  background-size: 100% 200%; background-position: 0% 100%; transition: background-position 0.6s ease-out, color 0.3s ease-out;}

.main-content {  padding-bottom: 50px;  }
main.main-content div.main__container { width: 100%; padding: 0 1rem; height: 100%; margin: 0px auto;; }
.get-in-touch-section {   padding: 50px 0 50px;   background-color: #F7F6F7; text-align: center; }
.get-in-touch-section h1 {  font-size: 2.2em;  color: #333;  margin-bottom: 15px;  }
.get-in-touch-section p {   font-size: 1.1em;   color: #666;   max-width: 700px;   margin: 0 auto;   line-height: 1.6; }
.contact-form-section {   margin-top: -20px; }
.contact-card-wrapper {  display: flex; flex-direction: column;  background-color: #fff;  border-radius: 10px;  box-shadow: 0 5px 15px rgba(0,0,0,0.1); overflow: hidden;  }
.contact-information-card {    background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;      color: #fff;    padding: 40px 20px;  flex: 1;    display: flex;   flex-direction: column;   justify-content: center; }
.contact-information-card h2 {  font-size: 2em;  margin-bottom: 15px; }
.contact-information-card p {  font-size: 0.9em;  line-height: 1.5;  margin-bottom: 30px; }
.contact-info-item {   display: flex;   align-items: flex-start;    margin-bottom: 25px; }
.contact-info-item i {   font-size: 1.5em;   margin-right: 15px;  color: #fff;   width: 25px;   text-align: center; }
.contact-info-item p {   margin: 0; line-height: 1.4; font-size: 1em; }
.contact-form-card {   flex: 1.5;   padding: 40px 20px;  display: flex;  flex-direction: column;  justify-content: center; }
.contact-form .form-group {  margin-bottom: 20px; }
.contact-form label {  display: block;   font-weight: bold;   color: #555;   margin-bottom: 8px;  font-size: 0.9em;  }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {    width: 100%;    padding: 12px 15px;    border: 1px solid #ddd;    border-radius: 5px;    font-size: 1em;  box-sizing: border-box;   color: #333;  outline: none;  transition: border-color 0.3s ease; }
.contact-form input::placeholder,
.contact-form textarea::placeholder { color: #aaa; }
.contact-form input:focus,
.contact-form textarea:focus {   border-color: #007bff;  }
.contact-form textarea { resize: vertical;  }
.btn-submit {   background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;     color: #fff;   border: none;   padding: 12px 30px;   border-radius: 5px;   cursor: pointer;   font-size: 1.1em;   transition: background-color 0.3s ease; }
.btn-submit:hover {  background-color: #0056b3; }


/* ===== BUSCAS POR BAIRRO – Desktop ===== */
section#buscasBoutique { padding: 90px 20px 120px 20px; }
section#buscasBoutique div.buscas_boutique_container { max-width: 1400px; margin: 0 auto;position: relative;  }
section#buscasBoutique div.buscas_boutique_container h2 { text-align: center;font-size: 2rem; margin-bottom: 60px; color: #313443;}
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks ul { list-style: none; padding: 0; margin: 0; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks p {font-weight: 600; font-size: 1.1rem; margin-bottom: 12px; color: #313443; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks li { margin-bottom: 10px; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks a { text-decoration: none; color: #313443;;;font-size: 12px; line-height: 22px;transition: all 0.2s ease-in-out; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks a:hover { color: #cc0000; text-decoration: underline; }


footer.footer-container { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   position: relative; width: 100%; height: 100%; }
footer.footer-container div.footer__container {  width: 100%; max-width: 100%; margin: 0px auto; padding: 4rem 1rem;  }
footer.footer-container div.footer__container div.subscribe { text-align: center; padding: 0px 0px; max-width: 100%;   }
footer.footer-container div.footer__container div.subscribe p { color: #fff; font-size: 18px; line-height: 25px;}
footer.footer-container div.footer__container div.subscribe form { margin-top: 30px; display: flex; justify-content: center; gap: 8px; border-radius: 10px; width: 100%;}
footer.footer-container div.footer__container div.subscribe input[type="email"] { padding: 10px; width: 100%; border: 1px solid #fff; border-radius: 10px; }
footer.footer-container div.footer__container div.subscribe input::placeholder { color: #fff; }
footer.footer-container div.footer__container div.subscribe button { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff; padding: 15px 24px; border: none; cursor: pointer; ; border-radius: 10px; border: 1px solid #fff; }
footer.footer-container div.footer__container div.footer-main {display: flex; flex-direction: column; align-items: left; width: 100%; height: 100%; margin-top: 10px; justify-content: center; gap: 50px; }
footer.footer-container div.footer__container div.footer-main div.footer-column nav.footer__main__links ul li a { color: #fff; }
footer.footer-container div.footer__container div.footer-main div.footer-column figure { margin-top: 35px; }
footer.footer-container div.footer__container div.footer-main div.footer-column h2 { color: #fff; margin-top: 15px; padding: 0px 0px 10px 0px; }
footer.footer-container div.footer__container div.footer-main div.footer-column p { color: #fff; font-size: 12; padding: 0px 0px 10px 0px; }
footer.footer-container div.footer__container div.footer-main div.footer-column nav.footer__main__links ul {  display: flex; align-items: center; gap: 20px; padding: 10px 0px;}
footer.footer-container div.footer__container div.container__navs__links { display: flex; gap: 60px; flex-direction: column;}
footer.footer-container div.footer__container div.container__navs__links ul { display: flex; gap: 20px; flex-direction: column; }
footer.footer-container div.footer__container div.container__navs__links ul li { display: flex; gap: 15px; color: #fff; }
footer.footer-container div.footer__container div.container__navs__links ul li a.links__ancoras__links1 {  display: flex; gap: 15px; color: #fff; }
footer.footer-container div.footer__container div.container__navs__links ul li a.links__ancoras__links2 { color: #fff; display: flex; gap: 15px;}
div.desenvolvimento {  width: 100%; height: 100%; }
div.desenvolvimento p {  display: flex; align-items: center; width: 100%; height: 100%; max-width: 1440px; margin: 0 auto; font-size: 12px; justify-content: center; padding: 5px 0px; gap: 10px; color: #2A308E; }
div.desenvolvimento p a { font-size: 10px; font-weight: 700; color: #2A308E; }


 }

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

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%; padding: 0 3rem;  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: 30px;  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; }
/* Main Content */
.main-content {    padding-bottom: 50px; }

main.main-content div.quemsomos__container {  width: 100%; max-width: 1200px; height: 100%; margin: 0px auto; padding: 2rem; }



/* # # # # # # # # # #  - BOTÃO WHATSAPP -  # # # # # # # # # #  */
div.botao__chat__absolut { background-color: #25d366; width: 70px; padding: 3px; height: 70px; 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: 30px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }


header#jhs__lancamento.sticky {  position: sticky;  top: 0;  z-index: 999;  backdrop-filter: blur(10px);  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);  transition: all 0.3s ease-in-out; }
.main-content {  padding-bottom: 50px;  }
main.main-content div.main__container { width: 100%; padding: 0 3rem; height: 100%; margin: 0px auto;; }
.get-in-touch-section {   padding: 50px 0 50px;   background-color: #F7F6F7; text-align: center; }
.get-in-touch-section h1 {  font-size: 2.8em;  color: #333;  margin-bottom: 15px; }
.get-in-touch-section p {   font-size: 1.1em;   color: #666;   max-width: 700px;   margin: 0 auto;   line-height: 1.6; }
.contact-form-section {   margin-top: -20px; }
.contact-card-wrapper {  display: flex; flex-direction: column;  background-color: #fff;  border-radius: 10px;  box-shadow: 0 5px 15px rgba(0,0,0,0.1); overflow: hidden;  }
.contact-information-card {    background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;      color: #fff;    padding: 40px;  flex: 1;    display: flex;   flex-direction: column;   justify-content: center; }
.contact-information-card h2 {  font-size: 2em;  margin-bottom: 15px; }
.contact-information-card p {  font-size: 0.9em;  line-height: 1.5;  margin-bottom: 30px; }
.contact-info-item {   display: flex;   align-items: flex-start;    margin-bottom: 25px; }
.contact-info-item i {   font-size: 1.5em;   margin-right: 15px;  color: #fff;   width: 25px;   text-align: center; }
.contact-info-item p {   margin: 0; line-height: 1.4; font-size: 1em; }
.contact-form-card {   flex: 1.5;   padding: 40px;  display: flex;  flex-direction: column;  justify-content: center; }
.contact-form .form-group {  margin-bottom: 20px; }
.contact-form label {  display: block;   font-weight: bold;   color: #555;   margin-bottom: 8px;  font-size: 0.9em;  }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {    width: 100%;    padding: 12px 15px;    border: 1px solid #ddd;    border-radius: 5px;    font-size: 1em;  box-sizing: border-box;   color: #333;  outline: none;  transition: border-color 0.3s ease; }
.contact-form input::placeholder,
.contact-form textarea::placeholder { color: #aaa; }
.contact-form input:focus,
.contact-form textarea:focus {   border-color: #007bff;  }
.contact-form textarea { resize: vertical;  }
.btn-submit {   background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;     color: #fff;   border: none;   padding: 12px 30px;   border-radius: 5px;   cursor: pointer;   font-size: 1.1em;   transition: background-color 0.3s ease; }
.btn-submit:hover {  background-color: #0056b3; }


/* ===== BUSCAS POR BAIRRO – Desktop ===== */
section#buscasBoutique { padding: 90px 20px 120px 20px; }
section#buscasBoutique div.buscas_boutique_container { max-width: 1400px; margin: 0 auto;position: relative;  }
section#buscasBoutique div.buscas_boutique_container h2 { text-align: center;font-size: 2rem; margin-bottom: 60px; color: #313443;}
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks ul { list-style: none; padding: 0; margin: 0; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks p {font-weight: 600; font-size: 1.1rem; margin-bottom: 12px; color: #313443; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks li { margin-bottom: 10px; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks a { text-decoration: none; color: #313443;;;font-size: 12px; line-height: 22px;transition: all 0.2s ease-in-out; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks a:hover { color: #cc0000; text-decoration: underline; }


footer.footer-container { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   position: relative; width: 100%; height: 100%; }
footer.footer-container div.footer__container {  width: 100%; max-width: 100%; margin: 0px auto; padding: 4rem 3rem;  }
footer.footer-container div.footer__container div.subscribe { text-align: center; padding: 0px 0px; max-width: 100%;   }
footer.footer-container div.footer__container div.subscribe p { color: #fff; font-size: 18px; line-height: 25px;}
footer.footer-container div.footer__container div.subscribe form { margin-top: 30px; display: flex; justify-content: center; gap: 8px; border-radius: 10px; width: 100%;}
footer.footer-container div.footer__container div.subscribe input[type="email"] { padding: 10px; width: 100%; border: 1px solid #fff; border-radius: 10px; }
footer.footer-container div.footer__container div.subscribe input::placeholder { color: #fff; }
footer.footer-container div.footer__container div.subscribe button { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff; padding: 15px 24px; border: none; cursor: pointer; ; border-radius: 10px; border: 1px solid #fff; }
footer.footer-container div.footer__container div.footer-main {display: flex; flex-direction: column; align-items: left; width: 100%; height: 100%; margin-top: 10px; justify-content: center; gap: 50px; }
footer.footer-container div.footer__container div.footer-main div.footer-column nav.footer__main__links ul li a { color: #fff; }
footer.footer-container div.footer__container div.footer-main div.footer-column figure { margin-top: 35px; }
footer.footer-container div.footer__container div.footer-main div.footer-column h2 { color: #fff; margin-top: 15px; padding: 0px 0px 10px 0px; }
footer.footer-container div.footer__container div.footer-main div.footer-column p { color: #fff; font-size: 12; padding: 0px 0px 10px 0px; }
footer.footer-container div.footer__container div.footer-main div.footer-column nav.footer__main__links ul {  display: flex; align-items: center; gap: 20px; padding: 10px 0px;}
footer.footer-container div.footer__container div.container__navs__links { display: flex; gap: 300px;}
footer.footer-container div.footer__container div.container__navs__links ul { display: flex; gap: 20px; flex-direction: column; }
footer.footer-container div.footer__container div.container__navs__links ul li { display: flex; gap: 15px; color: #fff; }
footer.footer-container div.footer__container div.container__navs__links ul li a.links__ancoras__links1 {  display: flex; gap: 15px; color: #fff; }
footer.footer-container div.footer__container div.container__navs__links ul li a.links__ancoras__links2 { color: #fff; display: flex; gap: 15px;}
div.desenvolvimento {  width: 100%; height: 100%; }
div.desenvolvimento p {  display: flex; align-items: center; width: 100%; height: 100%; max-width: 1440px; margin: 0 auto; justify-content: center; padding: 5px 0px; gap: 10px; color: #2A308E; }
div.desenvolvimento p a { font-size: 14px; font-weight: 700; color: #2A308E; }

 }

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

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%; padding: 0 3rem;  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: 30px;  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; }
/* Main Content */
.main-content {    padding-bottom: 50px; }

main.main-content div.quemsomos__container {  width: 100%; max-width: 1200px; height: 100%; margin: 0px auto; padding: 2rem; }



/* # # # # # # # # # #  - BOTÃO WHATSAPP -  # # # # # # # # # #  */
div.botao__chat__absolut { background-color: #25d366; width: 70px; padding: 3px; height: 70px; 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: 30px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }


header#jhs__lancamento.sticky {  position: sticky;  top: 0;  z-index: 999;  backdrop-filter: blur(10px);  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);  transition: all 0.3s ease-in-out; }
.main-content {  padding-bottom: 50px;  }
main.main-content div.main__container { width: 100%; padding: 0 3rem; height: 100%; margin: 0px auto;; }
.get-in-touch-section {   padding: 50px 0 50px;   background-color: #F7F6F7; text-align: center; }
.get-in-touch-section h1 {  font-size: 2.8em;  color: #333;  margin-bottom: 15px; }
.get-in-touch-section p {   font-size: 1.1em;   color: #666;   max-width: 700px;   margin: 0 auto;   line-height: 1.6; }
.contact-form-section {   margin-top: -20px; }
.contact-card-wrapper {  display: flex; flex-direction: column;  background-color: #fff;  border-radius: 10px;  box-shadow: 0 5px 15px rgba(0,0,0,0.1); overflow: hidden;  }
.contact-information-card {    background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;      color: #fff;    padding: 40px;  flex: 1;    display: flex;   flex-direction: column;   justify-content: center; }
.contact-information-card h2 {  font-size: 2em;  margin-bottom: 15px; }
.contact-information-card p {  font-size: 0.9em;  line-height: 1.5;  margin-bottom: 30px; }
.contact-info-item {   display: flex;   align-items: flex-start;    margin-bottom: 25px; }
.contact-info-item i {   font-size: 1.5em;   margin-right: 15px;  color: #fff;   width: 25px;   text-align: center; }
.contact-info-item p {   margin: 0; line-height: 1.4; font-size: 1em; }
.contact-form-card {   flex: 1.5;   padding: 40px;  display: flex;  flex-direction: column;  justify-content: center; }
.contact-form .form-group {  margin-bottom: 20px; }
.contact-form label {  display: block;   font-weight: bold;   color: #555;   margin-bottom: 8px;  font-size: 0.9em;  }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {    width: 100%;    padding: 12px 15px;    border: 1px solid #ddd;    border-radius: 5px;    font-size: 1em;  box-sizing: border-box;   color: #333;  outline: none;  transition: border-color 0.3s ease; }
.contact-form input::placeholder,
.contact-form textarea::placeholder { color: #aaa; }
.contact-form input:focus,
.contact-form textarea:focus {   border-color: #007bff;  }
.contact-form textarea { resize: vertical;  }
.btn-submit {   background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;     color: #fff;   border: none;   padding: 12px 30px;   border-radius: 5px;   cursor: pointer;   font-size: 1.1em;   transition: background-color 0.3s ease; }
.btn-submit:hover {  background-color: #0056b3; }


/* ===== BUSCAS POR BAIRRO – Desktop ===== */
section#buscasBoutique { padding: 90px 20px 120px 20px; }
section#buscasBoutique div.buscas_boutique_container { max-width: 1400px; margin: 0 auto;position: relative;  }
section#buscasBoutique div.buscas_boutique_container h2 { text-align: center;font-size: 2rem; margin-bottom: 60px; color: #313443;}
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks ul { list-style: none; padding: 0; margin: 0; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks p {font-weight: 600; font-size: 1.1rem; margin-bottom: 12px; color: #313443; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks li { margin-bottom: 10px; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks a { text-decoration: none; color: #313443;;;font-size: 12px; line-height: 22px;transition: all 0.2s ease-in-out; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks a:hover { color: #cc0000; text-decoration: underline; }


footer.footer-container { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   position: relative; width: 100%; height: 100%; }
footer.footer-container div.footer__container {  width: 100%; max-width: 100%; margin: 0px auto; padding: 4rem 3rem;  }
footer.footer-container div.footer__container div.subscribe { text-align: center; padding: 0px 0px; max-width: 100%;   }
footer.footer-container div.footer__container div.subscribe p { color: #fff; font-size: 18px; line-height: 25px;}
footer.footer-container div.footer__container div.subscribe form { margin-top: 30px; display: flex; justify-content: center; gap: 8px; border-radius: 10px; width: 100%;}
footer.footer-container div.footer__container div.subscribe input[type="email"] { padding: 10px; width: 100%; border: 1px solid #fff; border-radius: 10px; }
footer.footer-container div.footer__container div.subscribe input::placeholder { color: #fff; }
footer.footer-container div.footer__container div.subscribe button { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff; padding: 15px 24px; border: none; cursor: pointer; ; border-radius: 10px; border: 1px solid #fff; }
footer.footer-container div.footer__container div.footer-main {display: flex; flex-direction: column; align-items: left; width: 100%; height: 100%; margin-top: 10px; justify-content: center; gap: 50px; }
footer.footer-container div.footer__container div.footer-main div.footer-column nav.footer__main__links ul li a { color: #fff; }
footer.footer-container div.footer__container div.footer-main div.footer-column figure { margin-top: 35px; }
footer.footer-container div.footer__container div.footer-main div.footer-column h2 { color: #fff; margin-top: 15px; padding: 0px 0px 10px 0px; }
footer.footer-container div.footer__container div.footer-main div.footer-column p { color: #fff; font-size: 12; padding: 0px 0px 10px 0px; }
footer.footer-container div.footer__container div.footer-main div.footer-column nav.footer__main__links ul {  display: flex; align-items: center; gap: 20px; padding: 10px 0px;}
footer.footer-container div.footer__container div.container__navs__links { display: flex; gap: 300px;}
footer.footer-container div.footer__container div.container__navs__links ul { display: flex; gap: 20px; flex-direction: column; }
footer.footer-container div.footer__container div.container__navs__links ul li { display: flex; gap: 15px; color: #fff; }
footer.footer-container div.footer__container div.container__navs__links ul li a.links__ancoras__links1 {  display: flex; gap: 15px; color: #fff; }
footer.footer-container div.footer__container div.container__navs__links ul li a.links__ancoras__links2 { color: #fff; display: flex; gap: 15px;}
div.desenvolvimento {  width: 100%; height: 100%; }
div.desenvolvimento p {  display: flex; align-items: center; width: 100%; height: 100%; max-width: 1440px; margin: 0 auto; justify-content: center; padding: 5px 0px; gap: 10px; color: #2A308E; }
div.desenvolvimento p a { font-size: 14px; font-weight: 700; color: #2A308E; }



 }

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

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%; padding: 0 3rem;  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; }
/* Main Content */
.main-content {    padding-bottom: 50px; }

main.main-content div.quemsomos__container {  width: 100%; max-width: 1200px; height: 100%; margin: 0px auto; padding: 2rem; }



/* # # # # # # # # # #  - BOTÃO WHATSAPP -  # # # # # # # # # #  */
div.botao__chat__absolut { background-color: #25d366; width: 70px; padding: 3px; height: 70px; 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: 30px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }


header#jhs__lancamento.sticky {  position: sticky;  top: 0;  z-index: 999;  backdrop-filter: blur(10px);  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);  transition: all 0.3s ease-in-out; }
.main-content {  padding-bottom: 50px;  }
main.main-content div.main__container { width: 100%; padding: 0 3rem; height: 100%; margin: 0px auto;; }
.get-in-touch-section {   padding: 50px 0 50px;   background-color: #F7F6F7; text-align: center; }
.get-in-touch-section h1 {  font-size: 2.8em;  color: #333;  margin-bottom: 15px; }
.get-in-touch-section p {   font-size: 1.1em;   color: #666;   max-width: 700px;   margin: 0 auto;   line-height: 1.6; }
.contact-form-section {   margin-top: -20px; }
.contact-card-wrapper {  display: flex;  background-color: #fff;  border-radius: 10px;  box-shadow: 0 5px 15px rgba(0,0,0,0.1); overflow: hidden;  }
.contact-information-card {    background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;      color: #fff;    padding: 40px;  flex: 1;    display: flex;   flex-direction: column;   justify-content: center; }
.contact-information-card h2 {  font-size: 2em;  margin-bottom: 15px; }
.contact-information-card p {  font-size: 0.9em;  line-height: 1.5;  margin-bottom: 30px; }
.contact-info-item {   display: flex;   align-items: flex-start;    margin-bottom: 25px; }
.contact-info-item i {   font-size: 1.5em;   margin-right: 15px;  color: #fff;   width: 25px;   text-align: center; }
.contact-info-item p {   margin: 0; line-height: 1.4; font-size: 1em; }
.contact-form-card {   flex: 1.5;   padding: 40px;  display: flex;  flex-direction: column;  justify-content: center; }
.contact-form .form-group {  margin-bottom: 20px; }
.contact-form label {  display: block;   font-weight: bold;   color: #555;   margin-bottom: 8px;  font-size: 0.9em;  }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {    width: 100%;    padding: 12px 15px;    border: 1px solid #ddd;    border-radius: 5px;    font-size: 1em;  box-sizing: border-box;   color: #333;  outline: none;  transition: border-color 0.3s ease; }
.contact-form input::placeholder,
.contact-form textarea::placeholder { color: #aaa; }
.contact-form input:focus,
.contact-form textarea:focus {   border-color: #007bff;  }
.contact-form textarea { resize: vertical;  }
.btn-submit {   background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;     color: #fff;   border: none;   padding: 12px 30px;   border-radius: 5px;   cursor: pointer;   font-size: 1.1em;   transition: background-color 0.3s ease; }
.btn-submit:hover {  background-color: #0056b3; }


/* ===== BUSCAS POR BAIRRO – Desktop ===== */
section#buscasBoutique { padding: 90px 20px 120px 20px; }
section#buscasBoutique div.buscas_boutique_container { max-width: 1400px; margin: 0 auto;position: relative;  }
section#buscasBoutique div.buscas_boutique_container h2 { text-align: center;font-size: 2rem; margin-bottom: 60px; color: #313443;}
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks ul { list-style: none; padding: 0; margin: 0; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks p {font-weight: 600; font-size: 1.1rem; margin-bottom: 12px; color: #313443; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks li { margin-bottom: 10px; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks a { text-decoration: none; color: #313443;;;font-size: 12px; line-height: 22px;transition: all 0.2s ease-in-out; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks a:hover { color: #cc0000; text-decoration: underline; }


footer.footer-container { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   position: relative; width: 100%; height: 100%; }
footer.footer-container div.footer__container {  width: 100%; max-width: 100%; margin: 0px auto; padding: 4rem 3rem;  }
footer.footer-container div.footer__container div.subscribe { text-align: center; padding: 0px 0px; max-width: 100%;   }
footer.footer-container div.footer__container div.subscribe p { color: #fff; font-size: 18px; line-height: 25px;}
footer.footer-container div.footer__container div.subscribe form { margin-top: 30px; display: flex; justify-content: center; gap: 8px; border-radius: 10px; width: 100%;}
footer.footer-container div.footer__container div.subscribe input[type="email"] { padding: 10px; width: 100%; border: 1px solid #fff; border-radius: 10px; }
footer.footer-container div.footer__container div.subscribe input::placeholder { color: #fff; }
footer.footer-container div.footer__container div.subscribe button { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff; padding: 15px 24px; border: none; cursor: pointer; ; border-radius: 10px; border: 1px solid #fff; }
footer.footer-container div.footer__container div.footer-main {display: flex; flex-direction: column; align-items: left; width: 100%; height: 100%; margin-top: 10px; justify-content: center; gap: 50px; }
footer.footer-container div.footer__container div.footer-main div.footer-column nav.footer__main__links ul li a { color: #fff; }
footer.footer-container div.footer__container div.footer-main div.footer-column figure { margin-top: 35px; }
footer.footer-container div.footer__container div.footer-main div.footer-column h2 { color: #fff; margin-top: 15px; padding: 0px 0px 10px 0px; }
footer.footer-container div.footer__container div.footer-main div.footer-column p { color: #fff; font-size: 12; padding: 0px 0px 10px 0px; }
footer.footer-container div.footer__container div.footer-main div.footer-column nav.footer__main__links ul {  display: flex; align-items: center; gap: 20px; padding: 10px 0px;}
footer.footer-container div.footer__container div.container__navs__links { display: flex; gap: 300px;}
footer.footer-container div.footer__container div.container__navs__links ul { display: flex; gap: 20px; flex-direction: column; }
footer.footer-container div.footer__container div.container__navs__links ul li { display: flex; gap: 15px; color: #fff; }
footer.footer-container div.footer__container div.container__navs__links ul li a.links__ancoras__links1 {  display: flex; gap: 15px; color: #fff; }
footer.footer-container div.footer__container div.container__navs__links ul li a.links__ancoras__links2 { color: #fff; display: flex; gap: 15px;}
div.desenvolvimento {  width: 100%; height: 100%; }
div.desenvolvimento p {  display: flex; align-items: center; width: 100%; height: 100%; max-width: 1440px; margin: 0 auto; justify-content: center; padding: 5px 0px; gap: 10px; color: #2A308E; }
div.desenvolvimento p a { font-size: 14px; font-weight: 700; color: #2A308E; }



}

@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%; padding: 0 3rem;  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; }
/* Main Content */
.main-content {    padding-bottom: 50px; }

main.main-content div.quemsomos__container {  width: 100%; max-width: 1200px; height: 100%; margin: 0px auto; padding: 2rem; }



/* # # # # # # # # # #  - BOTÃO WHATSAPP -  # # # # # # # # # #  */
div.botao__chat__absolut { background-color: #25d366; width: 70px; padding: 3px; height: 70px; 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: 30px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }


header#jhs__lancamento.sticky {  position: sticky;  top: 0;  z-index: 999;  backdrop-filter: blur(10px);  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);  transition: all 0.3s ease-in-out; }
.main-content {  padding-bottom: 50px;  }
main.main-content div.main__container { width: 100%; padding: 0 3rem; height: 100%; margin: 0px auto;; }
.get-in-touch-section {   padding: 50px 0 50px;   background-color: #F7F6F7; text-align: center; }
.get-in-touch-section h1 {  font-size: 2.8em;  color: #333;  margin-bottom: 15px; }
.get-in-touch-section p {   font-size: 1.1em;   color: #666;   max-width: 700px;   margin: 0 auto;   line-height: 1.6; }
.contact-form-section {   margin-top: -20px; }
.contact-card-wrapper {  display: flex;  background-color: #fff;  border-radius: 10px;  box-shadow: 0 5px 15px rgba(0,0,0,0.1); overflow: hidden;  }
.contact-information-card {    background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;      color: #fff;    padding: 40px;  flex: 1;    display: flex;   flex-direction: column;   justify-content: center; }
.contact-information-card h2 {  font-size: 2em;  margin-bottom: 15px; }
.contact-information-card p {  font-size: 1em;  line-height: 1.5;  margin-bottom: 30px; }
.contact-info-item {   display: flex;   align-items: flex-start;    margin-bottom: 25px; }
.contact-info-item i {   font-size: 1.5em;   margin-right: 15px;  color: #fff;   width: 25px;   text-align: center; }
.contact-info-item p {   margin: 0; line-height: 1.4; font-size: 1em; }
.contact-form-card {   flex: 1.5;   padding: 40px;  display: flex;  flex-direction: column;  justify-content: center; }
.contact-form .form-group {  margin-bottom: 20px; }
.contact-form label {  display: block;   font-weight: bold;   color: #555;   margin-bottom: 8px;  font-size: 0.9em;  }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {    width: 100%;    padding: 12px 15px;    border: 1px solid #ddd;    border-radius: 5px;    font-size: 1em;  box-sizing: border-box;   color: #333;  outline: none;  transition: border-color 0.3s ease; }
.contact-form input::placeholder,
.contact-form textarea::placeholder { color: #aaa; }
.contact-form input:focus,
.contact-form textarea:focus {   border-color: #007bff;  }
.contact-form textarea { resize: vertical;  }
.btn-submit {   background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;     color: #fff;   border: none;   padding: 12px 30px;   border-radius: 5px;   cursor: pointer;   font-size: 1.1em;   transition: background-color 0.3s ease; }
.btn-submit:hover {  background-color: #0056b3; }


/* ===== BUSCAS POR BAIRRO – Desktop ===== */
section#buscasBoutique { padding: 90px 20px 120px 20px; }
section#buscasBoutique div.buscas_boutique_container { max-width: 1400px; margin: 0 auto;position: relative;  }
section#buscasBoutique div.buscas_boutique_container h2 { text-align: center;font-size: 2rem; margin-bottom: 60px; color: #313443;}
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks ul { list-style: none; padding: 0; margin: 0; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks p {font-weight: 600; font-size: 1.1rem; margin-bottom: 12px; color: #313443; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks li { margin-bottom: 10px; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks a { text-decoration: none; color: #313443;;;font-size: 12px; line-height: 22px;transition: all 0.2s ease-in-out; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks a:hover { color: #cc0000; text-decoration: underline; }


footer.footer-container { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   position: relative; width: 100%; height: 100%; }
footer.footer-container div.footer__container {  width: 100%; max-width: 100%; margin: 0px auto; padding: 3rem;  }
footer.footer-container div.footer__container div.subscribe { text-align: center; padding: 0px 200px; max-width: 100%;   }
footer.footer-container div.footer__container div.subscribe p { color: #fff; font-size: 18px; line-height: 25px;}
footer.footer-container div.footer__container div.subscribe form { margin-top: 30px; display: flex; justify-content: center; gap: 8px; border-radius: 10px; width: 100%;}
footer.footer-container div.footer__container div.subscribe input[type="email"] { padding: 10px; width: 100%; border: 1px solid #fff; border-radius: 10px; }
footer.footer-container div.footer__container div.subscribe input::placeholder { color: #fff; }
footer.footer-container div.footer__container div.subscribe button { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff; padding: 15px 24px; border: none; cursor: pointer; ; border-radius: 10px; border: 1px solid #fff; }
footer.footer-container div.footer__container div.footer-main {display: flex; align-items: center; width: 100%; height: 300px; margin-top: 10px; justify-content: center; gap: 200px; }
footer.footer-container div.footer__container div.footer-main div.footer-column nav.footer__main__links ul li a { color: #fff; }
footer.footer-container div.footer__container div.footer-main div.footer-column figure { margin-top: -35px; }
footer.footer-container div.footer__container div.footer-main div.footer-column h2 { color: #fff; margin-top: -15px; padding: 0px 0px 10px 0px; }
footer.footer-container div.footer__container div.footer-main div.footer-column p { color: #fff; font-size: 12; padding: 0px 0px 10px 0px; }
footer.footer-container div.footer__container div.footer-main div.footer-column nav.footer__main__links ul {  display: flex; align-items: center; gap: 20px; padding: 10px 0px;}
footer.footer-container div.footer__container div.container__navs__links { display: flex; gap: 300px;}
footer.footer-container div.footer__container div.container__navs__links ul { display: flex; gap: 20px; flex-direction: column; }
footer.footer-container div.footer__container div.container__navs__links ul li { display: flex; gap: 15px; color: #fff; }
footer.footer-container div.footer__container div.container__navs__links ul li a.links__ancoras__links1 {  display: flex; gap: 15px; color: #fff; }
footer.footer-container div.footer__container div.container__navs__links ul li a.links__ancoras__links2 { color: #fff; display: flex; gap: 15px;}
div.desenvolvimento {  width: 100%; height: 100%; }
div.desenvolvimento p {  display: flex; align-items: center; width: 100%; height: 100%; max-width: 1440px; margin: 0 auto; justify-content: center; padding: 5px 0px; gap: 10px; color: #2A308E; }
div.desenvolvimento p a { font-size: 14px; font-weight: 700; color: #2A308E; }




 }

@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; }
/* Main Content */
.main-content {    padding-bottom: 50px; }

main.main-content div.quemsomos__container {  width: 100%; max-width: 1200px; height: 100%; margin: 0px auto; padding: 2rem; }



/* # # # # # # # # # #  - BOTÃO WHATSAPP -  # # # # # # # # # #  */
div.botao__chat__absolut { background-color: #25d366; width: 70px; padding: 3px; height: 70px; 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: 30px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }


header#jhs__lancamento.sticky {  position: sticky;  top: 0;  z-index: 999;  backdrop-filter: blur(10px);  background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);  transition: all 0.3s ease-in-out; }
.main-content {  padding-bottom: 50px;  }
main.main-content div.main__container { width: 100%; max-width: 1440px; height: 100%; margin: 0px auto;; }
.get-in-touch-section {   padding: 50px 0 50px;   background-color: #F7F6F7; text-align: center; }
.get-in-touch-section h1 {  font-size: 2.8em;  color: #333;  margin-bottom: 15px; }
.get-in-touch-section p {   font-size: 1.1em;   color: #666;   max-width: 700px;   margin: 0 auto;   line-height: 1.6; }
.contact-form-section {   margin-top: -20px; }
.contact-card-wrapper {  display: flex;  background-color: #fff;  border-radius: 10px;  box-shadow: 0 5px 15px rgba(0,0,0,0.1); overflow: hidden;  }
.contact-information-card {    background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;      color: #fff;    padding: 40px;  flex: 1;    display: flex;   flex-direction: column;   justify-content: center; }
.contact-information-card h2 {  font-size: 2em;  margin-bottom: 15px; }
.contact-information-card p {  font-size: 1em;  line-height: 1.5;  margin-bottom: 30px; }
.contact-info-item {   display: flex;   align-items: flex-start;    margin-bottom: 25px; }
.contact-info-item i {   font-size: 1.5em;   margin-right: 15px;  color: #fff;   width: 25px;   text-align: center; }
.contact-info-item p {   margin: 0; line-height: 1.4; font-size: 1em; }
.contact-form-card {   flex: 1.5;   padding: 40px;  display: flex;  flex-direction: column;  justify-content: center; }
.contact-form .form-group {  margin-bottom: 20px; }
.contact-form label {  display: block;   font-weight: bold;   color: #555;   margin-bottom: 8px;  font-size: 0.9em;  }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {    width: 100%;    padding: 12px 15px;    border: 1px solid #ddd;    border-radius: 5px;    font-size: 1em;  box-sizing: border-box;   color: #333;  outline: none;  transition: border-color 0.3s ease; }
.contact-form input::placeholder,
.contact-form textarea::placeholder { color: #aaa; }
.contact-form input:focus,
.contact-form textarea:focus {   border-color: #007bff;  }
.contact-form textarea { resize: vertical;  }
.btn-submit {   background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;     color: #fff;   border: none;   padding: 12px 30px;   border-radius: 5px;   cursor: pointer;   font-size: 1.1em;   transition: background-color 0.3s ease; }
.btn-submit:hover {  background-color: #0056b3; }


/* ===== BUSCAS POR BAIRRO – Desktop ===== */
section#buscasBoutique { padding: 90px 20px 120px 20px; }
section#buscasBoutique div.buscas_boutique_container { max-width: 1400px; margin: 0 auto;position: relative;  }
section#buscasBoutique div.buscas_boutique_container h2 { text-align: center;font-size: 2rem; margin-bottom: 60px; color: #313443;}
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks ul { list-style: none; padding: 0; margin: 0; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks p {font-weight: 600; font-size: 1.1rem; margin-bottom: 12px; color: #313443; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks li { margin-bottom: 10px; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks a { text-decoration: none; color: #313443;;;font-size: 12px; line-height: 22px;transition: all 0.2s ease-in-out; }
section#buscasBoutique div.buscas_boutique_container nav.buscasLinks a:hover { color: #cc0000; text-decoration: underline; }


footer.footer-container { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;   position: relative; width: 100%; height: 100%; }
footer.footer-container div.footer__container {  width: 100%; max-width: 1440px; margin: 0px auto; padding: 50px 0px ; }
footer.footer-container div.footer__container div.subscribe { text-align: center; padding: 0px 200px; max-width: 100%;   }
footer.footer-container div.footer__container div.subscribe p { color: #fff; font-size: 18px; line-height: 25px;}
footer.footer-container div.footer__container div.subscribe form { margin-top: 30px; display: flex; justify-content: center; gap: 8px; border-radius: 10px; width: 100%;}
footer.footer-container div.footer__container div.subscribe input[type="email"] { padding: 10px; width: 100%; border: 1px solid #fff; border-radius: 10px; }
footer.footer-container div.footer__container div.subscribe input::placeholder { color: #fff; }
footer.footer-container div.footer__container div.subscribe button { background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff; padding: 15px 24px; border: none; cursor: pointer; ; border-radius: 10px; border: 1px solid #fff; }
footer.footer-container div.footer__container div.footer-main {display: flex; align-items: center; width: 100%; height: 300px; margin-top: 10px; justify-content: center; gap: 200px; }
footer.footer-container div.footer__container div.footer-main div.footer-column nav.footer__main__links ul li a { color: #fff; }
footer.footer-container div.footer__container div.footer-main div.footer-column figure { margin-top: -35px; }
footer.footer-container div.footer__container div.footer-main div.footer-column h2 { color: #fff; margin-top: -15px; padding: 0px 0px 10px 0px; }
footer.footer-container div.footer__container div.footer-main div.footer-column p { color: #fff; font-size: 12; padding: 0px 0px 10px 0px; }
footer.footer-container div.footer__container div.footer-main div.footer-column nav.footer__main__links ul {  display: flex; align-items: center; gap: 20px; padding: 10px 0px;}
footer.footer-container div.footer__container div.container__navs__links { display: flex; gap: 300px;}
footer.footer-container div.footer__container div.container__navs__links ul { display: flex; gap: 20px; flex-direction: column; }
footer.footer-container div.footer__container div.container__navs__links ul li { display: flex; gap: 15px; color: #fff; }
footer.footer-container div.footer__container div.container__navs__links ul li a.links__ancoras__links1 {  display: flex; gap: 15px; color: #fff; }
footer.footer-container div.footer__container div.container__navs__links ul li a.links__ancoras__links2 { color: #fff; display: flex; gap: 15px;}
div.desenvolvimento {  width: 100%; height: 100%; }
div.desenvolvimento p {  display: flex; align-items: center; width: 100%; height: 100%; max-width: 1440px; margin: 0 auto; justify-content: center; padding: 5px 0px; gap: 10px; color: #2A308E; }
div.desenvolvimento p a { font-size: 14px; font-weight: 700; color: #2A308E; }



}