@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: 120px;  top: -15px; }
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; }


/* 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;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out; }


/* # # # # # # # # # #  - 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%; }

/* --- 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;}

/* # # # # # # # # # #  - BOTÃO WHATSAPP -  # # # # # # # # # #  */
div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 10px; right: 10px; }
.pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; }
@keyframes pulsate-bck {
  0% { transform: scale(1); }
  50% { transform: scale(0.9); }
  100% { transform: scale(1); }
}
div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }

/* 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;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out; }
/* Main Content */
.main-content {  padding-bottom: 50px; }

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

/* Team Intro Section */
.team-intro-section { width: 100%; padding: 1rem 0rem;  height: 100%; ;}
.team-intro-section h2 { font-size: 18px; color:  #313443; margin-bottom: 15px; text-align: center; line-height: 30px; font-weight: 600; padding-bottom: 20px; }
.team-intro-section p { font-size: 1em; padding: 0px 10px; color: #666;max-width: 100%; margin: 0 auto; line-height: 1.6; line-height: 35px; font-family: "Lora", serif; }

/* CEO Section */
.ceo-section { padding: 2rem 0rem;}

.ceo-card {  display: flex; flex-direction: column;  width: 100%; margin: 0px auto;;   background-color: #fff;  border-radius: 10px;  box-shadow: 0 5px 15px rgba(0,0,0,0.1);  overflow: hidden;  padding: 1rem 0;  align-items: center; }

.ceo-photo-container { position: relative;   height: 100%;   border-radius: 10px; padding: 0 1rem;  overflow: hidden;  box-shadow: 0 4px 8px rgba(0,0,0,0.1);  }

.ceo-photo {  width: 100%;  height: 100%; object-fit: cover;  display: block;  }

.ceo-title-badge { position: absolute; bottom: 20px; right: 30px; background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff; padding: 8px 15px; border-radius: 5px; font-size: 0.9em; z-index: 10;  }

.ceo-details {  padding: 3rem 1rem; }

.ceo-details h3 { font-size: 1em; color:  #313443; margin-top: 0; margin-bottom: 10px; }

.ceo-description { font-size: 12px; line-height: 1.6; color: #666; margin-bottom: 25px; }

.ceo-social-links { margin-bottom: 30px; }

.ceo-social-links a { color:  #313443;; font-size: 1rem; margin-right: 20px; transition: color 0.3s ease; }

.ceo-social-links a:hover { color: #007bff; }

.ceo-experience h4 { font-size: 1em; color:  #313443; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }

.ceo-experience ul { list-style: none; padding: 0; margin: 0; }

.ceo-experience ul li { display: flex; align-items: center; font-size: 12px; color: #555; margin-bottom: 10px; line-height: 1.5; }

.ceo-experience ul li i { color:  #313443;  margin-right: 10px; font-size: 1em; }

/* Board of Directors Section */
.board-of-directors-section { padding: 50px 0 80px; display: none; background-color: #f0f4f7; }

.section-title {  font-size: 2.5em; color: #333; text-align: center; margin-bottom: 15px; }

.section-description {  font-size: 1.1em;  color: #666;  max-width: 800px;  margin: 0 auto 50px;  line-height: 1.6; }

.team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: 30px; }

.team-member-card { background-color: #fff; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); overflow: hidden; text-align: center; padding-bottom: 20px;  position: relative;  }

.member-photo {  width: 100%;  height: 250px;   object-fit: cover;  margin-bottom: 20px; }

.member-title-badge {  position: absolute;  top: 20px;  left: 20px;   background-color: #007bff;   color: #fff;  padding: 8px 15px;  border-radius: 5px;  font-weight: bold;  font-size: 0.85em;  z-index: 10; }

.team-member-card h4 { font-size: 1.5em; color: #333; margin-top: 0; margin-bottom: 10px; }

.team-member-card .member-description { font-size: 0.95em; color: #666; line-height: 1.6; padding: 0 20px; }


/* ===== BUSCAS POR BAIRRO – Desktop ===== */
section#buscasBoutique { padding: 2rem 1rem; }
section#buscasBoutique div.buscas_boutique_container { max-width: 100%; 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(200px, 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.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: 0 0rem; max-width: 100%;   }
footer.footer-container div.footer__container div.subscribe p { color: #fff; font-size: 14px; 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: transparent; 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: flex-start; width: 100%; height: 100%; margin-top: 70px; 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: 12px; 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; flex-direction: column; gap: 50px;}
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: 100%; margin: 0 auto; justify-content: center; padding: 5px 0px; font-size: 10px; gap: 10px; color: #2A308E; }
div.desenvolvimento p a { font-size: 10px; font-weight: 700; color: #2A308E; margin-top: 2px;}




}

@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;}

/* # # # # # # # # # #  - BOTÃO WHATSAPP -  # # # # # # # # # #  */
div.botao__chat__absolut { background-color: #25d366; width: 50px; padding: 3px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50%; z-index: 1000; position: fixed; bottom: 10px; right: 10px; }
.pulsate-bck { animation: pulsate-bck 0.5s ease-in-out infinite both; }
@keyframes pulsate-bck {
  0% { transform: scale(1); }
  50% { transform: scale(0.9); }
  100% { transform: scale(1); }
}
div.botao__chat__absolut button { font-size: 20px; color: #fff; width: 100%; height: 100%; }
div.botao__chat__absolut button:hover { color: #000; border: 1px solid #000; border-radius: 50%; }

/* 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;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out; }
/* Main Content */
.main-content {  padding-bottom: 50px; }

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

/* Team Intro Section */
.team-intro-section { width: 100%; padding: 1rem 1rem;  height: 100%; ;}
.team-intro-section h2 { font-size: 20px; color: #313443; margin-bottom: 15px; text-align: left; line-height: 38px; font-weight: 600; padding-bottom: 20px;}
.team-intro-section p { font-size: 1em; padding: 0px 0px 0px 0px; color: #313443; max-width: 100%; margin: 0 auto; line-height: 1.6; line-height: 35px;   }

/* CEO Section */
.ceo-section { padding: 2rem 0rem;}

.ceo-card {  display: flex; flex-direction: column;  width: 100%; margin: 0px auto;;   background-color: #fff;  border-radius: 10px;  box-shadow: 0 5px 15px rgba(0,0,0,0.1);  overflow: hidden;  padding: 2rem 2rem;  align-items: center; }

.ceo-photo-container { position: relative;   height: 100%;   border-radius: 10px;  overflow: hidden;  box-shadow: 0 4px 8px rgba(0,0,0,0.1);  }

.ceo-photo {  width: 300px;  height: 100%; object-fit: fill;  display: block;  }

.ceo-title-badge { position: absolute; bottom: 20px; right: 20px; background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff; padding: 8px 15px; border-radius: 5px; font-size: 0.9em; z-index: 10;  }

.ceo-details {  padding: 3rem 0; }

.ceo-details h3 { font-size: 2em; color: #313443; margin-top: 0; margin-bottom: 10px; }

.ceo-description { font-size: 12px; line-height: 1.6; color: #666; margin-bottom: 25px; }

.ceo-social-links { margin-bottom: 30px; }

.ceo-social-links a { color: #313443;; font-size: 1rem; margin-right: 20px; transition: color 0.3s ease; }

.ceo-social-links a:hover { color: #007bff; }

.ceo-experience h4 { font-size: 1em; color: #313443; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }

.ceo-experience ul { list-style: none; padding: 0; margin: 0; }

.ceo-experience ul li { display: flex; align-items: center; font-size: 12px; color: #555; margin-bottom: 10px; line-height: 1.5; }

.ceo-experience ul li i { color: #313443;  margin-right: 10px; font-size: 1em; }

/* Board of Directors Section */
.board-of-directors-section { padding: 50px 0 80px; display: none; background-color: #f0f4f7; }

.section-title {  font-size: 2.5em; color: #333; text-align: center; margin-bottom: 15px; }

.section-description {  font-size: 1.1em;  color: #313443;  max-width: 800px;  margin: 0 auto 50px;  line-height: 1.6; }

.team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: 30px; }

.team-member-card { background-color: #fff; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); overflow: hidden; text-align: center; padding-bottom: 20px;  position: relative;  }

.member-photo {  width: 100%;  height: 250px;   object-fit: cover;  margin-bottom: 20px; }

.member-title-badge {  position: absolute;  top: 20px;  left: 20px;   background-color: #007bff;   color: #fff;  padding: 8px 15px;  border-radius: 5px;  font-weight: bold;  font-size: 0.85em;  z-index: 10; }

.team-member-card h4 { font-size: 1.5em; color:  #313443; margin-top: 0; margin-bottom: 10px; }

.team-member-card .member-description { font-size: 0.95em; color:  #313443; line-height: 1.6; padding: 0 20px; }


/* ===== BUSCAS POR BAIRRO – Desktop ===== */
section#buscasBoutique { padding: 2rem; }
section#buscasBoutique div.buscas_boutique_container { max-width: 100%; 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(200px, 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: #000;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.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: 0rem; 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: transparent; 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: flex-start; width: 100%; height: 100%; margin-top: 70px; 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: 12px; 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; flex-direction: column; gap: 50px;}
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: 100%; margin: 0 auto; justify-content: center; padding: 15px 0px; gap: 10px; color: #2A308E; font-size: 12px; }
div.desenvolvimento p a { font-size: 12px; font-weight: 700; color: #2A308E; }


 }

@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; }

/* 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; }
/* 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%; }

/* Team Intro Section */
.team-intro-section { width: 100%; padding: 1rem 2rem;  height: 100%; ;}
.team-intro-section h2 { font-size: 25px; color: #313443; margin-bottom: 15px; text-align: center; line-height: 38px; font-weight: 600; padding-bottom: 20px;}
.team-intro-section p { font-size: 1em; padding: 0px 0px 0px 0px; color: #666;max-width: 100%; margin: 0 auto; line-height: 1.6; line-height: 35px; font-family: "Lora", serif; }

/* CEO Section */
.ceo-section { padding: 2rem 2rem;}

.ceo-card {  display: flex; flex-direction: column;  width: 100%; margin: 0px auto;;   background-color: #fff;  border-radius: 10px;  box-shadow: 0 5px 15px rgba(0,0,0,0.1);  overflow: hidden;  padding: 2rem;  align-items: center; }

.ceo-photo-container { position: relative;   height: 100%;   border-radius: 10px;  overflow: hidden;  box-shadow: 0 4px 8px rgba(0,0,0,0.1); }

.ceo-photo {  width: 100%;  height: 100%; object-fit: cover;  display: block;  }

.ceo-title-badge { position: absolute; bottom: 20px; right: 20px; background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff; padding: 8px 15px; border-radius: 5px; font-size: 0.9em; z-index: 10;  }

.ceo-details {  padding: 3rem 0; }

.ceo-details h3 { font-size: 2em; color: #313443; margin-top: 0; margin-bottom: 10px; }

.ceo-description { font-size: 12px; line-height: 1.6; color: #313443; margin-bottom: 25px; }

.ceo-social-links { margin-bottom: 30px; }

.ceo-social-links a { color: #313443;; font-size: 1rem; margin-right: 20px; transition: color 0.3s ease; }

.ceo-social-links a:hover { color: #007bff; }

.ceo-experience h4 { font-size: 1em; color: #313443; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }

.ceo-experience ul { list-style: none; padding: 0; margin: 0; }

.ceo-experience ul li { display: flex; align-items: center; font-size: 12px; color: #555; margin-bottom: 10px; line-height: 1.5; }

.ceo-experience ul li i { color: #313443;  margin-right: 10px; font-size: 1em; }

/* Board of Directors Section */
.board-of-directors-section { padding: 50px 0 80px; display: none; background-color: #f0f4f7; }

.section-title {  font-size: 2.5em; color: #333; text-align: center; margin-bottom: 15px; }

.section-description {  font-size: 1.1em;  color: #666;  max-width: 800px;  margin: 0 auto 50px;  line-height: 1.6; }

.team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: 30px; }

.team-member-card { background-color: #fff; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); overflow: hidden; text-align: center; padding-bottom: 20px;  position: relative;  }

.member-photo {  width: 100%;  height: 250px;   object-fit: cover;  margin-bottom: 20px; }

.member-title-badge {  position: absolute;  top: 20px;  left: 20px;   background-color: #007bff;   color: #fff;  padding: 8px 15px;  border-radius: 5px;  font-weight: bold;  font-size: 0.85em;  z-index: 10; }

.team-member-card h4 { font-size: 1.5em; color: #333; margin-top: 0; margin-bottom: 10px; }

.team-member-card .member-description { font-size: 0.95em; color: #666; line-height: 1.6; padding: 0 20px; }


/* ===== BUSCAS POR BAIRRO – Desktop ===== */
section#buscasBoutique { padding: 2rem 3.3rem; }
section#buscasBoutique div.buscas_boutique_container { max-width: 1200px; 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(250px, 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.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 2rem ; }
footer.footer-container div.footer__container div.subscribe { text-align: center; padding: 0 2rem; 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: transparent; 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: 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: 12px; 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: 50px;}
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; 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; }


/* # # # # # # # # # #  - 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%; }

/* --- 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.6);  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-image: linear-gradient(to right, #534031, #5b4635, #624c39, #6a523e, #725842, #795e47, #7f634b, #866950, #8d7056, #94775c, #9c7e63, #a38569);  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;}



/* 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; }


/* # # # # # # # # # #  - 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%; }




/* 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; }

/* Team Intro Section */
.team-intro-section { width: 100%; padding: 1rem 2rem;  height: 100%; ;}
.team-intro-section h2 { font-size: 28px; color: #a38569; margin-bottom: 15px; text-align: center; line-height: 38px; font-weight: 600; padding-bottom: 20px;}
.team-intro-section p { font-size: 1em; padding: 0px 0px 0px 0px; color: #666;max-width: 100%; margin: 0 auto; line-height: 1.6; line-height: 35px; font-family: "Lora", serif; }

/* CEO Section */
.ceo-section { padding: 2rem 1rem;}

.ceo-card {  display: flex; flex-direction: column;  width: 100%; margin: 0px auto;;   background-color: #fff;  border-radius: 10px;  box-shadow: 0 5px 15px rgba(0,0,0,0.1);  overflow: hidden;  padding: 2rem;  align-items: center; }

.ceo-photo-container { position: relative;   height: 100%;   border-radius: 10px;  overflow: hidden;  box-shadow: 0 4px 8px rgba(0,0,0,0.1); }

.ceo-photo {  width: 100%;  height: 100%; object-fit: cover;  display: block;  }

.ceo-title-badge { position: absolute; bottom: 20px; right: 20px; background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff; padding: 8px 15px; border-radius: 5px; font-size: 0.9em; z-index: 10;  }

.ceo-details {  padding: 3rem 0; }

.ceo-details h3 { font-size: 2em; color: #313443; margin-top: 0; margin-bottom: 10px; }

.ceo-description { font-size: 12px; line-height: 1.6; color: #313443; margin-bottom: 25px; }

.ceo-social-links { margin-bottom: 30px; }

.ceo-social-links a { color: #313443;; font-size: 1rem; margin-right: 20px; transition: color 0.3s ease; }

.ceo-social-links a:hover { color: #007bff; }

.ceo-experience h4 { font-size: 1em; color: #313443; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }

.ceo-experience ul { list-style: none; padding: 0; margin: 0; }

.ceo-experience ul li { display: flex; align-items: center; font-size: 12px; color: #313443; margin-bottom: 10px; line-height: 1.5; }

.ceo-experience ul li i { color: #313443;  margin-right: 10px; font-size: 1em; }

/* Board of Directors Section */
.board-of-directors-section { padding: 50px 0 80px; display: none; background-color: #f0f4f7; }

.section-title {  font-size: 2.5em; color: #313443; text-align: center; margin-bottom: 15px; }

.section-description {  font-size: 1.1em;  color: #313443;  max-width: 800px;  margin: 0 auto 50px;  line-height: 1.6; }

.team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: 30px; }

.team-member-card { background-color: #fff; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); overflow: hidden; text-align: center; padding-bottom: 20px;  position: relative;  }

.member-photo {  width: 100%;  height: 250px;   object-fit: cover;  margin-bottom: 20px; }

.member-title-badge {  position: absolute;  top: 20px;  left: 20px;   background-color: #007bff;   color: #fff;  padding: 8px 15px;  border-radius: 5px;  font-weight: bold;  font-size: 0.85em;  z-index: 10; }

.team-member-card h4 { font-size: 1.5em; color: #313443; margin-top: 0; margin-bottom: 10px; }

.team-member-card .member-description { font-size: 0.95em; color: #313443; line-height: 1.6; padding: 0 20px; }


/* ===== BUSCAS POR BAIRRO – Desktop ===== */
section#buscasBoutique { padding: 2rem 3.3rem; }
section#buscasBoutique div.buscas_boutique_container { max-width: 1200px; 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(200px, 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.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 2rem ; }
footer.footer-container div.footer__container div.subscribe { text-align: center; padding: 0 2rem; 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: transparent; 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: 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: 12px; 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: 50px;}
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; 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; }

/* 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%; }


/* Team Intro Section */
.team-intro-section { width: 100%; padding: 1rem 2rem;  height: 100%; ;}
.team-intro-section h2 { font-size: 38px; color: #313443; margin-bottom: 15px; text-align: center; line-height: 58px; font-weight: 600; padding-bottom: 30px;}
.team-intro-section p { font-size: 1em; padding: 15px 0px 0px 0px; color: #313443; max-width: 100%; margin: 0 auto; line-height: 1.6; line-height: 35px; font-family: "Lora", serif; }

/* CEO Section */
.ceo-section { padding: 50px 0;}

.ceo-card {  display: flex;   background-color: #fff;  border-radius: 10px;  box-shadow: 0 5px 15px rgba(0,0,0,0.1);  overflow: hidden;  padding: 20px;    align-items: center; }

.ceo-photo-container { position: relative; flex: 0 0 350px;   height: 350px;   margin-right: 40px;  border-radius: 10px;  overflow: hidden;  box-shadow: 0 4px 8px rgba(0,0,0,0.1); }

.ceo-photo {  width: 100%;  height: 100%; object-fit: cover;  display: block; }

.ceo-title-badge { position: absolute; bottom: 20px; right: 20px; background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;  color: #fff; padding: 8px 15px; border-radius: 5px; font-size: 0.9em; z-index: 10;  }

.ceo-details {  flex: 1; }

.ceo-details h3 { font-size: 2em; color: #313443; margin-top: 0; margin-bottom: 10px; }

.ceo-description { font-size: 12px; line-height: 1.6; color: #666; margin-bottom: 25px; }

.ceo-social-links { margin-bottom: 30px; }

.ceo-social-links a { color: #313443;; font-size: 1rem; margin-right: 20px; transition: color 0.3s ease; }

.ceo-social-links a:hover { color: #007bff; }

.ceo-experience h4 { font-size: 1em; color: #313443; margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px; }

.ceo-experience ul { list-style: none; padding: 0; margin: 0; }

.ceo-experience ul li { display: flex; align-items: center; font-size: 12px; color: #313443; margin-bottom: 10px; line-height: 1.5; }

.ceo-experience ul li i { color: #313443;  margin-right: 10px; font-size: 1em; }

/* Board of Directors Section */
.board-of-directors-section { padding: 50px 0 80px; display: none; background-color: #f0f4f7; }

.section-title {  font-size: 2.5em; color: #333; text-align: center; margin-bottom: 15px; }

.section-description {  font-size: 1.1em;  color: #666;  max-width: 800px;  margin: 0 auto 50px;  line-height: 1.6; }

.team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: 30px; }

.team-member-card { background-color: #fff; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.08); overflow: hidden; text-align: center; padding-bottom: 20px;  position: relative;  }

.member-photo {  width: 100%;  height: 250px;   object-fit: cover;  margin-bottom: 20px; }

.member-title-badge {  position: absolute;  top: 20px;  left: 20px;   background-color: #007bff;   color: #fff;  padding: 8px 15px;  border-radius: 5px;  font-weight: bold;  font-size: 0.85em;  z-index: 10; }

.team-member-card h4 { font-size: 1.5em; color: #333; margin-top: 0; margin-bottom: 10px; }

.team-member-card .member-description { font-size: 0.95em; color: #666; line-height: 1.6; padding: 0 20px; }


/* ===== BUSCAS POR BAIRRO – Desktop ===== */
section#buscasBoutique { padding: 2rem 7rem; }
section#buscasBoutique div.buscas_boutique_container { max-width: 1200px; 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(200px, 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: #000;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.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 2rem ; }
footer.footer-container div.footer__container div.subscribe { text-align: center; padding: 0 2rem; 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:  transparent; 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: 100px; }
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: 100px;}
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%;  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%; }

/* Team Intro Section */
.team-intro-section { width: 100%; padding: 1rem 0;  height: 100%; ;}
.team-intro-section h2 { font-size: 48px; color: #313443; margin-bottom: 15px; text-align: center; line-height: 58px; font-weight: 600; padding-bottom: 30px;}
.team-intro-section p { font-size: 1.1em; padding: 15px 0px 0px 0px; color: #313443; max-width: 100%; margin: 0 auto; line-height: 1.6; line-height: 35px; font-family: "Lora", serif; }

/* CEO Section */
.ceo-section { padding: 50px 0; }

.ceo-card {    display: flex;    background-color: #fff;border-radius: 10px;    box-shadow: 0 5px 15px rgba(0,0,0,0.1);    overflow: hidden;    padding: 30px;     align-items: center; }

.ceo-photo-container {    position: relative;    flex: 0 0 350px;     height: 350px;     margin-right: 40px;    border-radius: 10px;    overflow: hidden;    box-shadow: 0 4px 8px rgba(0,0,0,0.1); }

.ceo-photo {    width: 100%;    height: 100%;    object-fit: cover;     display: block;}

.ceo-title-badge {    position: absolute;    bottom: 20px;    right: 20px;    background: linear-gradient(to right, #534031, #7C6048, #A38569);     color: #fff;    padding: 8px 15px;    border-radius: 5px;    font-weight: bold;    font-size: 0.9em;    z-index: 10; }

.ceo-details {   flex: 1;}

.ceo-details h3 {    font-size: 2.2em;    color: #313443;    margin-top: 0;    margin-bottom: 10px;}

.ceo-description {    font-size: 14px;    line-height: 1.6;    color: #666;    margin-bottom: 25px;}

.ceo-social-links {    margin-bottom: 30px;}

.ceo-social-links a {    color: #313443;;    font-size: 1.3em;    margin-right: 20px;    transition: color 0.3s ease;}

.ceo-social-links a:hover {    color: #007bff;}

.ceo-experience h4 {    font-size: 1.4em;    color: #313443;    margin-bottom: 15px;    border-bottom: 1px solid #eee;    padding-bottom: 10px;}

.ceo-experience ul {    list-style: none;    padding: 0;    margin: 0;}

.ceo-experience ul li {    display: flex;    align-items: center;    font-size: 14px;   color: #555;    margin-bottom: 10px;    line-height: 1.5;}

.ceo-experience ul li i {  color: #313443;     margin-right: 10px;    font-size: 1em;}

/* Board of Directors Section */
.board-of-directors-section {   padding: 50px 0 80px; display: none;   background-color: #f0f4f7;}

.section-title {    font-size: 2.5em;  color: #333;  text-align: center;    margin-bottom: 15px;}

.section-description {    font-size: 1.1em;    color: #666;    max-width: 800px;    margin: 0 auto 50px;    line-height: 1.6;}

.team-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));     gap: 30px; /* Espaçamento entre os cards */}

.team-member-card {   background-color: #fff;    border-radius: 10px;    box-shadow: 0 4px 10px rgba(0,0,0,0.08);    overflow: hidden;    text-align: center;    padding-bottom: 20px;     position: relative; }

.member-photo {   width: 100%;    height: 250px;     object-fit: cover;    margin-bottom: 20px;}

.member-title-badge {   position: absolute;    top: 20px;    left: 20px;     background-color: #007bff;     color: #fff;    padding: 8px 15px;    border-radius: 5px;    font-weight: bold;    font-size: 0.85em;    z-index: 10;}

.team-member-card h4 {    font-size: 1.5em;    color: #333;    margin-top: 0;    margin-bottom: 10px;}

.team-member-card .member-description {   font-size: 0.95em;    color: #666;    line-height: 1.6;    padding: 0 20px; }


/* Footer (se não estiver em style.css) */
.footer {    background-color: #fff;    padding: 20px 0;    box-shadow: 0 -2px 5px rgba(0,0,0,0.03);    border-top: 1px solid #eee;}

.footer-content {    display: flex;    justify-content: space-between;    align-items: center;    flex-wrap: wrap; }

.footer-nav ul {    list-style: none;    margin: 0;    padding: 0;    display: flex;}

.footer-nav ul li {    margin-right: 20px;}

.footer-nav ul li:last-child {    margin-right: 0;}

.footer-nav ul li a {    text-decoration: none;   color: #666;    font-size: 0.9em;}

.social-links a {    color: #666;    font-size: 1.2em;    margin-left: 15px;    transition: color 0.3s ease; }

.social-links a:hover {    color: #007bff; }




    /* ===== BUSCAS POR BAIRRO – Desktop ===== */

section#buscasBoutique { padding: 0rem 7rem; }

section#buscasBoutique div.buscas_boutique_container { max-width: 1200px; 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(280px, 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: transparent; 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%; }

/* Team Intro Section */
.team-intro-section { width: 100%; padding: 1rem 0;  height: 100%; ;}
.team-intro-section h2 { font-size: 48px; color: #313443; margin-bottom: 15px; text-align: center; line-height: 58px; font-weight: 600; padding-bottom: 30px;}
.team-intro-section p { font-size: 1.1em; padding: 15px 0px 0px 0px; color: #313443 ;max-width: 100%; margin: 0 auto; line-height: 1.6; line-height: 35px; font-family: "Lora", serif; }

/* CEO Section */
.ceo-section { padding: 50px 0; }
.ceo-card {   display: flex;    background-color: #fff;    border-radius: 10px;    box-shadow: 0 5px 15px rgba(0,0,0,0.1);    overflow: hidden;    padding: 30px; /* Padding interno da seção do CEO */    align-items: center; /* Centraliza verticalmente o conteúdo */}
.ceo-photo-container {    position: relative;    flex: 0 0 350px; /* Largura fixa para a imagem */    height: 350px; /* Altura fixa para a imagem */    margin-right: 40px;    border-radius: 10px;    overflow: hidden;    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Sombra para a foto */}
.ceo-photo {    width: 100%;    height: 100%;    object-fit: cover; /* Garante que a imagem cubra o container */    display: block;}
.ceo-title-badge {    position: absolute;    bottom: 20px;    right: 20px;    background: url(https://res.cloudinary.com/dxwwg7u2q/image/upload/v1755553416/6221798_l34o7h.jpg) center/ cover no-repeat;/* Cor de destaque */    color: #fff;    padding: 8px 15px;    border-radius: 5px;    font-weight: bold;    font-size: 0.9em;    z-index: 10; /* Para ficar acima da imagem */}
.ceo-details {    flex: 1;}
.ceo-details h3 {    font-size: 2.2em;    color: #313443;    margin-top: 0;    margin-bottom: 10px;}
.ceo-description {    font-size: 14px;    line-height: 1.6;    color: #666;    margin-bottom: 25px;}
.ceo-social-links {    margin-bottom: 30px;}
.ceo-social-links a {    color: #313443;;    font-size: 1.3em;    margin-right: 20px;    transition: color 0.3s ease;}
.ceo-social-links a:hover {    color: #007bff;}
.ceo-experience h4 {    font-size: 1.4em;    color: #313443;    margin-bottom: 15px;    border-bottom: 1px solid #eee;    padding-bottom: 10px;}
.ceo-experience ul {    list-style: none;    padding: 0;    margin: 0;}
.ceo-experience ul li {    display: flex;    align-items: center;    font-size: 14px;    color: #555;    margin-bottom: 10px;    line-height: 1.5;}
.ceo-experience ul li i {    color: #313443; /* Cor verde do check */    margin-right: 10px;    font-size: 1em;}

/* Board of Directors Section */
.board-of-directors-section {    padding: 50px 0 80px; display: none;    background-color: #f0f4f7;}
.section-title {    font-size: 2.5em;  color: #333;    text-align: center;    margin-bottom: 15px;}
.section-description {    font-size: 1.1em;    color: #666;  max-width: 800px;    margin: 0 auto 50px;    line-height: 1.6;}
.team-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* 3 colunas em telas maiores, ajusta para menores */    gap: 30px; /* Espaçamento entre os cards */}
.team-member-card {    background-color: #fff;    border-radius: 10px;    box-shadow: 0 4px 10px rgba(0,0,0,0.08);    overflow: hidden;    text-align: center;    padding-bottom: 20px; /* Espaço abaixo do texto */    position: relative; /* Para o badge */}
.member-photo {    width: 100%;    height: 250px; /* Altura fixa para as fotos dos membros */    object-fit: cover;    margin-bottom: 20px;}
.member-title-badge {    position: absolute;    top: 20px;    left: 20px; /* Ou pode centralizar com text-align: center e width: 100% no parent */    background-color: #007bff; /* Cor azul para os badges dos membros */    color: #fff;    padding: 8px 15px;    border-radius: 5px;    font-weight: bold;    font-size: 0.85em;    z-index: 10;}
.team-member-card h4 {    font-size: 1.5em;    color: #333;    margin-top: 0;    margin-bottom: 10px;}
.team-member-card .member-description {    font-size: 0.95em;    color: #666;    line-height: 1.6;    padding: 0 20px; /* Padding para o texto */}

/* Footer (se não estiver em style.css) */
.footer {    background-color: #fff;    padding: 20px 0;    box-shadow: 0 -2px 5px rgba(0,0,0,0.03);    border-top: 1px solid #eee;}
.footer-content {    display: flex;    justify-content: space-between;    align-items: center;  flex-wrap: wrap; }
.footer-nav ul {    list-style: none;   margin: 0;    padding: 0;    display: flex; }
.footer-nav ul li {  margin-right: 20px;}
.footer-nav ul li:last-child {    margin-right: 0;}
.footer-nav ul li a {    text-decoration: none;    color: #666;    font-size: 0.9em;}
.social-links a {   color: #666;    font-size: 1.2em;    margin-left: 15px;    transition: color 0.3s ease;}
.social-links a:hover {    color: #007bff;}




    /* ===== BUSCAS POR BAIRRO – Desktop ===== */

section#buscasBoutique { padding: 2rem 7rem; }

section#buscasBoutique div.buscas_boutique_container { max-width: 1200px; 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(250px, 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: #313443; 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: transparent; 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; }


}