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

         /*-- ============================================
       SECTION - TEGRA MORAR BEM
       ============================================ */
       
       section#tegra__morarbem {  width: 100%; height: 100vh; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat;position: relative  }
       section#tegra__morarbem::before { content: "";  width: 100%; height: 100vh;  background: #000; position: absolute; opacity: 50%; top: 0px; left: 0px; border-radius: 0px;}
   
   /* ============================================
      HEADER
      ============================================ */
   #tegra__header {   display: flex;   align-items: center;   justify-content: space-between;   padding: 20px 40px;   background: #fff;   transition: all 0.3s ease;   position: relative;   z-index: 900; }
   #tegra__header.sticky {  position: fixed;  top: 0;  left: 0;  width: 100%;  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);  animation: slideDown 0.3s ease; }
   @keyframes slideDown {  from {   transform: translateY(-100%);   opacity: 0; } to {   transform: translateY(0);   opacity: 1; } }
   
   /* Logo */
   .header__logo {   margin: 0; }
   .logo-link {    display: block;    transition: transform 0.3s ease; }
   .logo-link:hover {  transform: scale(1.05);}
   .morarbem__logo {   display: block;   width: 50px;   height: auto;}
   
   /* ============================================
      NAVEGAÇÃO DESKTOP
      ============================================ */
   .tegra__links {  display: none;}
   .tegra__links ul {    display: flex;    gap: 40px;    list-style: none;    margin: 0;    padding: 0; }
   .tegra__links a {   color: #1a1a1a;   text-decoration: none;   font-size: 15px;   font-weight: 500;   letter-spacing: 0.5px;   padding: 8px 0;   position: relative;   transition: color 0.3s ease; }
   .tegra__links a::after {   content: '';   position: absolute;   bottom: 0;   left: 0;   width: 0;   height: 2px;   background: #d4af37;   transition: width 0.3s ease; }
   .tegra__links a:hover {   color: #d4af37; }
   .tegra__links a:hover::after {   width: 100%;}
   
   /* Indicador de seção ativa */
   .tegra__links .nav-item.active a {   color: #d4af37;   font-weight: 600; }
   .tegra__links .nav-item.active a::after { width: 100%;}
   
   /* ============================================
      BOTÃO MENU MOBILE
      ============================================ */
   .botao_menu { display: flex; align-items: center; gap: 8px; background: transparent; border: none; cursor: pointer; padding: 8px 12px; transition: all 0.3s ease; border-radius: 6px; }
   .botao_menu:hover {  background: rgba(0, 0, 0, 0.05); }
   .botao_menu i {    font-size: 20px;    color: #1a1a1a; }
   .botao_menu_texto {  font-size: 14px;  font-weight: 600;  color: #1a1a1a;  margin: 0;}
   
   /* ============================================
      MENU MOBILE CONTAINER
      ============================================ */
   .menu-mobile-container {    display: none;   position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 9999; }
   .menu-mobile-container.active { display: block; }
   
   /* ============================================
      OVERLAY (Fundo escuro)
      ============================================ */
   .menu-mobile-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.8);   opacity: 0;   transition: opacity 0.3s ease; }
   .menu-mobile-container.active .menu-mobile-overlay {  opacity: 1; }
   
   /* ============================================
      MENU MOBILE
      ============================================ */
   .menu-mobile {   position: absolute;   bottom: 0;   left: 0;   width: 100%;   max-height: 90vh;   background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);   border-radius: 20px 20px 0 0;   overflow-y: auto;   transform: translateY(100%);   transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);   padding-bottom: env(safe-area-inset-bottom);}
   .menu-mobile-container.active .menu-mobile {  transform: translateY(0);}
   
   /* Scroll suave no menu */
   .menu-mobile {   scrollbar-width: thin;   scrollbar-color: rgba(255, 255, 255, 0.2) transparent;}
   .menu-mobile::-webkit-scrollbar { width: 6px;}
   .menu-mobile::-webkit-scrollbar-track {   background: transparent;}
   .menu-mobile::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2);  border-radius: 3px;}
   
   /* ============================================
      BOTÃO FECHAR
      ============================================ */
   .menu-mobile__close {    position: absolute;    top: 20px;    right: 20px;    background: rgba(255, 255, 255, 0.1);    border: none;    color: #fff;    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    transition: all 0.3s ease;    z-index: 10;}
   .menu-mobile__close:hover {    background: rgba(255, 255, 255, 0.2);   transform: rotate(90deg);
   }
   
   /* ============================================
      PERFIL DO CORRETOR
      ============================================ */
   .menu-mobile__perfil {   display: flex;    align-items: center;    gap: 16px;    padding: 40px 24px 24px;    border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
   .perfil__foto {    margin: 0;    width: 70px;    height: 70px;    border-radius: 50%;    overflow: hidden;    border: 3px solid rgba(255, 255, 255, 0.2);    flex-shrink: 0;}
   .perfil__foto img {   width: 100%;   height: 100%;   object-fit: cover;}
   .perfil__info {   flex: 1;}
   .perfil__nome {  color: #fff;  font-size: 20px;  font-weight: 700;  margin: 0 0 4px 0; }
   .perfil__cargo {   color: rgba(255, 255, 255, 0.7);   font-size: 14px;   margin: 0; }
   
   /* ============================================
      BOTÃO WHATSAPP DESTAQUE
      ============================================ */
   .menu-mobile__whatsapp {   display: flex;   align-items: center;   justify-content: center;   gap: 12px;   margin: 20px 24px;   padding: 16px 24px;   background: #25D366;   color: #fff;   text-decoration: none;   border-radius: 30px;   font-weight: 600;   font-size: 16px;   transition: all 0.3s ease;   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);}
   .menu-mobile__whatsapp:hover {   background: #20BD5A;   transform: translateY(-2px);   box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);}
   .menu-mobile__whatsapp i {   font-size: 22px;}
   
   /* ============================================
      LINKS DE NAVEGAÇÃO
      ============================================ */
   .menu-mobile__nav {   padding: 20px 0;}
   .menu-mobile__nav ul {   list-style: none;  margin: 0;  padding: 0;}
   .menu-mobile__nav li {    border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
   .menu-nav-link {   display: flex;   align-items: center;   gap: 16px;   padding: 18px 24px;   color: #fff;   text-decoration: none;   font-size: 16px;   font-weight: 500;   transition: all 0.3s ease;}
   .menu-nav-link:hover {  background: rgba(255, 255, 255, 0.05);  padding-left: 30px;}
   .menu-nav-link i:first-child {    font-size: 20px;    width: 24px;    color: #d4af37;}
   .menu-nav-link span {    flex: 1;}
   .menu-nav-link i:last-child {   font-size: 14px;   color: rgba(255, 255, 255, 0.4);}
   
   /* ============================================
      REDES SOCIAIS
      ============================================ */
   .menu-mobile__social {   padding: 24px;   border-top: 1px solid rgba(255, 255, 255, 0.1);}
   .menu-mobile__social h4 {    color: rgba(255, 255, 255, 0.7);    font-size: 14px;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 1px;    margin: 0 0 16px 0;    text-align: center;}
   .social-links {  display: flex;  gap: 12px;  justify-content: center;  list-style: none;  margin: 0;  padding: 0;}
   .social-link {   width: 50px;   height: 50px;   border-radius: 50%;   display: flex;   align-items: center;   justify-content: center;   color: #fff;   font-size: 22px;   transition: all 0.3s ease;   text-decoration: none;   position: relative;   overflow: hidden;}
   .social-link::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(255, 255, 255, 0.2);    transform: scale(0);    border-radius: 50%;    transition: transform 0.3s ease;}
   .social-link:hover::before {  transform: scale(1);}
   .social-link:hover {   transform: translateY(-4px);}
   .social-link i {  position: relative;  z-index: 1;}
   
   /* CORES OFICIAIS DAS REDES SOCIAIS */
   .social-instagram {  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}
   .social-instagram:hover {  box-shadow: 0 6px 20px rgba(225, 48, 108, 0.5);}
   .social-facebook { background: #1877F2;}
   .social-facebook:hover {  box-shadow: 0 6px 20px rgba(24, 119, 242, 0.5);}
   .social-linkedin {  background: #0A66C2;}
   .social-linkedin:hover {   box-shadow: 0 6px 20px rgba(10, 102, 194, 0.5);}
   .social-youtube {  background: #FF0000;}
   .social-youtube:hover {    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.5);}
   
   /* ============================================
      RODAPÉ DO MENU
      ============================================ */
   .menu-mobile__footer {  padding: 20px 24px 30px;  text-align: center;  border-top: 1px solid rgba(255, 255, 255, 0.1);}
   .menu-mobile__footer p {   color: rgba(255, 255, 255, 0.5);   font-size: 13px;   margin: 4px 0;}
   .menu-footer-copy {   font-size: 11px !important;}
   
   
   /* ============================================
      ACESSIBILIDADE
      ============================================ */
   @media (prefers-reduced-motion: reduce) {
       * {
           animation-duration: 0.01ms !important;
           animation-iteration-count: 1 !important;
           transition-duration: 0.01ms !important;
       }
   }
   
   /* Focus visible */
   a:focus-visible,
   button:focus-visible {  outline: 2px solid #d4af37;  outline-offset: 2px; }
   
           /* ============================================
           BODY COM MENU ABERTO
           ============================================ */
           body.menu-mobile-open {   overflow: hidden;}
           section#tegra__morarbem div.tegra__morarbem__container {  gap: 30px;  position: absolute; width: 100%; height: 200px; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; padding: 0 3rem;   z-index: 1000; border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
           section#tegra__morarbem div.tegra__morarbem__container h1 { color: #fff; font-size: 2em; }
           section#tegra__morarbem div.tegra__morarbem__container button.tegra__book {  border: 1px solid rgba(255, 255, 255, 0.38);  width: 100%; height: 50px;  font-size: 20px;; color: #fff; border-radius: 20px; background-color: rgba(255, 255, 255, 0.2); }
   
           /*-- ============================================
           SECTION - TIPOLOGIA E CARACTERISTICAS
           ============================================ */
           section#tegra_tipologia { position: relative; width: 100%; height: 100vh; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761236664/WhatsApp_Image_2025-10-15_at_18.13.30_3_d3uf1v.jpg) center/ cover no-repeat}
           section#tegra_tipologia::before { content: "";  width: 100%; height: 100vh;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#tegra_tipologia div.container_tegra_tipologia { position: absolute; width: 100%; height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; flex-direction: column ;}
           section#tegra_tipologia div.container_tegra_tipologia div.tegra_slide { display: none;}
           section#tegra_tipologia div.container_tegra_tipologia div.tegra_slides figure img.tegra_img_slide {  width: 90%; height: 90%; object-fit: fill ; display: none;}
           section#tegra_tipologia div.tegra_tipologia_info {  width: 100%; height: 100%;  display: flex; align-items: center; justify-content: center; flex-direction: column;}
           section#tegra_tipologia div.tegra_tipologia_info h1.titulo_tipologia { color: #fff; font-size: 2rem; text-align: center; }
           section#tegra_tipologia div.tegra_tipologia_info p.texto_tipologia { color: #fff;  text-align: center; padding: 1rem 2rem; }
           section#tegra_tipologia div.tipologia_grid { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px;  padding:  2rem; width: 100%;}
           section#tegra_tipologia div.tipologia_grid span.tipologia_item {  border: 2px solid rgba(255, 255, 255, 0.38); display: flex; align-items: center; justify-content: center;  padding:  2rem 1rem; width: 100%; height: 40px; border-radius: 20px; gap: 10px; color: #fff; font-size: 16px; font-weight: 600; }
           section#tegra_tipologia button.contato_whatsaap {  background-color: #25D366; width: 60%; border-radius: 20px;  padding: 0.5rem 2rem; font-size: 18px; font-weight: 400; gap: 10px; color: #fff; display: flex; align-items: center; justify-content: center; ; }
           .pulsate-fwd{animation:pulsate-fwd .5s ease-in-out infinite both }
           @keyframes pulsate-fwd{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
   
           /*-- ============================================
           SECTION -  APRESENTAÇÃO
           ============================================ */
           section#tegra_apresentacao { width: 100%; height: 100%; padding: 4rem 1rem; position: relative; }
           section#tegra_apresentacao div.tegra_apresentacao_img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; opacity: 20%; width: 50%;}
           section#tegra_apresentacao h2.titulo_apresentacao { color: #333; text-align: center; padding-bottom: 30px; font-size: 28px; }
           section#tegra_apresentacao p.texto_apresentacao {  font-size: 16px; font-weight: 300; line-height: 28px; padding-bottom: 20px;}
           section#tegra_apresentacao div.apresentacao__youtube { width: 100%; height: 100%; margin-top: 0px;}
   
           /*-- ============================================
           SECTION -  BOTÕES FOTOS E PLANTAS
           ============================================ */
           section#botoes__tegra__imagens {width: 100%; height: 300px;  display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat ; position: relative;}
           section#botoes__tegra__imagens::before { content: "";  width: 100%; height: 300px;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#botoes__tegra__imagens div.container__tegra__imagens { width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 50px; }
           section#botoes__tegra__imagens div.container__tegra__imagens h3.titulo__tegra__imagens { color: #fff; font-size: 28px; }
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes {  width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; gap: 20px;}
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes button { border: 2px solid rgba(255, 255, 255, 0.38); width: 80%; height: 100%;  display: flex; gap: 10px;  align-items: center; justify-content: center; font-size: 20px; font-weight: 600; color: #fff;  border-radius: 20px;}
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes button:hover { border: 2px solid #0804f3;  color: #0804f3; transform: 1s scale(1);}
   
           /*-- ============================================
           SECTION -  BOTÃO FICHA TECNICA
           ============================================ */
           section#botao__ficha__tecnica {   width: 100%; height: 200px; justify-content: center; display: flex; align-items: center;  padding: 0 2rem;}
           section#botao__ficha__tecnica button.titulo__botao__ficha__tecnica { border:  2px  double #333; width: 100%;  height: 70px; padding: 1rem 2rem; display: flex; justify-content: center; align-items: center; font-size: 20px;  border-radius: 20px ;}
   
           /*-- ============================================
           SECTION -  CONTATO E INFORMAÇÕES
           ============================================ */
           section#informacoes { width: 100%; height: 400px;  display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat ; position: relative;}
           section#informacoes::before { content: "";  width: 100%; height: 400px;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#informacoes div.container__tegra__informacoes {   position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;  gap: 50px; flex-direction: column;}
           section#informacoes div.container__tegra__informacoes  h4.titulo__tegra__informacoes {  color:  #fff; font-size: 28px; font-size: 600; }
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul{ display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-direction: column;}
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li {  border: 2px solid rgba(255, 255, 255, 0.38); width: 200px; height: 50px; border-radius: 20px;  display: flex; align-items: center; justify-content: center;}
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li:hover { border: 2px solid #0804f3;  color: #0804f3; transform: 1s scale(1);}
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li  a { color: #fff; font-size: 18px; ; }
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li  a i { margin-right: 10px; }
   
           /*-- ============================================
           SECTION -  LOCALIIZAÇÃO
           ============================================ */
           section#tegra__localizacao { width: 100%; height: 100%; position: relative; padding: 4rem 1rem; }
           section#tegra__localizacao h3.titulo__tegra__localizacao {  text-align: center; color: #333; text-align: center; padding-bottom: 30px; font-size: 28px; }
           section#tegra__localizacao div.localizacao__tegra__img {  background-color: rebeccapurple; width: 100%; height: 300px; object-fit: fill;}
           section#tegra__localizacao div.localizacao__tegra__img img { width: 100%; height: 100%; object-fit: cover; }
           section#tegra__localizacao p.endereco__tegra__localizacao {  color: #333; font-size: 24px ; padding-top: 20px;}
           section#tegra__localizacao nav.links__tegra__localizacao {    width: 100%;    height: 70px;    display: flex;    align-items: center;    justify-content: left; margin-top: 20px; }
           section#tegra__localizacao nav.links__tegra__localizacao ul {   display: flex;   align-items: center;   justify-content: center;gap: 10px;    list-style: none;    margin: 0;    padding: 0; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li {    list-style: none; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a {   display: inline-flex;   align-items: center;   gap: 10px;   padding: 12px 24px;   text-decoration: none;   font-weight: 600;   font-size: 16px;   border-radius: 8px;   transition: all 0.3s ease;   border: 2px solid transparent; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"] {    color: #00BFFE;    border-color: #00BFFE; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"]:hover {   background: #00BFFE;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(0, 191, 254, 0.4); }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"] i {  font-size: 20px;  color: #00BFFE;  transition: color 0.3s ease; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"]:hover i { color: #fff; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"],
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"] {    color: #4285F4;    border-color: #4285F4; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"]:hover,
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"]:hover {   background: #4285F4;   color: #fff;   transform: translateY(-2px);   box-shadow: 0 4px 15px rgba(66, 133, 244, 0.4); }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"] i, section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"] i {  font-size: 20px;  color: #4285F4;  transition: color 0.3s ease; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"]:hover i, section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"]:hover i {    color: #fff; }
           section#tegra__localizacao div.bloco__mapa__info {  display: flex;flex-direction: column; padding: 2rem 0rem; width: 100%; height: 100%; gap: 30px; flex-direction: column; ;}
           section#tegra__localizacao div.bloco__mapa__infodiv.container__tegra__mapa { width: 100%; height: 100%;}
           section#tegra__localizacao div.bloco__mapa__infodiv.container__tegra__mapa  iframe { width: 100%; height: 100%; }
           section#tegra__localizacao div.bairro__tegra__localizacao {  padding:  1rem; width: 100%; height: 100%; }
           section#tegra__localizacao div.bairro__tegra__localizacao h3.texto__bairro__tegra__localizacao { font-size: 22px; color: #333; padding-bottom: 15px; }
           section#tegra__localizacao div.bairro__tegra__localizacao p.descricao__bairro__tegra__localizacao {  font-size: 15px; color: #333; line-height: 22px; padding-bottom: 10px;}
   
           /*-- ============================================
           SECTION -  INCORPORADORA
           ============================================ */
           section#tegra__incorporadora {  width: 100%; height: 100%; position: relative; padding: 0 1rem; }
           section#tegra__incorporadora div.container__tegra__incorporadora { display: flex; align-items: center; justify-content: center;  flex-direction: column; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.tegra__logo__incorporadora {  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center ;}
           section#tegra__incorporadora div.container__tegra__incorporadora div.tegra__logo__incorporadora img { width: 80%;  margin-bottom: 50px;}
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora {  width: 100%; height: 100%; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora h3.titulo__tegra__incorporadora {  font-size: 28px; color: #333; padding-bottom: 10px; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora p.texto__tegra__incorporadora { line-height: 28px; font-size: 14px; }
   
           /*-- ============================================
           FOOTER E FORMULARIO
           ============================================ */
           footer#footer__tegra__incorporadora {  width: 100%; height: 100%; position: relative; margin-top: 100px; padding: 6rem 1rem; background-image: linear-gradient(to right bottom, #1a1c22, #25272f, #30333c, #3c3f49, #494b57, #555663, #61626f, #6d6e7b, #7b7c88, #898a96, #9899a4, #a7a8b2);}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora { display: flex; align-items: center; justify-content: center;  flex-direction: column; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.footer__tegra__contatos { width: 100%; height: 100%;  padding: 2rem 0rem;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora p.footer__descricao__tegra {  color: #fff;   font-size: 18px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora h4.footer__titulo__tegra {  color: #fff; font-size: 22px; padding:  1rem 0rem; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora p.footer__subtexto__tegra {  color: #fff;  padding:  0rem; font-size: 18px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes {   width: 100%; height: 100%; gap: 20px;  display: flex; flex-direction: column; margin-top: 30px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button {  width: 100%; height: 100%; display: flex; align-items: center; border: 1px solid #fff; border-radius: 20px; padding: 0.5rem 2rem;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button i {  font-size: 30px; margin-right: 10px; color: #fff;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto { text-align: left; display: flex; flex-direction: column; gap: 0px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto p.texto__botao__footer { font-weight: 700; margin-bottom: -5px; color: #fff;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto p.valor__botao__footer { color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem {  margin-top: 20px;  padding: 2rem 0rem; width: 50%; height: 50px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem ul {  display: flex; align-items: center; gap: 40px;  align-items: center; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem ul li a i { color: #fff; font-size: 20px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario {   width: 100%; height: 100%;  padding: 2rem;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer {  padding: 20px 0px;   border-bottom: 2px solid rgba(255, 255, 255, 0.38); display: flex; flex-direction: column; gap: 20px ;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer p.titulo__input__footer { color: #fff; padding-bottom: 0px;; font-size: 18px;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer input { width: 100%; height: 30px; margin-top: -15px; padding: 0 10px; background-color:  transparent; color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer input::placeholder { color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario button {  background-color: #333; margin-top: 50px;  width: 100%; padding: 0.8rem 0;  font-size: 24px; font-weight: 600;  color: #fff; border-radius: 20px; }
           /* ============================================
           CSS ADICIONAL PARA O FORMULÁRIO
           ============================================ */
   
           /* Campo Mensagem (textarea) */
           .bloco__input__footer textarea {    width: 100%;    padding: 12px 15px;    border: 1px solid #ddd; color: #fff;    border-radius: 4px;    font-family: inherit;    font-size: 14px;    resize: vertical;    min-height: 100px;    transition: border-color 0.3s ease; background-color: transparent;}
           .bloco__input__footer textarea:focus {  outline: none;  border-color: #0804f3; }
           .bloco__input__footer textarea::placeholder {    color: #fff; }
   
           /* ============================================
           MENSAGENS DE FEEDBACK (Sucesso/Erro)
           ============================================ */
   
           .alert {    padding: 15px 20px;    margin-bottom: 20px;    border-radius: 8px;    font-size: 14px;    font-weight: 600;    animation: slideInDown 0.4s ease; }
           .alert-success {   background: #d4edda;   color: #155724;   border: 1px solid #c3e6cb; }
           .alert-success::before {    content: '✅ '; }
           .alert-error {   background: #f8d7da;   color: #721c24;   border: 1px solid #f5c6cb; }
           .alert-error::before {  content: '❌ '; }
   
           /* Animação de entrada */
           @keyframes slideInDown {   from {   transform: translateY(-20px);   opacity: 0; }   to {    transform: translateY(0);    opacity: 1; } }
   
           /*-- ============================================
           DESENVOLVIMENTO
           ============================================ */
           div.desenvolvimento {   width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0.5rem 0; }
           div.desenvolvimento p.texto__link__dev {  color: #333; font-size: 12px; }
           div.desenvolvimento p.texto__link__dev  a { color: red; }
   
           /*-- ============================================
           BOTÃO WHATSAAP
           ============================================ */
   
           .whatsapp-float {   position: fixed;   bottom: 30px;   right: 30px;   z-index: 99999;   width: 65px;  height: 65px;       background: #25D366;   color: #fff;   border-radius: 50%;   box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);     display: flex;  align-items: center;  justify-content: center;  font-size: 36px;   text-decoration: none;   transition: all 0.3s ease;   cursor: pointer; }
           .whatsapp-float:hover {  background: #20BD5A;  transform: scale(1.1);  box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6); }
           .whatsapp-float:active {   transform: scale(0.95); }
           .whatsapp-float::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border-radius: 50%;    background: #25D366;    z-index: -1;    animation: pulse-ring 1.5s ease-out infinite; }
           @keyframes pulse-ring {    0% {        transform: scale(1);        opacity: 1;    }   100% {      transform: scale(1.4);       opacity: 0;   } }
           .whatsapp-float::after {   content: 'Fale Conosco';   position: absolute;   right: 75px;   top: 50%;   transform: translateY(-50%);   background: #1a1a1a;   color: #fff;   padding: 10px 16px;   border-radius: 6px;   font-size: 14px;   font-weight: 600;   white-space: nowrap;   opacity: 0;   visibility: hidden;   transition: all 0.3s ease;   pointer-events: none;   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
           .whatsapp-float::after {    content: 'Fale Conosco';}
           .whatsapp-float:hover::after {    opacity: 1;    visibility: visible;    right: 80px; }
   
   
   
           /* ============================================
           MODAL DE TELEFONE
           Rio by Piero Lissoni
           ============================================ */
   
           /* Overlay do modal */
           .modal-telefone-overlay {   display: none;   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.8);   z-index: 10000;   opacity: 0;   transition: opacity 0.3s ease; }
           .modal-telefone-overlay.active {  display: flex;  align-items: center;  justify-content: center;  opacity: 1;}
   
           /* Conteúdo do modal */
           .modal-telefone-content { background: #fff; border-radius: 20px; padding: 40px;    max-width: 450px;    width: 90%;    position: relative;    transform: translateY(50px);    opacity: 0;    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);}
           .modal-telefone-overlay.active .modal-telefone-content {  transform: translateY(0);  opacity: 1;}
   
           /* Botão fechar */
           .modal-telefone-close {    position: absolute;    top: 15px;    right: 15px;    background: rgba(0, 0, 0, 0.05);    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    color: #1a1a1a;    transition: all 0.3s ease;}
           .modal-telefone-close:hover {   background: rgba(0, 0, 0, 0.1);   transform: rotate(90deg);}
   
           /* Header do modal */
           .modal-telefone-header {   text-align: center;   margin-bottom: 30px;}
           .modal-telefone-header i {   font-size: 50px;   color: #0804f3;   margin-bottom: 15px;   display: block;}
           .modal-telefone-header h3 {   font-size: 28px;   font-weight: 700;   color: #1a1a1a;   margin: 0; }
   
           /* Número de telefone */
           .modal-telefone-numero {   background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);   border-radius: 15px;   padding: 20px;   margin-bottom: 25px;   text-align: center;}
           .modal-telefone-numero p {  font-size: 26px;  font-weight: 700;  color: #1a1a1a;  margin: 0;  letter-spacing: 1px;}
   
           /* Botões de ação */
           .modal-telefone-acoes {  display: flex;  flex-direction: column;  gap: 12px; }
           .modal-telefone-btn {    display: flex;    align-items: center;    justify-content: center;    gap: 12px;    padding: 16px 24px;    border-radius: 12px;    border: 2px solid;    font-size: 16px;    font-weight: 600;    cursor: pointer;    transition: all 0.3s ease;    background: transparent;}
           .modal-telefone-btn i {  font-size: 20px;}
   
           /* Botão Ligar */
           .btn-ligar {    color: #0804f3;    border-color: #0804f3;}
           .btn-ligar:hover {    background: #0804f3;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(8, 4, 243, 0.3);}
   
           /* Botão Copiar */
           .btn-copiar {    color: #6c757d;    border-color: #6c757d;}
           .btn-copiar:hover {   background: #6c757d;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3);}
   
           /* Botão WhatsApp */
           .btn-whatsapp {   color: #25D366;   border-color: #25D366;}
           .btn-whatsapp:hover {   background: #25D366;   color: #fff;   transform: translateY(-2px);   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);}
   
           /* Feedback */
           .modal-telefone-feedback {    text-align: center;    margin-top: 20px;    padding: 12px;    border-radius: 8px;    font-size: 14px;    font-weight: 600;    opacity: 0;    transform: translateY(-10px);    transition: all 0.3s ease;}
           .modal-telefone-feedback.show {    opacity: 1;    transform: translateY(0);}
           .modal-telefone-feedback.success {  background: #d4edda;  color: #155724;}
           .modal-telefone-feedback.error {  background: #f8d7da;  color: #721c24;}
   
           /* Body com modal aberto */
           body.modal-telefone-open {   overflow: hidden; }
   
   
   
   
           /* ============================================
           MODAL OVERLAY
           ============================================ */
           .galeria__modal__overlay {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.96);   z-index: 99999;   opacity: 0;   visibility: hidden;   transition: all 0.35s ease;   display: flex;   flex-direction: column; }
           .galeria__modal__overlay.active {  opacity: 1;  visibility: visible; }
   
           /* ============================================
           MODAL HEADER
           ============================================ */
           .galeria__modal__header {   display: flex;   justify-content: space-between;   align-items: center;   padding: 25px 40px;   background: rgba(26, 26, 26, 0.95);   border-bottom: 1px solid rgba(255, 255, 255, 0.1);   backdrop-filter: blur(10px); }
           .galeria__modal__title {   color: #fff;   font-size: 18px;   font-weight: 600;   text-transform: uppercase;   letter-spacing: 2px;   font-family: 'Montserrat', sans-serif; }
           .galeria__modal__info {   display: flex;   align-items: center;   gap: 20px; }
           .galeria__modal__counter {   color: rgba(255, 255, 255, 0.7);   font-size: 14px;   font-weight: 500; }
           .galeria__modal__close {    background: transparent;    border: none;    color: #fff;    font-size: 28px;    cursor: pointer;    width: 40px;    height: 40px;    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;    border-radius: 50%; }
           .galeria__modal__close:hover {   background: rgba(255, 255, 255, 0.1);   transform: rotate(90deg);   color: #ff4444; }
   
           /* ============================================
           BARRA DE PROGRESSO AUTO-PLAY
           ============================================ */
           .galeria__progress__bar {    width: 100%;    height: 3px;    background: rgba(255, 255, 255, 0.1);    position: relative;    overflow: hidden; }
           .galeria__progress__fill {   height: 100%;   background: #fff;   width: 0%;   transition: width 0.1s linear; }
           .galeria__progress__fill.animating {  transition: width 5s linear; }
   
           /* ============================================
           MODAL CONTENT CONTAINER
           ============================================ */
           .galeria__modal__content {   flex: 1;   display: flex;   align-items: center;   justify-content: center;   padding: 20px;   position: relative;   overflow: hidden; }
   
           /* ============================================
           CONTAINER DE IMAGENS (SCROLL HORIZONTAL)
           ============================================ */
           .galeria__imagens__container {  display: flex;  gap: 20px;  overflow-x: auto;  scroll-snap-type: x mandatory;  scroll-behavior: smooth;  -webkit-overflow-scrolling: touch;  width: 100%;  height: 100%;  scrollbar-width: none;  -ms-overflow-style: none; }
           .galeria__imagens__container::-webkit-scrollbar {  display: none; }
   
           /* ============================================
           IMAGEM INDIVIDUAL
           ============================================ */
           .galeria__imagem__wrapper {    min-width: 100%;    height: 100%;    scroll-snap-align: center;    display: flex;    align-items: center;    justify-content: center;    position: relative; }
           .galeria__imagem {   max-width: 100%;   max-height: 75vh;   object-fit: contain;   transition: transform 0.35s ease;   user-select: none;   -webkit-user-drag: none; }
   
           /* ZOOM */
           .galeria__imagem.zoomed {   transform: scale(2);   cursor: move; }
   
           /* ============================================
           BOTÕES DE NAVEGAÇÃO (FIXOS FORA)
           ============================================ */
           .galeria__nav__buttons {    position: absolute;    top: 50%;    left: 0;    right: 0;    transform: translateY(-50%);    display: flex;    justify-content: space-between;    pointer-events: none;    z-index: 10;    padding: 0 20px; }
           .galeria__nav__btn {   pointer-events: all;   background: rgba(255, 255, 255, 0.9);   border: none;   color: #1a1a1a;   width: 50px;   height: 50px; font-size: 20px;   cursor: pointer;   transition: all 0.3s ease;   display: flex;   align-items: center;   justify-content: center;   border-radius: 50%;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); }
           .galeria__nav__btn:hover {   background: #fff;  transform: scale(1.1);}
           .galeria__nav__btn:active {   transform: scale(0.95); }
           .galeria__nav__btn:disabled {    opacity: 0.3;   cursor: not-allowed; }
   
           /* ============================================
           CONTROLES DE ZOOM (PLANTAS)
           ============================================ */
           .galeria__zoom__controls {   position: absolute;   bottom: 30px;   left: 50%;   transform: translateX(-50%);   display: none;   gap: 15px;   background: rgba(0, 0, 0, 0.8);   padding: 12px 20px;   border-radius: 30px;   backdrop-filter: blur(10px); }
           .galeria__zoom__controls.active {  display: flex; }
           .galeria__zoom__btn {  background: rgba(255, 255, 255, 0.2);  border: 1px solid rgba(255, 255, 255, 0.3);  color: #fff;  width: 40px;  height: 40px;  font-size: 18px;  cursor: pointer;  transition: all 0.3s ease;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%; }
           .galeria__zoom__btn:hover {   background: rgba(255, 255, 255, 0.3);  transform: scale(1.1); }
           .galeria__zoom__level {    color: #fff;    font-size: 14px;    font-weight: 600;    display: flex;    align-items: center;    padding: 0 10px; }
   
           /* ============================================
           THUMBNAILS
           ============================================ */
           .galeria__thumbnails {    display: flex;    gap: 12px;    justify-content: center;    padding: 20px 40px;    background: rgba(26, 26, 26, 0.95);    border-top: 1px solid rgba(255, 255, 255, 0.1);    overflow-x: auto;    scrollbar-width: thin; }
           .galeria__thumbnails::-webkit-scrollbar {  height: 6px; }
           .galeria__thumbnails::-webkit-scrollbar-track {   background: rgba(255, 255, 255, 0.05); }
           .galeria__thumbnails::-webkit-scrollbar-thumb {   background: rgba(255, 255, 255, 0.2);   border-radius: 3px; }
           .galeria__thumbnail {  min-width: 90px;  height: 70px;  object-fit: cover;  cursor: pointer;  opacity: 0.4;  transition: all 0.3s ease;  border: 2px solid transparent;  border-radius: 4px; }
           .galeria__thumbnail:hover {  opacity: 0.7;  transform: scale(1.05); }
           .galeria__thumbnail.active {   opacity: 1;   border-color: #fff;   box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3); }
   
           /* ============================================
           LOADING
           ============================================ */
           .galeria__loading {   position: absolute;  top: 50%;   left: 50%;   transform: translate(-50%, -50%);   color: #fff;   font-size: 18px;   display: none;   align-items: center;   gap: 10px; }
           .galeria__loading.active {   display: flex; }
           .galeria__loading i {    animation: spin 1s linear infinite; }
           @keyframes spin {   from { transform: rotate(0deg); }  to { transform: rotate(360deg); } }
   
   
           /* ============================================
           ANIMAÇÕES
           ============================================ */
           @keyframes fadeIn {
           from {   opacity: 0;   transform: scale(0.95); }
           to {   opacity: 1;   transform: scale(1); }
           }
   
           .galeria__imagem {  animation: fadeIn 0.35s ease; }
   
           /* ============================================
           ACESSIBILIDADE
           ============================================ */
           .galeria__modal__overlay:focus { outline: none; }
   
           button:focus-visible {  outline: 2px solid #fff;  outline-offset: 2px; }
   
           /* ============================================
           UTILITÁRIOS
           ============================================ */
           .no-scroll {    overflow: hidden; }
   
   
           /* Animação de entrada */
           @keyframes modalSlideUp { from {   transform: translateY(50px);    opacity: 0;}  to {   transform: translateY(0);   opacity: 1; }}



   
.tegra__links {   display: block;}
#tegra__header {  padding: 25px 60px;}
.morarbem__logo { width: 60px; }
#tegra__header { padding: 25px 80px;}
.tegra__links ul { gap: 50px; display: none;}
.tegra__links a {    font-size: 16px;}
#tegra__header {  padding: 16px 20px;}
.morarbem__logo {  width: 45px;}
.perfil__foto {   width: 60px;   height: 60px;}
.perfil__nome {  font-size: 18px;}
.menu-mobile__whatsapp {   font-size: 14px;   padding: 14px 20px;}
.social-link {   width: 45px;    height: 45px;   font-size: 20px;}
.bloco__input__footer textarea {    font-size: 13px;    padding: 10px 12px; }
.alert {  font-size: 13px;  padding: 12px 15px; }
.whatsapp-float {       bottom: 20px;       right: 20px;       width: 60px;       height: 60px;       font-size: 32px;  }
.whatsapp-float::after {     display: none; }
.whatsapp-float::before {     animation: pulse-ring-mobile 1.5s ease-out infinite; }
@keyframes pulse-ring-mobile {    0% {       transform: scale(1);       opacity: 1;   }   100% {       transform: scale(1.3);       opacity: 0;   }}
.whatsapp-float { animation: slideInUp 0.5s ease-out; }
@keyframes slideInUp {  from {      opacity: 0;      transform: translateY(100px);  }  to {      opacity: 1;      transform: translateY(0);  } }
.whatsapp-float:focus {  outline: 3px solid #25D366;  outline-offset: 3px; }
.modal-telefone-content {   padding: 30px 25px;   max-width: 95%; }
.modal-telefone-header h3 {   font-size: 24px;}
.modal-telefone-numero p {   font-size: 22px;}
.modal-telefone-btn { font-size: 15px; padding: 14px 20px;}
.modal-telefone-content {  padding: 25px 20px; }
.modal-telefone-header i {  font-size: 40px;}
.modal-telefone-header h3 {      font-size: 22px; }
.modal-telefone-numero p {     font-size: 20px; }
.modal-telefone-btn {   font-size: 14px;   padding: 12px 18px;}
.modal-telefone-btn i {    font-size: 18px;}
.container__tegra__imagens__botoes {     flex-direction: column;     padding: 20px;     gap: 15px;  }
.fotos__empreendimento,   .plantas__empreendimento {     width: 100%;     justify-content: center;     padding: 16px 30px;     font-size: 14px;  }
.galeria__modal__header {    padding: 20px; }
.galeria__modal__title {   font-size: 14px; }
.galeria__modal__close {   font-size: 24px;  width: 36px;   height: 36px; }
.galeria__modal__counter {   font-size: 12px; }
.galeria__modal__content {    padding: 10px; }
.galeria__imagem {     max-height: 60vh; }
.galeria__nav__buttons {  padding: 0 10px;  }
.galeria__nav__btn {    width: 45px;    height: 45px;    font-size: 18px; }
.galeria__zoom__controls {   bottom: 20px;   padding: 10px 16px;   gap: 12px; }
.galeria__zoom__btn {   width: 36px;   height: 36px;    font-size: 16px; }
.galeria__zoom__level {   font-size: 12px;  padding: 0 8px; }
.galeria__thumbnails {   padding: 15px 20px;   gap: 10px; }
.galeria__thumbnail {     min-width: 70px;   height: 55px; }

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

      /*-- ============================================
       SECTION - TEGRA MORAR BEM
       ============================================ */
       
       section#tegra__morarbem {  width: 100%; height: 100vh; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat;position: relative  }
       section#tegra__morarbem::before { content: "";  width: 100%; height: 100vh;  background: #000; position: absolute; opacity: 50%; top: 0px; left: 0px; border-radius: 0px;}
   
   /* ============================================
      HEADER
      ============================================ */
   #tegra__header {   display: flex;   align-items: center;   justify-content: space-between;   padding: 20px 40px;   background: #fff;   transition: all 0.3s ease;   position: relative;   z-index: 900; }
   #tegra__header.sticky {  position: fixed;  top: 0;  left: 0;  width: 100%;  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);  animation: slideDown 0.3s ease; }
   @keyframes slideDown {  from {   transform: translateY(-100%);   opacity: 0; } to {   transform: translateY(0);   opacity: 1; } }
   
   /* Logo */
   .header__logo {   margin: 0; }
   .logo-link {    display: block;    transition: transform 0.3s ease; }
   .logo-link:hover {  transform: scale(1.05);}
   .morarbem__logo {   display: block;   width: 50px;   height: auto;}
   
   /* ============================================
      NAVEGAÇÃO DESKTOP
      ============================================ */
   .tegra__links {  display: none;}
   .tegra__links ul {    display: flex;    gap: 40px;    list-style: none;    margin: 0;    padding: 0; }
   .tegra__links a {   color: #1a1a1a;   text-decoration: none;   font-size: 15px;   font-weight: 500;   letter-spacing: 0.5px;   padding: 8px 0;   position: relative;   transition: color 0.3s ease; }
   .tegra__links a::after {   content: '';   position: absolute;   bottom: 0;   left: 0;   width: 0;   height: 2px;   background: #d4af37;   transition: width 0.3s ease; }
   .tegra__links a:hover {   color: #d4af37; }
   .tegra__links a:hover::after {   width: 100%;}
   
   /* Indicador de seção ativa */
   .tegra__links .nav-item.active a {   color: #d4af37;   font-weight: 600; }
   .tegra__links .nav-item.active a::after { width: 100%;}
   
   /* ============================================
      BOTÃO MENU MOBILE
      ============================================ */
   .botao_menu { display: flex; align-items: center; gap: 8px; background: transparent; border: none; cursor: pointer; padding: 8px 12px; transition: all 0.3s ease; border-radius: 6px; }
   .botao_menu:hover {  background: rgba(0, 0, 0, 0.05); }
   .botao_menu i {    font-size: 20px;    color: #1a1a1a; }
   .botao_menu_texto {  font-size: 14px;  font-weight: 600;  color: #1a1a1a;  margin: 0;}
   
   /* ============================================
      MENU MOBILE CONTAINER
      ============================================ */
   .menu-mobile-container {    display: none;   position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 9999; }
   .menu-mobile-container.active { display: block; }
   
   /* ============================================
      OVERLAY (Fundo escuro)
      ============================================ */
   .menu-mobile-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.8);   opacity: 0;   transition: opacity 0.3s ease; }
   .menu-mobile-container.active .menu-mobile-overlay {  opacity: 1; }
   
   /* ============================================
      MENU MOBILE
      ============================================ */
   .menu-mobile {   position: absolute;   bottom: 0;   left: 0;   width: 100%;   max-height: 90vh;   background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);   border-radius: 20px 20px 0 0;   overflow-y: auto;   transform: translateY(100%);   transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);   padding-bottom: env(safe-area-inset-bottom);}
   .menu-mobile-container.active .menu-mobile {  transform: translateY(0);}
   
   /* Scroll suave no menu */
   .menu-mobile {   scrollbar-width: thin;   scrollbar-color: rgba(255, 255, 255, 0.2) transparent;}
   .menu-mobile::-webkit-scrollbar { width: 6px;}
   .menu-mobile::-webkit-scrollbar-track {   background: transparent;}
   .menu-mobile::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2);  border-radius: 3px;}
   
   /* ============================================
      BOTÃO FECHAR
      ============================================ */
   .menu-mobile__close {    position: absolute;    top: 20px;    right: 20px;    background: rgba(255, 255, 255, 0.1);    border: none;    color: #fff;    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    transition: all 0.3s ease;    z-index: 10;}
   .menu-mobile__close:hover {    background: rgba(255, 255, 255, 0.2);   transform: rotate(90deg);
   }
   
   /* ============================================
      PERFIL DO CORRETOR
      ============================================ */
   .menu-mobile__perfil {   display: flex;    align-items: center;    gap: 16px;    padding: 40px 24px 24px;    border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
   .perfil__foto {    margin: 0;    width: 70px;    height: 70px;    border-radius: 50%;    overflow: hidden;    border: 3px solid rgba(255, 255, 255, 0.2);    flex-shrink: 0;}
   .perfil__foto img {   width: 100%;   height: 100%;   object-fit: cover;}
   .perfil__info {   flex: 1;}
   .perfil__nome {  color: #fff;  font-size: 20px;  font-weight: 700;  margin: 0 0 4px 0; }
   .perfil__cargo {   color: rgba(255, 255, 255, 0.7);   font-size: 14px;   margin: 0; }
   
   /* ============================================
      BOTÃO WHATSAPP DESTAQUE
      ============================================ */
   .menu-mobile__whatsapp {   display: flex;   align-items: center;   justify-content: center;   gap: 12px;   margin: 20px 24px;   padding: 16px 24px;   background: #25D366;   color: #fff;   text-decoration: none;   border-radius: 30px;   font-weight: 600;   font-size: 16px;   transition: all 0.3s ease;   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);}
   .menu-mobile__whatsapp:hover {   background: #20BD5A;   transform: translateY(-2px);   box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);}
   .menu-mobile__whatsapp i {   font-size: 22px;}
   
   /* ============================================
      LINKS DE NAVEGAÇÃO
      ============================================ */
   .menu-mobile__nav {   padding: 20px 0;}
   .menu-mobile__nav ul {   list-style: none;  margin: 0;  padding: 0;}
   .menu-mobile__nav li {    border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
   .menu-nav-link {   display: flex;   align-items: center;   gap: 16px;   padding: 18px 24px;   color: #fff;   text-decoration: none;   font-size: 16px;   font-weight: 500;   transition: all 0.3s ease;}
   .menu-nav-link:hover {  background: rgba(255, 255, 255, 0.05);  padding-left: 30px;}
   .menu-nav-link i:first-child {    font-size: 20px;    width: 24px;    color: #d4af37;}
   .menu-nav-link span {    flex: 1;}
   .menu-nav-link i:last-child {   font-size: 14px;   color: rgba(255, 255, 255, 0.4);}
   
   /* ============================================
      REDES SOCIAIS
      ============================================ */
   .menu-mobile__social {   padding: 24px;   border-top: 1px solid rgba(255, 255, 255, 0.1);}
   .menu-mobile__social h4 {    color: rgba(255, 255, 255, 0.7);    font-size: 14px;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 1px;    margin: 0 0 16px 0;    text-align: center;}
   .social-links {  display: flex;  gap: 12px;  justify-content: center;  list-style: none;  margin: 0;  padding: 0;}
   .social-link {   width: 50px;   height: 50px;   border-radius: 50%;   display: flex;   align-items: center;   justify-content: center;   color: #fff;   font-size: 22px;   transition: all 0.3s ease;   text-decoration: none;   position: relative;   overflow: hidden;}
   .social-link::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(255, 255, 255, 0.2);    transform: scale(0);    border-radius: 50%;    transition: transform 0.3s ease;}
   .social-link:hover::before {  transform: scale(1);}
   .social-link:hover {   transform: translateY(-4px);}
   .social-link i {  position: relative;  z-index: 1;}
   
   /* CORES OFICIAIS DAS REDES SOCIAIS */
   .social-instagram {  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}
   .social-instagram:hover {  box-shadow: 0 6px 20px rgba(225, 48, 108, 0.5);}
   .social-facebook { background: #1877F2;}
   .social-facebook:hover {  box-shadow: 0 6px 20px rgba(24, 119, 242, 0.5);}
   .social-linkedin {  background: #0A66C2;}
   .social-linkedin:hover {   box-shadow: 0 6px 20px rgba(10, 102, 194, 0.5);}
   .social-youtube {  background: #FF0000;}
   .social-youtube:hover {    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.5);}
   
   /* ============================================
      RODAPÉ DO MENU
      ============================================ */
   .menu-mobile__footer {  padding: 20px 24px 30px;  text-align: center;  border-top: 1px solid rgba(255, 255, 255, 0.1);}
   .menu-mobile__footer p {   color: rgba(255, 255, 255, 0.5);   font-size: 13px;   margin: 4px 0;}
   .menu-footer-copy {   font-size: 11px !important;}
   
   
   /* ============================================
      ACESSIBILIDADE
      ============================================ */
   @media (prefers-reduced-motion: reduce) {
       * {
           animation-duration: 0.01ms !important;
           animation-iteration-count: 1 !important;
           transition-duration: 0.01ms !important;
       }
   }
   
   /* Focus visible */
   a:focus-visible,
   button:focus-visible {  outline: 2px solid #d4af37;  outline-offset: 2px; }
   
           /* ============================================
           BODY COM MENU ABERTO
           ============================================ */
           body.menu-mobile-open {   overflow: hidden;}
           section#tegra__morarbem div.tegra__morarbem__container {  gap: 30px;  position: absolute; width: 100%; height: 200px; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; padding: 0 3rem;   z-index: 1000; border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
           section#tegra__morarbem div.tegra__morarbem__container h1 { color: #fff; font-size: 2em; }
           section#tegra__morarbem div.tegra__morarbem__container button.tegra__book {  border: 1px solid rgba(255, 255, 255, 0.38);  width: 100%; height: 50px;  font-size: 20px;; color: #fff; border-radius: 20px; background-color: rgba(255, 255, 255, 0.2); }
   
           /*-- ============================================
           SECTION - TIPOLOGIA E CARACTERISTICAS
           ============================================ */
           section#tegra_tipologia { position: relative; width: 100%; height: 100vh; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761236664/WhatsApp_Image_2025-10-15_at_18.13.30_3_d3uf1v.jpg) center/ cover no-repeat}
           section#tegra_tipologia::before { content: "";  width: 100%; height: 100vh;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#tegra_tipologia div.container_tegra_tipologia { position: absolute; width: 100%; height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; flex-direction: column ;}
           section#tegra_tipologia div.container_tegra_tipologia div.tegra_slide { display: none;}
           section#tegra_tipologia div.container_tegra_tipologia div.tegra_slides figure img.tegra_img_slide {  width: 90%; height: 90%; object-fit: fill ; display: none;}
           section#tegra_tipologia div.tegra_tipologia_info {  width: 100%; height: 100%;  display: flex; align-items: center; justify-content: center; flex-direction: column;}
           section#tegra_tipologia div.tegra_tipologia_info h1.titulo_tipologia { color: #fff; font-size: 2rem; text-align: center; }
           section#tegra_tipologia div.tegra_tipologia_info p.texto_tipologia { color: #fff;  text-align: center; padding: 1rem 2rem; }
           section#tegra_tipologia div.tipologia_grid { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px;  padding:  2rem; width: 100%;}
           section#tegra_tipologia div.tipologia_grid span.tipologia_item {  border: 2px solid rgba(255, 255, 255, 0.38); display: flex; align-items: center; justify-content: center;  padding:  2rem 1rem; width: 100%; height: 40px; border-radius: 20px; gap: 10px; color: #fff; font-size: 16px; font-weight: 600; }
           section#tegra_tipologia button.contato_whatsaap {  background-color: #25D366; width: 60%; border-radius: 20px;  padding: 0.5rem 2rem; font-size: 18px; font-weight: 400; gap: 10px; color: #fff; display: flex; align-items: center; justify-content: center; ; }
           .pulsate-fwd{animation:pulsate-fwd .5s ease-in-out infinite both }
           @keyframes pulsate-fwd{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
   
           /*-- ============================================
           SECTION -  APRESENTAÇÃO
           ============================================ */
           section#tegra_apresentacao { width: 100%; height: 100%; padding: 4rem 3rem; position: relative; }
           section#tegra_apresentacao div.tegra_apresentacao_img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; opacity: 20%; width: 50%;}
           section#tegra_apresentacao h2.titulo_apresentacao { color: #333; text-align: center; padding-bottom: 30px; font-size: 28px; }
           section#tegra_apresentacao p.texto_apresentacao {  font-size: 16px; font-weight: 300; line-height: 28px; padding-bottom: 20px;}
           section#tegra_apresentacao div.apresentacao__youtube { width: 100%; height: 100%; margin-top: 80px;}
   
           /*-- ============================================
           SECTION -  BOTÕES FOTOS E PLANTAS
           ============================================ */
           section#botoes__tegra__imagens {width: 100%; height: 300px;  display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat ; position: relative;}
           section#botoes__tegra__imagens::before { content: "";  width: 100%; height: 300px;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#botoes__tegra__imagens div.container__tegra__imagens { width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 50px; }
           section#botoes__tegra__imagens div.container__tegra__imagens h3.titulo__tegra__imagens { color: #fff; font-size: 28px; }
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes {  width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; gap: 20px;}
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes button { border: 2px solid rgba(255, 255, 255, 0.38); width: 80%; height: 100%;  display: flex; gap: 10px;  align-items: center; justify-content: center; font-size: 20px; font-weight: 600; color: #fff;  border-radius: 20px;}
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes button:hover { border: 2px solid #0804f3;  color: #0804f3; transform: 1s scale(1);}
   
           /*-- ============================================
           SECTION -  BOTÃO FICHA TECNICA
           ============================================ */
           section#botao__ficha__tecnica {   width: 100%; height: 200px; justify-content: center; display: flex; align-items: center;  padding: 0 2rem;}
           section#botao__ficha__tecnica button.titulo__botao__ficha__tecnica { border:  2px  double #333; width: 100%;  height: 70px; padding: 1rem 2rem; display: flex; justify-content: center; align-items: center; font-size: 20px;  border-radius: 20px ;}
   
           /*-- ============================================
           SECTION -  CONTATO E INFORMAÇÕES
           ============================================ */
           section#informacoes { width: 100%; height: 400px;  display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat ; position: relative;}
           section#informacoes::before { content: "";  width: 100%; height: 400px;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#informacoes div.container__tegra__informacoes {   position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;  gap: 50px; flex-direction: column;}
           section#informacoes div.container__tegra__informacoes  h4.titulo__tegra__informacoes {  color:  #fff; font-size: 28px; font-size: 600; }
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul{ display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-direction: column;}
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li {  border: 2px solid rgba(255, 255, 255, 0.38); width: 200px; height: 50px; border-radius: 20px;  display: flex; align-items: center; justify-content: center;}
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li:hover { border: 2px solid #0804f3;  color: #0804f3; transform: 1s scale(1);}
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li  a { color: #fff; font-size: 18px; ; }
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li  a i { margin-right: 10px; }
   
           /*-- ============================================
           SECTION -  LOCALIIZAÇÃO
           ============================================ */
           section#tegra__localizacao { width: 100%; height: 100%; position: relative; padding: 4rem 1rem; }
           section#tegra__localizacao h3.titulo__tegra__localizacao {  text-align: center; color: #333; text-align: center; padding-bottom: 30px; font-size: 28px; }
           section#tegra__localizacao div.localizacao__tegra__img {  background-color: rebeccapurple; width: 100%; height: 300px; object-fit: fill;}
           section#tegra__localizacao div.localizacao__tegra__img img { width: 100%; height: 100%; object-fit: cover; }
           section#tegra__localizacao p.endereco__tegra__localizacao {  color: #333; font-size: 24px ; padding-top: 20px;}
           section#tegra__localizacao nav.links__tegra__localizacao {    width: 100%;    height: 70px;    display: flex;    align-items: center;    justify-content: left; margin-top: 20px; }
           section#tegra__localizacao nav.links__tegra__localizacao ul {   display: flex;   align-items: center;   justify-content: center;gap: 10px;    list-style: none;    margin: 0;    padding: 0; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li {    list-style: none; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a {   display: inline-flex;   align-items: center;   gap: 10px;   padding: 12px 24px;   text-decoration: none;   font-weight: 600;   font-size: 16px;   border-radius: 8px;   transition: all 0.3s ease;   border: 2px solid transparent; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"] {    color: #00BFFE;    border-color: #00BFFE; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"]:hover {   background: #00BFFE;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(0, 191, 254, 0.4); }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"] i {  font-size: 20px;  color: #00BFFE;  transition: color 0.3s ease; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"]:hover i { color: #fff; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"],
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"] {    color: #4285F4;    border-color: #4285F4; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"]:hover,
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"]:hover {   background: #4285F4;   color: #fff;   transform: translateY(-2px);   box-shadow: 0 4px 15px rgba(66, 133, 244, 0.4); }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"] i, section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"] i {  font-size: 20px;  color: #4285F4;  transition: color 0.3s ease; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"]:hover i, section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"]:hover i {    color: #fff; }
           section#tegra__localizacao div.bloco__mapa__info {  display: flex;flex-direction: column; padding: 2rem 0rem; width: 100%; height: 100%; gap: 30px; flex-direction: column; ;}
           section#tegra__localizacao div.bloco__mapa__infodiv.container__tegra__mapa { width: 100%; height: 100%;}
           section#tegra__localizacao div.bloco__mapa__infodiv.container__tegra__mapa  iframe { width: 100%; height: 100%; }
           section#tegra__localizacao div.bairro__tegra__localizacao {  padding:  1rem; width: 100%; height: 100%; }
           section#tegra__localizacao div.bairro__tegra__localizacao h3.texto__bairro__tegra__localizacao { font-size: 22px; color: #333; padding-bottom: 15px; }
           section#tegra__localizacao div.bairro__tegra__localizacao p.descricao__bairro__tegra__localizacao {  font-size: 15px; color: #333; line-height: 22px; padding-bottom: 10px;}
   
           /*-- ============================================
           SECTION -  INCORPORADORA
           ============================================ */
           section#tegra__incorporadora {  width: 100%; height: 100%; position: relative; padding: 0 3rem; }
           section#tegra__incorporadora div.container__tegra__incorporadora { display: flex; align-items: center; justify-content: center;  flex-direction: column; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.tegra__logo__incorporadora {  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center ;}
           section#tegra__incorporadora div.container__tegra__incorporadora div.tegra__logo__incorporadora img { width: 80%;  margin-bottom: 50px;}
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora {  width: 100%; height: 100%; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora h3.titulo__tegra__incorporadora {  font-size: 28px; color: #333; padding-bottom: 10px; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora p.texto__tegra__incorporadora { line-height: 28px; font-size: 14px; }
   
           /*-- ============================================
           FOOTER E FORMULARIO
           ============================================ */
           footer#footer__tegra__incorporadora {  width: 100%; height: 100%; position: relative; margin-top: 100px; padding: 6rem 1rem; background-image: linear-gradient(to right bottom, #1a1c22, #25272f, #30333c, #3c3f49, #494b57, #555663, #61626f, #6d6e7b, #7b7c88, #898a96, #9899a4, #a7a8b2);}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora { display: flex; align-items: center; justify-content: center;  flex-direction: column; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.footer__tegra__contatos { width: 100%; height: 100%;  padding: 2rem;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora p.footer__descricao__tegra {  color: #fff;   font-size: 18px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora h4.footer__titulo__tegra {  color: #fff; font-size: 22px; padding:  1rem 0rem; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora p.footer__subtexto__tegra {  color: #fff;  padding:  0rem; font-size: 18px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes {   width: 100%; height: 100%; gap: 20px;  display: flex; flex-direction: column; margin-top: 30px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button {  width: 100%; height: 100%; display: flex; align-items: center; border: 1px solid #fff; border-radius: 20px; padding: 0.5rem 2rem;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button i {  font-size: 30px; margin-right: 10px; color: #fff;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto { text-align: left; display: flex; flex-direction: column; gap: 0px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto p.texto__botao__footer { font-weight: 700; margin-bottom: -5px; color: #fff;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto p.valor__botao__footer { color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem {  margin-top: 20px;  padding: 2rem 0rem; width: 50%; height: 50px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem ul {  display: flex; align-items: center; gap: 40px;  align-items: center; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem ul li a i { color: #fff; font-size: 20px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario {   width: 100%; height: 100%;  padding: 2rem;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer {  padding: 20px 0px;   border-bottom: 2px solid rgba(255, 255, 255, 0.38); display: flex; flex-direction: column; gap: 20px ;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer p.titulo__input__footer { color: #fff; padding-bottom: 0px;; font-size: 18px;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer input { width: 100%; height: 30px; margin-top: -15px; padding: 0 10px; background-color:  transparent; color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer input::placeholder { color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario button {  background-color: #333; margin-top: 50px;  width: 100%; padding: 0.8rem 0;  font-size: 24px; font-weight: 600;  color: #fff; border-radius: 20px; }
           /* ============================================
           CSS ADICIONAL PARA O FORMULÁRIO
           ============================================ */
   
           /* Campo Mensagem (textarea) */
           .bloco__input__footer textarea {    width: 100%;    padding: 12px 15px;    border: 1px solid #ddd; color: #fff;    border-radius: 4px;    font-family: inherit;    font-size: 14px;    resize: vertical;    min-height: 100px;    transition: border-color 0.3s ease; background-color: transparent;}
           .bloco__input__footer textarea:focus {  outline: none;  border-color: #0804f3; }
           .bloco__input__footer textarea::placeholder {    color: #fff; }
   
           /* ============================================
           MENSAGENS DE FEEDBACK (Sucesso/Erro)
           ============================================ */
   
           .alert {    padding: 15px 20px;    margin-bottom: 20px;    border-radius: 8px;    font-size: 14px;    font-weight: 600;    animation: slideInDown 0.4s ease; }
           .alert-success {   background: #d4edda;   color: #155724;   border: 1px solid #c3e6cb; }
           .alert-success::before {    content: '✅ '; }
           .alert-error {   background: #f8d7da;   color: #721c24;   border: 1px solid #f5c6cb; }
           .alert-error::before {  content: '❌ '; }
   
           /* Animação de entrada */
           @keyframes slideInDown {   from {   transform: translateY(-20px);   opacity: 0; }   to {    transform: translateY(0);    opacity: 1; } }
   
           /*-- ============================================
           DESENVOLVIMENTO
           ============================================ */
           div.desenvolvimento {   width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0.5rem 0; }
           div.desenvolvimento p.texto__link__dev {  color: #333; font-size: 14px; }
           div.desenvolvimento p.texto__link__dev  a { color: red; }
   
           /*-- ============================================
           BOTÃO WHATSAAP
           ============================================ */
   
           .whatsapp-float {   position: fixed;   bottom: 30px;   right: 30px;   z-index: 99999;   width: 65px;  height: 65px;       background: #25D366;   color: #fff;   border-radius: 50%;   box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);     display: flex;  align-items: center;  justify-content: center;  font-size: 36px;   text-decoration: none;   transition: all 0.3s ease;   cursor: pointer; }
           .whatsapp-float:hover {  background: #20BD5A;  transform: scale(1.1);  box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6); }
           .whatsapp-float:active {   transform: scale(0.95); }
           .whatsapp-float::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border-radius: 50%;    background: #25D366;    z-index: -1;    animation: pulse-ring 1.5s ease-out infinite; }
           @keyframes pulse-ring {    0% {        transform: scale(1);        opacity: 1;    }   100% {      transform: scale(1.4);       opacity: 0;   } }
           .whatsapp-float::after {   content: 'Fale Conosco';   position: absolute;   right: 75px;   top: 50%;   transform: translateY(-50%);   background: #1a1a1a;   color: #fff;   padding: 10px 16px;   border-radius: 6px;   font-size: 14px;   font-weight: 600;   white-space: nowrap;   opacity: 0;   visibility: hidden;   transition: all 0.3s ease;   pointer-events: none;   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
           .whatsapp-float::after {    content: 'Fale Conosco';}
           .whatsapp-float:hover::after {    opacity: 1;    visibility: visible;    right: 80px; }
   
   
   
           /* ============================================
           MODAL DE TELEFONE
           Rio by Piero Lissoni
           ============================================ */
   
           /* Overlay do modal */
           .modal-telefone-overlay {   display: none;   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.8);   z-index: 10000;   opacity: 0;   transition: opacity 0.3s ease; }
           .modal-telefone-overlay.active {  display: flex;  align-items: center;  justify-content: center;  opacity: 1;}
   
           /* Conteúdo do modal */
           .modal-telefone-content { background: #fff; border-radius: 20px; padding: 40px;    max-width: 450px;    width: 90%;    position: relative;    transform: translateY(50px);    opacity: 0;    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);}
           .modal-telefone-overlay.active .modal-telefone-content {  transform: translateY(0);  opacity: 1;}
   
           /* Botão fechar */
           .modal-telefone-close {    position: absolute;    top: 15px;    right: 15px;    background: rgba(0, 0, 0, 0.05);    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    color: #1a1a1a;    transition: all 0.3s ease;}
           .modal-telefone-close:hover {   background: rgba(0, 0, 0, 0.1);   transform: rotate(90deg);}
   
           /* Header do modal */
           .modal-telefone-header {   text-align: center;   margin-bottom: 30px;}
           .modal-telefone-header i {   font-size: 50px;   color: #0804f3;   margin-bottom: 15px;   display: block;}
           .modal-telefone-header h3 {   font-size: 28px;   font-weight: 700;   color: #1a1a1a;   margin: 0; }
   
           /* Número de telefone */
           .modal-telefone-numero {   background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);   border-radius: 15px;   padding: 20px;   margin-bottom: 25px;   text-align: center;}
           .modal-telefone-numero p {  font-size: 26px;  font-weight: 700;  color: #1a1a1a;  margin: 0;  letter-spacing: 1px;}
   
           /* Botões de ação */
           .modal-telefone-acoes {  display: flex;  flex-direction: column;  gap: 12px; }
           .modal-telefone-btn {    display: flex;    align-items: center;    justify-content: center;    gap: 12px;    padding: 16px 24px;    border-radius: 12px;    border: 2px solid;    font-size: 16px;    font-weight: 600;    cursor: pointer;    transition: all 0.3s ease;    background: transparent;}
           .modal-telefone-btn i {  font-size: 20px;}
   
           /* Botão Ligar */
           .btn-ligar {    color: #0804f3;    border-color: #0804f3;}
           .btn-ligar:hover {    background: #0804f3;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(8, 4, 243, 0.3);}
   
           /* Botão Copiar */
           .btn-copiar {    color: #6c757d;    border-color: #6c757d;}
           .btn-copiar:hover {   background: #6c757d;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3);}
   
           /* Botão WhatsApp */
           .btn-whatsapp {   color: #25D366;   border-color: #25D366;}
           .btn-whatsapp:hover {   background: #25D366;   color: #fff;   transform: translateY(-2px);   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);}
   
           /* Feedback */
           .modal-telefone-feedback {    text-align: center;    margin-top: 20px;    padding: 12px;    border-radius: 8px;    font-size: 14px;    font-weight: 600;    opacity: 0;    transform: translateY(-10px);    transition: all 0.3s ease;}
           .modal-telefone-feedback.show {    opacity: 1;    transform: translateY(0);}
           .modal-telefone-feedback.success {  background: #d4edda;  color: #155724;}
           .modal-telefone-feedback.error {  background: #f8d7da;  color: #721c24;}
   
           /* Body com modal aberto */
           body.modal-telefone-open {   overflow: hidden; }
   
   
   
   
           /* ============================================
           MODAL OVERLAY
           ============================================ */
           .galeria__modal__overlay {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.96);   z-index: 99999;   opacity: 0;   visibility: hidden;   transition: all 0.35s ease;   display: flex;   flex-direction: column; }
           .galeria__modal__overlay.active {  opacity: 1;  visibility: visible; }
   
           /* ============================================
           MODAL HEADER
           ============================================ */
           .galeria__modal__header {   display: flex;   justify-content: space-between;   align-items: center;   padding: 25px 40px;   background: rgba(26, 26, 26, 0.95);   border-bottom: 1px solid rgba(255, 255, 255, 0.1);   backdrop-filter: blur(10px); }
           .galeria__modal__title {   color: #fff;   font-size: 18px;   font-weight: 600;   text-transform: uppercase;   letter-spacing: 2px;   font-family: 'Montserrat', sans-serif; }
           .galeria__modal__info {   display: flex;   align-items: center;   gap: 20px; }
           .galeria__modal__counter {   color: rgba(255, 255, 255, 0.7);   font-size: 14px;   font-weight: 500; }
           .galeria__modal__close {    background: transparent;    border: none;    color: #fff;    font-size: 28px;    cursor: pointer;    width: 40px;    height: 40px;    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;    border-radius: 50%; }
           .galeria__modal__close:hover {   background: rgba(255, 255, 255, 0.1);   transform: rotate(90deg);   color: #ff4444; }
   
           /* ============================================
           BARRA DE PROGRESSO AUTO-PLAY
           ============================================ */
           .galeria__progress__bar {    width: 100%;    height: 3px;    background: rgba(255, 255, 255, 0.1);    position: relative;    overflow: hidden; }
           .galeria__progress__fill {   height: 100%;   background: #fff;   width: 0%;   transition: width 0.1s linear; }
           .galeria__progress__fill.animating {  transition: width 5s linear; }
   
           /* ============================================
           MODAL CONTENT CONTAINER
           ============================================ */
           .galeria__modal__content {   flex: 1;   display: flex;   align-items: center;   justify-content: center;   padding: 20px;   position: relative;   overflow: hidden; }
   
           /* ============================================
           CONTAINER DE IMAGENS (SCROLL HORIZONTAL)
           ============================================ */
           .galeria__imagens__container {  display: flex;  gap: 20px;  overflow-x: auto;  scroll-snap-type: x mandatory;  scroll-behavior: smooth;  -webkit-overflow-scrolling: touch;  width: 100%;  height: 100%;  scrollbar-width: none;  -ms-overflow-style: none; }
           .galeria__imagens__container::-webkit-scrollbar {  display: none; }
   
           /* ============================================
           IMAGEM INDIVIDUAL
           ============================================ */
           .galeria__imagem__wrapper {    min-width: 100%;    height: 100%;    scroll-snap-align: center;    display: flex;    align-items: center;    justify-content: center;    position: relative; }
           .galeria__imagem {   max-width: 100%;   max-height: 75vh;   object-fit: contain;   transition: transform 0.35s ease;   user-select: none;   -webkit-user-drag: none; }
   
           /* ZOOM */
           .galeria__imagem.zoomed {   transform: scale(2);   cursor: move; }
   
           /* ============================================
           BOTÕES DE NAVEGAÇÃO (FIXOS FORA)
           ============================================ */
           .galeria__nav__buttons {    position: absolute;    top: 50%;    left: 0;    right: 0;    transform: translateY(-50%);    display: flex;    justify-content: space-between;    pointer-events: none;    z-index: 10;    padding: 0 20px; }
           .galeria__nav__btn {   pointer-events: all;   background: rgba(255, 255, 255, 0.9);   border: none;   color: #1a1a1a;   width: 50px;   height: 50px; font-size: 20px;   cursor: pointer;   transition: all 0.3s ease;   display: flex;   align-items: center;   justify-content: center;   border-radius: 50%;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); }
           .galeria__nav__btn:hover {   background: #fff;  transform: scale(1.1);}
           .galeria__nav__btn:active {   transform: scale(0.95); }
           .galeria__nav__btn:disabled {    opacity: 0.3;   cursor: not-allowed; }
   
           /* ============================================
           CONTROLES DE ZOOM (PLANTAS)
           ============================================ */
           .galeria__zoom__controls {   position: absolute;   bottom: 30px;   left: 50%;   transform: translateX(-50%);   display: none;   gap: 15px;   background: rgba(0, 0, 0, 0.8);   padding: 12px 20px;   border-radius: 30px;   backdrop-filter: blur(10px); }
           .galeria__zoom__controls.active {  display: flex; }
           .galeria__zoom__btn {  background: rgba(255, 255, 255, 0.2);  border: 1px solid rgba(255, 255, 255, 0.3);  color: #fff;  width: 40px;  height: 40px;  font-size: 18px;  cursor: pointer;  transition: all 0.3s ease;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%; }
           .galeria__zoom__btn:hover {   background: rgba(255, 255, 255, 0.3);  transform: scale(1.1); }
           .galeria__zoom__level {    color: #fff;    font-size: 14px;    font-weight: 600;    display: flex;    align-items: center;    padding: 0 10px; }
   
           /* ============================================
           THUMBNAILS
           ============================================ */
           .galeria__thumbnails {    display: flex;    gap: 12px;    justify-content: center;    padding: 20px 40px;    background: rgba(26, 26, 26, 0.95);    border-top: 1px solid rgba(255, 255, 255, 0.1);    overflow-x: auto;    scrollbar-width: thin; }
           .galeria__thumbnails::-webkit-scrollbar {  height: 6px; }
           .galeria__thumbnails::-webkit-scrollbar-track {   background: rgba(255, 255, 255, 0.05); }
           .galeria__thumbnails::-webkit-scrollbar-thumb {   background: rgba(255, 255, 255, 0.2);   border-radius: 3px; }
           .galeria__thumbnail {  min-width: 90px;  height: 70px;  object-fit: cover;  cursor: pointer;  opacity: 0.4;  transition: all 0.3s ease;  border: 2px solid transparent;  border-radius: 4px; }
           .galeria__thumbnail:hover {  opacity: 0.7;  transform: scale(1.05); }
           .galeria__thumbnail.active {   opacity: 1;   border-color: #fff;   box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3); }
   
           /* ============================================
           LOADING
           ============================================ */
           .galeria__loading {   position: absolute;  top: 50%;   left: 50%;   transform: translate(-50%, -50%);   color: #fff;   font-size: 18px;   display: none;   align-items: center;   gap: 10px; }
           .galeria__loading.active {   display: flex; }
           .galeria__loading i {    animation: spin 1s linear infinite; }
           @keyframes spin {   from { transform: rotate(0deg); }  to { transform: rotate(360deg); } }
   
   
           /* ============================================
           ANIMAÇÕES
           ============================================ */
           @keyframes fadeIn {
           from {   opacity: 0;   transform: scale(0.95); }
           to {   opacity: 1;   transform: scale(1); }
           }
   
           .galeria__imagem {  animation: fadeIn 0.35s ease; }
   
           /* ============================================
           ACESSIBILIDADE
           ============================================ */
           .galeria__modal__overlay:focus { outline: none; }
   
           button:focus-visible {  outline: 2px solid #fff;  outline-offset: 2px; }
   
           /* ============================================
           UTILITÁRIOS
           ============================================ */
           .no-scroll {    overflow: hidden; }
   
   
           /* Animação de entrada */
           @keyframes modalSlideUp { from {   transform: translateY(50px);    opacity: 0;}  to {   transform: translateY(0);   opacity: 1; }}



   
.tegra__links {   display: block;}
#tegra__header {  padding: 25px 60px;}
.morarbem__logo { width: 60px; }
#tegra__header { padding: 25px 80px;}
.tegra__links ul { gap: 50px; display: none;}
.tegra__links a {    font-size: 16px;}
#tegra__header {  padding: 16px 20px;}
.morarbem__logo {  width: 45px;}
.perfil__foto {   width: 60px;   height: 60px;}
.perfil__nome {  font-size: 18px;}
.menu-mobile__whatsapp {   font-size: 14px;   padding: 14px 20px;}
.social-link {   width: 45px;    height: 45px;   font-size: 20px;}
.bloco__input__footer textarea {    font-size: 13px;    padding: 10px 12px; }
.alert {  font-size: 13px;  padding: 12px 15px; }
.whatsapp-float {       bottom: 20px;       right: 20px;       width: 60px;       height: 60px;       font-size: 32px;  }
.whatsapp-float::after {     display: none; }
.whatsapp-float::before {     animation: pulse-ring-mobile 1.5s ease-out infinite; }
@keyframes pulse-ring-mobile {    0% {       transform: scale(1);       opacity: 1;   }   100% {       transform: scale(1.3);       opacity: 0;   }}
.whatsapp-float { animation: slideInUp 0.5s ease-out; }
@keyframes slideInUp {  from {      opacity: 0;      transform: translateY(100px);  }  to {      opacity: 1;      transform: translateY(0);  } }
.whatsapp-float:focus {  outline: 3px solid #25D366;  outline-offset: 3px; }
.modal-telefone-content {   padding: 30px 25px;   max-width: 95%; }
.modal-telefone-header h3 {   font-size: 24px;}
.modal-telefone-numero p {   font-size: 22px;}
.modal-telefone-btn { font-size: 15px; padding: 14px 20px;}
.modal-telefone-content {  padding: 25px 20px; }
.modal-telefone-header i {  font-size: 40px;}
.modal-telefone-header h3 {      font-size: 22px; }
.modal-telefone-numero p {     font-size: 20px; }
.modal-telefone-btn {   font-size: 14px;   padding: 12px 18px;}
.modal-telefone-btn i {    font-size: 18px;}
.container__tegra__imagens__botoes {     flex-direction: column;     padding: 20px;     gap: 15px;  }
.fotos__empreendimento,   .plantas__empreendimento {     width: 100%;     justify-content: center;     padding: 16px 30px;     font-size: 14px;  }
.galeria__modal__header {    padding: 20px; }
.galeria__modal__title {   font-size: 14px; }
.galeria__modal__close {   font-size: 24px;  width: 36px;   height: 36px; }
.galeria__modal__counter {   font-size: 12px; }
.galeria__modal__content {    padding: 10px; }
.galeria__imagem {     max-height: 60vh; }
.galeria__nav__buttons {  padding: 0 10px;  }
.galeria__nav__btn {    width: 45px;    height: 45px;    font-size: 18px; }
.galeria__zoom__controls {   bottom: 20px;   padding: 10px 16px;   gap: 12px; }
.galeria__zoom__btn {   width: 36px;   height: 36px;    font-size: 16px; }
.galeria__zoom__level {   font-size: 12px;  padding: 0 8px; }
.galeria__thumbnails {   padding: 15px 20px;   gap: 10px; }
.galeria__thumbnail {     min-width: 70px;   height: 55px; }


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

    /*-- ============================================
    SECTION - TEGRA MORAR BEM
    ============================================ */

    section#tegra__morarbem {  width: 100%; height: 100vh; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat;position: relative  }
    section#tegra__morarbem::before { content: "";  width: 100%; height: 100vh;  background: #000; position: absolute; opacity: 50%; top: 0px; left: 0px; border-radius: 0px;}

    /* ============================================
    HEADER
    ============================================ */
    #tegra__header {   display: flex;   align-items: center;   justify-content: space-between;   padding: 20px 40px;   background: #fff;   transition: all 0.3s ease;   position: relative;   z-index: 900; }
    #tegra__header.sticky {  position: fixed;  top: 0;  left: 0;  width: 100%;  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);  animation: slideDown 0.3s ease; }
    @keyframes slideDown {  from {   transform: translateY(-100%);   opacity: 0; } to {   transform: translateY(0);   opacity: 1; } }

    /* Logo */
    .header__logo {   margin: 0; }
    .logo-link {    display: block;    transition: transform 0.3s ease; }
    .logo-link:hover {  transform: scale(1.05);}
    .morarbem__logo {   display: block;   width: 50px;   height: auto;}

    /* ============================================
    NAVEGAÇÃO DESKTOP
    ============================================ */
    .tegra__links {  display: none;}
    .tegra__links ul {    display: flex;    gap: 40px;    list-style: none;    margin: 0;    padding: 0; }
    .tegra__links a {   color: #1a1a1a;   text-decoration: none;   font-size: 15px;   font-weight: 500;   letter-spacing: 0.5px;   padding: 8px 0;   position: relative;   transition: color 0.3s ease; }
    .tegra__links a::after {   content: '';   position: absolute;   bottom: 0;   left: 0;   width: 0;   height: 2px;   background: #d4af37;   transition: width 0.3s ease; }
    .tegra__links a:hover {   color: #d4af37; }
    .tegra__links a:hover::after {   width: 100%;}

    /* Indicador de seção ativa */
    .tegra__links .nav-item.active a {   color: #d4af37;   font-weight: 600; }
    .tegra__links .nav-item.active a::after { width: 100%;}

    /* ============================================
    BOTÃO MENU MOBILE
    ============================================ */
    .botao_menu { display: flex; align-items: center; gap: 8px; background: transparent; border: none; cursor: pointer; padding: 8px 12px; transition: all 0.3s ease; border-radius: 6px; }
    .botao_menu:hover {  background: rgba(0, 0, 0, 0.05); }
    .botao_menu i {    font-size: 20px;    color: #1a1a1a; }
    .botao_menu_texto {  font-size: 14px;  font-weight: 600;  color: #1a1a1a;  margin: 0;}

    /* ============================================
    MENU MOBILE CONTAINER
    ============================================ */
    .menu-mobile-container {    display: none;   position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 9999; }
    .menu-mobile-container.active { display: block; }

    /* ============================================
    OVERLAY (Fundo escuro)
    ============================================ */
    .menu-mobile-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.8);   opacity: 0;   transition: opacity 0.3s ease; }
    .menu-mobile-container.active .menu-mobile-overlay {  opacity: 1; }

    /* ============================================
    MENU MOBILE
    ============================================ */
    .menu-mobile {   position: absolute;   bottom: 0;   left: 0;   width: 100%;   max-height: 90vh;   background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);   border-radius: 20px 20px 0 0;   overflow-y: auto;   transform: translateY(100%);   transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);   padding-bottom: env(safe-area-inset-bottom);}
    .menu-mobile-container.active .menu-mobile {  transform: translateY(0);}

    /* Scroll suave no menu */
    .menu-mobile {   scrollbar-width: thin;   scrollbar-color: rgba(255, 255, 255, 0.2) transparent;}
    .menu-mobile::-webkit-scrollbar { width: 6px;}
    .menu-mobile::-webkit-scrollbar-track {   background: transparent;}
    .menu-mobile::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2);  border-radius: 3px;}

    /* ============================================
    BOTÃO FECHAR
    ============================================ */
    .menu-mobile__close {    position: absolute;    top: 20px;    right: 20px;    background: rgba(255, 255, 255, 0.1);    border: none;    color: #fff;    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    transition: all 0.3s ease;    z-index: 10;}
    .menu-mobile__close:hover {    background: rgba(255, 255, 255, 0.2);   transform: rotate(90deg);
    }

    /* ============================================
    PERFIL DO CORRETOR
    ============================================ */
    .menu-mobile__perfil {   display: flex;    align-items: center;    gap: 16px;    padding: 40px 24px 24px;    border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
    .perfil__foto {    margin: 0;    width: 70px;    height: 70px;    border-radius: 50%;    overflow: hidden;    border: 3px solid rgba(255, 255, 255, 0.2);    flex-shrink: 0;}
    .perfil__foto img {   width: 100%;   height: 100%;   object-fit: cover;}
    .perfil__info {   flex: 1;}
    .perfil__nome {  color: #fff;  font-size: 20px;  font-weight: 700;  margin: 0 0 4px 0; }
    .perfil__cargo {   color: rgba(255, 255, 255, 0.7);   font-size: 14px;   margin: 0; }

    /* ============================================
    BOTÃO WHATSAPP DESTAQUE
    ============================================ */
    .menu-mobile__whatsapp {   display: flex;   align-items: center;   justify-content: center;   gap: 12px;   margin: 20px 24px;   padding: 16px 24px;   background: #25D366;   color: #fff;   text-decoration: none;   border-radius: 30px;   font-weight: 600;   font-size: 16px;   transition: all 0.3s ease;   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);}
    .menu-mobile__whatsapp:hover {   background: #20BD5A;   transform: translateY(-2px);   box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);}
    .menu-mobile__whatsapp i {   font-size: 22px;}

    /* ============================================
    LINKS DE NAVEGAÇÃO
    ============================================ */
    .menu-mobile__nav {   padding: 20px 0;}
    .menu-mobile__nav ul {   list-style: none;  margin: 0;  padding: 0;}
    .menu-mobile__nav li {    border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
    .menu-nav-link {   display: flex;   align-items: center;   gap: 16px;   padding: 18px 24px;   color: #fff;   text-decoration: none;   font-size: 16px;   font-weight: 500;   transition: all 0.3s ease;}
    .menu-nav-link:hover {  background: rgba(255, 255, 255, 0.05);  padding-left: 30px;}
    .menu-nav-link i:first-child {    font-size: 20px;    width: 24px;    color: #d4af37;}
    .menu-nav-link span {    flex: 1;}
    .menu-nav-link i:last-child {   font-size: 14px;   color: rgba(255, 255, 255, 0.4);}

    /* ============================================
    REDES SOCIAIS
    ============================================ */
    .menu-mobile__social {   padding: 24px;   border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .menu-mobile__social h4 {    color: rgba(255, 255, 255, 0.7);    font-size: 14px;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 1px;    margin: 0 0 16px 0;    text-align: center;}
    .social-links {  display: flex;  gap: 12px;  justify-content: center;  list-style: none;  margin: 0;  padding: 0;}
    .social-link {   width: 50px;   height: 50px;   border-radius: 50%;   display: flex;   align-items: center;   justify-content: center;   color: #fff;   font-size: 22px;   transition: all 0.3s ease;   text-decoration: none;   position: relative;   overflow: hidden;}
    .social-link::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(255, 255, 255, 0.2);    transform: scale(0);    border-radius: 50%;    transition: transform 0.3s ease;}
    .social-link:hover::before {  transform: scale(1);}
    .social-link:hover {   transform: translateY(-4px);}
    .social-link i {  position: relative;  z-index: 1;}

    /* CORES OFICIAIS DAS REDES SOCIAIS */
    .social-instagram {  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}
    .social-instagram:hover {  box-shadow: 0 6px 20px rgba(225, 48, 108, 0.5);}
    .social-facebook { background: #1877F2;}
    .social-facebook:hover {  box-shadow: 0 6px 20px rgba(24, 119, 242, 0.5);}
    .social-linkedin {  background: #0A66C2;}
    .social-linkedin:hover {   box-shadow: 0 6px 20px rgba(10, 102, 194, 0.5);}
    .social-youtube {  background: #FF0000;}
    .social-youtube:hover {    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.5);}

    /* ============================================
    RODAPÉ DO MENU
    ============================================ */
    .menu-mobile__footer {  padding: 20px 24px 30px;  text-align: center;  border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .menu-mobile__footer p {   color: rgba(255, 255, 255, 0.5);   font-size: 13px;   margin: 4px 0;}
    .menu-footer-copy {   font-size: 11px !important;}


    /* ============================================
    ACESSIBILIDADE
    ============================================ */
    @media (prefers-reduced-motion: reduce) {
    * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    }
    }

    /* Focus visible */
    a:focus-visible,
    button:focus-visible {  outline: 2px solid #d4af37;  outline-offset: 2px; }

    /* ============================================
    BODY COM MENU ABERTO
    ============================================ */
    body.menu-mobile-open {   overflow: hidden;}
    section#tegra__morarbem div.tegra__morarbem__container {  gap: 30px;  position: absolute; width: 100%; height: 200px; left: 50%; bottom: -20px; transform: translate(-50%, -50%); text-align: center; padding: 0 3rem;   z-index: 1000; border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
    section#tegra__morarbem div.tegra__morarbem__container h1 { color: #fff; font-size: 2.5em; }
    section#tegra__morarbem div.tegra__morarbem__container button.tegra__book {  border: 1px solid rgba(255, 255, 255, 0.38);  width: 200px; height: 50px;  font-size: 20px;; color: #fff; border-radius: 20px; background-color: rgba(255, 255, 255, 0.2); }

    /*-- ============================================
    SECTION - TIPOLOGIA E CARACTERISTICAS
    ============================================ */
    section#tegra_tipologia { background-color: red; position: relative; width: 100%; height: 100vh; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761236664/WhatsApp_Image_2025-10-15_at_18.13.30_3_d3uf1v.jpg) center/ cover no-repeat}
    section#tegra_tipologia::before { content: "";  width: 100%; height: 100vh;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
    section#tegra_tipologia div.container_tegra_tipologia { position: absolute; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; flex-direction: column ;}
    section#tegra_tipologia div.container_tegra_tipologia div.tegra_slide { width: 60%; height: 100%; }
    section#tegra_tipologia div.container_tegra_tipologia div.tegra_slides figure img.tegra_img_slide {  width: 90%; height: 90%; object-fit: fill ; display: none;}
    section#tegra_tipologia div.tegra_tipologia_info {  width: 80%; height: 100%;  display: flex; align-items: center; justify-content: center; flex-direction: column;}
    section#tegra_tipologia div.tegra_tipologia_info h1.titulo_tipologia { color: #fff; font-size: 2rem; }
    section#tegra_tipologia div.tegra_tipologia_info p.texto_tipologia { color: #fff;  text-align: center; padding: 1rem 3rem; }
    section#tegra_tipologia div.tipologia_grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;  padding:  2rem 0;}
    section#tegra_tipologia div.tipologia_grid span.tipologia_item {  border: 2px solid rgba(255, 255, 255, 0.38); display: flex; align-items: center; justify-content: center;  padding:  2rem 1rem; width: 300px; border-radius: 20px; gap: 10px; color: #fff; font-size: 16px; font-weight: 600; }
    section#tegra_tipologia button.contato_whatsaap {  background-color: #25D366; width: 60%; border-radius: 20px;  padding: 0.5rem 2rem; font-size: 18px; font-weight: 400; gap: 10px; color: #fff; display: flex; align-items: center; justify-content: center; }
    .pulsate-fwd{animation:pulsate-fwd .5s ease-in-out infinite both }
    @keyframes pulsate-fwd{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}

    /*-- ============================================
    SECTION -  APRESENTAÇÃO
    ============================================ */
    section#tegra_apresentacao { width: 100%; height: 100%; padding: 4rem 3rem; position: relative; }
    section#tegra_apresentacao div.tegra_apresentacao_img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; opacity: 20%; }
    section#tegra_apresentacao h2.titulo_apresentacao { color: #333; text-align: center; padding-bottom: 30px; font-size: 28px; }
    section#tegra_apresentacao p.texto_apresentacao {  font-size: 16px; font-weight: 300; line-height: 28px; padding-bottom: 20px;}
    section#tegra_apresentacao div.apresentacao__youtube { width: 100%; height: 100%; margin-top: 80px;}

    /*-- ============================================
    SECTION -  BOTÕES FOTOS E PLANTAS
    ============================================ */
    section#botoes__tegra__imagens {width: 100%; height: 200px;  display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat ; position: relative;}
    section#botoes__tegra__imagens::before { content: "";  width: 100%; height: 200px;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
    section#botoes__tegra__imagens div.container__tegra__imagens { width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 50px; }
    section#botoes__tegra__imagens div.container__tegra__imagens h3.titulo__tegra__imagens { color: #fff; font-size: 28px; }
    section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes {  width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; gap: 20px;}
    section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes button { border: 2px solid rgba(255, 255, 255, 0.38); width: 50%; height: 100%;  display: flex; gap: 10px;  align-items: center; justify-content: center; font-size: 20px; font-weight: 600; color: #fff;  border-radius: 20px;}
    section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes button:hover { border: 2px solid #0804f3;  color: #0804f3; transform: 1s scale(1);}

    /*-- ============================================
    SECTION -  BOTÃO FICHA TECNICA
    ============================================ */
    section#botao__ficha__tecnica {   width: 100%; height: 200px; justify-content: center; display: flex; align-items: center; }
    section#botao__ficha__tecnica button.titulo__botao__ficha__tecnica { border:  2px  double #333; width: 85%;  height: 70px; padding: 1rem 2rem; display: flex; justify-content: center; align-items: center; font-size: 30px;  border-radius: 20px ;}

    /*-- ============================================
    SECTION -  CONTATO E INFORMAÇÕES
    ============================================ */
    section#informacoes { width: 100%; height: 200px;  display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat ; position: relative;}
    section#informacoes::before { content: "";  width: 100%; height: 200px;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
    section#informacoes div.container__tegra__informacoes {   position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;  gap: 50px; flex-direction: column;}
    section#informacoes div.container__tegra__informacoes  h4.titulo__tegra__informacoes {  color:  #fff; font-size: 28px; font-size: 600; }
    section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul{ display: flex; align-items: center; justify-content: space-between; gap: 20px; }
    section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li {  border: 2px solid rgba(255, 255, 255, 0.38); width: 200px; height: 50px; border-radius: 20px;  display: flex; align-items: center; justify-content: center;}
    section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li:hover { border: 2px solid #0804f3;  color: #0804f3; transform: 1s scale(1);}
    section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li  a { color: #fff; font-size: 18px; ; }
    section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li  a i { margin-right: 10px; }

    /*-- ============================================
    SECTION -  LOCALIIZAÇÃO
    ============================================ */
    section#tegra__localizacao { width: 100%; height: 100%; position: relative; padding: 4rem 3rem; }
    section#tegra__localizacao h3.titulo__tegra__localizacao {  text-align: center; color: #333; text-align: center; padding-bottom: 30px; font-size: 28px; }
    section#tegra__localizacao div.localizacao__tegra__img {  background-color: rebeccapurple; width: 100%; height: 300px; object-fit: fill;}
    section#tegra__localizacao div.localizacao__tegra__img img { width: 100%; height: 100%; object-fit: cover; }
    section#tegra__localizacao p.endereco__tegra__localizacao {  color: #333; font-size: 24px ; padding-top: 20px;}
    section#tegra__localizacao nav.links__tegra__localizacao {    width: 50%;    height: 70px;    display: flex;    align-items: center;    justify-content: left; margin-top: 20px; }
    section#tegra__localizacao nav.links__tegra__localizacao ul {   display: flex;   align-items: center;   justify-content: center;gap: 10px;    list-style: none;    margin: 0;    padding: 0; }
    section#tegra__localizacao nav.links__tegra__localizacao ul li {    list-style: none; }
    section#tegra__localizacao nav.links__tegra__localizacao ul li a {   display: inline-flex;   align-items: center;   gap: 10px;   padding: 12px 24px;   text-decoration: none;   font-weight: 600;   font-size: 16px;   border-radius: 8px;   transition: all 0.3s ease;   border: 2px solid transparent; }
    section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"] {    color: #00BFFE;    border-color: #00BFFE; }
    section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"]:hover {   background: #00BFFE;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(0, 191, 254, 0.4); }
    section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"] i {  font-size: 20px;  color: #00BFFE;  transition: color 0.3s ease; }
    section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"]:hover i { color: #fff; }
    section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"],
    section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"] {    color: #4285F4;    border-color: #4285F4; }
    section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"]:hover,
    section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"]:hover {   background: #4285F4;   color: #fff;   transform: translateY(-2px);   box-shadow: 0 4px 15px rgba(66, 133, 244, 0.4); }
    section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"] i, section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"] i {  font-size: 20px;  color: #4285F4;  transition: color 0.3s ease; }
    section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"]:hover i, section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"]:hover i {    color: #fff; }
    section#tegra__localizacao div.bloco__mapa__info {  display: flex;flex-direction: column; padding: 2rem 0rem; width: 100%; height: 100%; gap: 30px; flex-direction: column; ;}
    section#tegra__localizacao div.bloco__mapa__infodiv.container__tegra__mapa { width: 100%; height: 100%;}
    section#tegra__localizacao div.bloco__mapa__infodiv.container__tegra__mapa  iframe { width: 100%; height: 100%; }
    section#tegra__localizacao div.bairro__tegra__localizacao {  padding:  1rem; width: 100%; height: 100%; }
    section#tegra__localizacao div.bairro__tegra__localizacao h3.texto__bairro__tegra__localizacao { font-size: 22px; color: #333; padding-bottom: 15px; }
    section#tegra__localizacao div.bairro__tegra__localizacao p.descricao__bairro__tegra__localizacao {  font-size: 15px; color: #333; line-height: 22px; padding-bottom: 10px;}

    /*-- ============================================
    SECTION -  INCORPORADORA
    ============================================ */
    section#tegra__incorporadora {  width: 100%; height: 100%; position: relative; padding: 0 3rem; }
    section#tegra__incorporadora div.container__tegra__incorporadora { display: flex; align-items: center; justify-content: center; }
    section#tegra__incorporadora div.container__tegra__incorporadora div.tegra__logo__incorporadora {  width: 50%; height: 100%; display: flex; align-items: center; justify-content: center ;}
    section#tegra__incorporadora div.container__tegra__incorporadora div.tegra__logo__incorporadora img { width: 30%; }
    section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora {  width: 50%; height: 100%; }
    section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora h3.titulo__tegra__incorporadora {  font-size: 28px; color: #333; padding-bottom: 10px; }
    section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora p.texto__tegra__incorporadora { line-height: 28px; font-size: 14px; }

    /*-- ============================================
    FOOTER E FORMULARIO
    ============================================ */
    footer#footer__tegra__incorporadora {  width: 100%; height: 100%; position: relative; margin-top: 100px; padding: 6rem 1rem; background-image: linear-gradient(to right bottom, #1a1c22, #25272f, #30333c, #3c3f49, #494b57, #555663, #61626f, #6d6e7b, #7b7c88, #898a96, #9899a4, #a7a8b2);}
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora { display: flex; align-items: center; justify-content: center;  flex-direction: column; }
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.footer__tegra__contatos { width: 100%; height: 100%;  padding: 2rem 3rem;}
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora p.footer__descricao__tegra {  color: #fff;   font-size: 18px;}
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora h4.footer__titulo__tegra {  color: #fff; font-size: 32px; padding: 3rem 7rem 0 0rem; }
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora p.footer__subtexto__tegra {  color: #fff;  padding: 1rem 0rem; font-size: 18px;}
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes {   width: 80%; height: 100%; gap: 20px;  display: flex; flex-direction: column; margin-top: 10px;}
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button {  width: 100%; height: 100%; display: flex; align-items: center; border: 1px solid #fff; border-radius: 20px; padding: 0.5rem 2rem;}
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button i {  font-size: 30px; margin-right: 10px; color: #fff;  }
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto { text-align: left; display: flex; flex-direction: column; gap: 0px; }
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto p.texto__botao__footer { font-weight: 700; margin-bottom: -5px; color: #fff;  }
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto p.valor__botao__footer { color: #fff; }
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem {  margin-top: 20px;  padding: 2rem 0rem; width: 50%; height: 50px; }
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem ul {  display: flex; align-items: center; gap: 40px;  align-items: center; }
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem ul li a i { color: #fff; font-size: 20px; }
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario {   width: 100%; height: 100%;  padding: 2rem 3rem;}
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer {  padding: 20px 0px;   border-bottom: 2px solid rgba(255, 255, 255, 0.38); display: flex; flex-direction: column; gap: 20px ;}
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer p.titulo__input__footer { color: #fff; padding-bottom: 0px;; font-size: 18px;  }
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer input { width: 100%; height: 30px; margin-top: -15px; padding: 0 10px; background-color:  transparent; color: #fff; }
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer input::placeholder { color: #fff; }
    footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario button {  background-color: #333; margin-top: 50px;  width: 100%; padding: 0.8rem 0;  font-size: 24px; font-weight: 600;  color: #fff; border-radius: 20px; }
    /* ============================================
    CSS ADICIONAL PARA O FORMULÁRIO
    ============================================ */

    /* Campo Mensagem (textarea) */
    .bloco__input__footer textarea {    width: 100%;    padding: 12px 15px;    border: 1px solid #ddd; color: #fff;    border-radius: 4px;    font-family: inherit;    font-size: 14px;    resize: vertical;    min-height: 100px;    transition: border-color 0.3s ease; background-color: transparent;}
    .bloco__input__footer textarea:focus {  outline: none;  border-color: #0804f3; }
    .bloco__input__footer textarea::placeholder {    color: #fff; }

    /* ============================================
    MENSAGENS DE FEEDBACK (Sucesso/Erro)
    ============================================ */

    .alert {    padding: 15px 20px;    margin-bottom: 20px;    border-radius: 8px;    font-size: 14px;    font-weight: 600;    animation: slideInDown 0.4s ease; }
    .alert-success {   background: #d4edda;   color: #155724;   border: 1px solid #c3e6cb; }
    .alert-success::before {    content: '✅ '; }
    .alert-error {   background: #f8d7da;   color: #721c24;   border: 1px solid #f5c6cb; }
    .alert-error::before {  content: '❌ '; }

    /* Animação de entrada */
    @keyframes slideInDown {   from {   transform: translateY(-20px);   opacity: 0; }   to {    transform: translateY(0);    opacity: 1; } }

    /*-- ============================================
    DESENVOLVIMENTO
    ============================================ */
    div.desenvolvimento {   width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0.5rem 0; }
    div.desenvolvimento p.texto__link__dev {  color: #333; font-size: 14px; }
    div.desenvolvimento p.texto__link__dev  a { color: red; }

    /*-- ============================================
    BOTÃO WHATSAAP
    ============================================ */

    .whatsapp-float {   position: fixed;   bottom: 30px;   right: 30px;   z-index: 99999;   width: 65px;  height: 65px;       background: #25D366;   color: #fff;   border-radius: 50%;   box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);     display: flex;  align-items: center;  justify-content: center;  font-size: 36px;   text-decoration: none;   transition: all 0.3s ease;   cursor: pointer; }
    .whatsapp-float:hover {  background: #20BD5A;  transform: scale(1.1);  box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6); }
    .whatsapp-float:active {   transform: scale(0.95); }
    .whatsapp-float::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border-radius: 50%;    background: #25D366;    z-index: -1;    animation: pulse-ring 1.5s ease-out infinite; }
    @keyframes pulse-ring {    0% {        transform: scale(1);        opacity: 1;    }   100% {      transform: scale(1.4);       opacity: 0;   } }
    .whatsapp-float::after {   content: 'Fale Conosco';   position: absolute;   right: 75px;   top: 50%;   transform: translateY(-50%);   background: #1a1a1a;   color: #fff;   padding: 10px 16px;   border-radius: 6px;   font-size: 14px;   font-weight: 600;   white-space: nowrap;   opacity: 0;   visibility: hidden;   transition: all 0.3s ease;   pointer-events: none;   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
    .whatsapp-float::after {    content: 'Fale Conosco';}
    .whatsapp-float:hover::after {    opacity: 1;    visibility: visible;    right: 80px; }



    /* ============================================
    MODAL DE TELEFONE
    Rio by Piero Lissoni
    ============================================ */

    /* Overlay do modal */
    .modal-telefone-overlay {   display: none;   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.8);   z-index: 10000;   opacity: 0;   transition: opacity 0.3s ease; }
    .modal-telefone-overlay.active {  display: flex;  align-items: center;  justify-content: center;  opacity: 1;}

    /* Conteúdo do modal */
    .modal-telefone-content { background: #fff; border-radius: 20px; padding: 40px;    max-width: 450px;    width: 90%;    position: relative;    transform: translateY(50px);    opacity: 0;    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);}
    .modal-telefone-overlay.active .modal-telefone-content {  transform: translateY(0);  opacity: 1;}

    /* Botão fechar */
    .modal-telefone-close {    position: absolute;    top: 15px;    right: 15px;    background: rgba(0, 0, 0, 0.05);    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    color: #1a1a1a;    transition: all 0.3s ease;}
    .modal-telefone-close:hover {   background: rgba(0, 0, 0, 0.1);   transform: rotate(90deg);}

    /* Header do modal */
    .modal-telefone-header {   text-align: center;   margin-bottom: 30px;}
    .modal-telefone-header i {   font-size: 50px;   color: #0804f3;   margin-bottom: 15px;   display: block;}
    .modal-telefone-header h3 {   font-size: 28px;   font-weight: 700;   color: #1a1a1a;   margin: 0; }

    /* Número de telefone */
    .modal-telefone-numero {   background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);   border-radius: 15px;   padding: 20px;   margin-bottom: 25px;   text-align: center;}
    .modal-telefone-numero p {  font-size: 26px;  font-weight: 700;  color: #1a1a1a;  margin: 0;  letter-spacing: 1px;}

    /* Botões de ação */
    .modal-telefone-acoes {  display: flex;  flex-direction: column;  gap: 12px; }
    .modal-telefone-btn {    display: flex;    align-items: center;    justify-content: center;    gap: 12px;    padding: 16px 24px;    border-radius: 12px;    border: 2px solid;    font-size: 16px;    font-weight: 600;    cursor: pointer;    transition: all 0.3s ease;    background: transparent;}
    .modal-telefone-btn i {  font-size: 20px;}

    /* Botão Ligar */
    .btn-ligar {    color: #0804f3;    border-color: #0804f3;}
    .btn-ligar:hover {    background: #0804f3;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(8, 4, 243, 0.3);}

    /* Botão Copiar */
    .btn-copiar {    color: #6c757d;    border-color: #6c757d;}
    .btn-copiar:hover {   background: #6c757d;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3);}

    /* Botão WhatsApp */
    .btn-whatsapp {   color: #25D366;   border-color: #25D366;}
    .btn-whatsapp:hover {   background: #25D366;   color: #fff;   transform: translateY(-2px);   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);}

    /* Feedback */
    .modal-telefone-feedback {    text-align: center;    margin-top: 20px;    padding: 12px;    border-radius: 8px;    font-size: 14px;    font-weight: 600;    opacity: 0;    transform: translateY(-10px);    transition: all 0.3s ease;}
    .modal-telefone-feedback.show {    opacity: 1;    transform: translateY(0);}
    .modal-telefone-feedback.success {  background: #d4edda;  color: #155724;}
    .modal-telefone-feedback.error {  background: #f8d7da;  color: #721c24;}

    /* Body com modal aberto */
    body.modal-telefone-open {   overflow: hidden; }




    /* ============================================
    MODAL OVERLAY
    ============================================ */
    .galeria__modal__overlay {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.96);   z-index: 99999;   opacity: 0;   visibility: hidden;   transition: all 0.35s ease;   display: flex;   flex-direction: column; }
    .galeria__modal__overlay.active {  opacity: 1;  visibility: visible; }

    /* ============================================
    MODAL HEADER
    ============================================ */
    .galeria__modal__header {   display: flex;   justify-content: space-between;   align-items: center;   padding: 25px 40px;   background: rgba(26, 26, 26, 0.95);   border-bottom: 1px solid rgba(255, 255, 255, 0.1);   backdrop-filter: blur(10px); }
    .galeria__modal__title {   color: #fff;   font-size: 18px;   font-weight: 600;   text-transform: uppercase;   letter-spacing: 2px;   font-family: 'Montserrat', sans-serif; }
    .galeria__modal__info {   display: flex;   align-items: center;   gap: 20px; }
    .galeria__modal__counter {   color: rgba(255, 255, 255, 0.7);   font-size: 14px;   font-weight: 500; }
    .galeria__modal__close {    background: transparent;    border: none;    color: #fff;    font-size: 28px;    cursor: pointer;    width: 40px;    height: 40px;    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;    border-radius: 50%; }
    .galeria__modal__close:hover {   background: rgba(255, 255, 255, 0.1);   transform: rotate(90deg);   color: #ff4444; }

    /* ============================================
    BARRA DE PROGRESSO AUTO-PLAY
    ============================================ */
    .galeria__progress__bar {    width: 100%;    height: 3px;    background: rgba(255, 255, 255, 0.1);    position: relative;    overflow: hidden; }
    .galeria__progress__fill {   height: 100%;   background: #fff;   width: 0%;   transition: width 0.1s linear; }
    .galeria__progress__fill.animating {  transition: width 5s linear; }

    /* ============================================
    MODAL CONTENT CONTAINER
    ============================================ */
    .galeria__modal__content {   flex: 1;   display: flex;   align-items: center;   justify-content: center;   padding: 20px;   position: relative;   overflow: hidden; }

    /* ============================================
    CONTAINER DE IMAGENS (SCROLL HORIZONTAL)
    ============================================ */
    .galeria__imagens__container {  display: flex;  gap: 20px;  overflow-x: auto;  scroll-snap-type: x mandatory;  scroll-behavior: smooth;  -webkit-overflow-scrolling: touch;  width: 100%;  height: 100%;  scrollbar-width: none;  -ms-overflow-style: none; }
    .galeria__imagens__container::-webkit-scrollbar {  display: none; }

    /* ============================================
    IMAGEM INDIVIDUAL
    ============================================ */
    .galeria__imagem__wrapper {    min-width: 100%;    height: 100%;    scroll-snap-align: center;    display: flex;    align-items: center;    justify-content: center;    position: relative; }
    .galeria__imagem {   max-width: 100%;   max-height: 75vh;   object-fit: contain;   transition: transform 0.35s ease;   user-select: none;   -webkit-user-drag: none; }

    /* ZOOM */
    .galeria__imagem.zoomed {   transform: scale(2);   cursor: move; }

    /* ============================================
    BOTÕES DE NAVEGAÇÃO (FIXOS FORA)
    ============================================ */
    .galeria__nav__buttons {    position: absolute;    top: 50%;    left: 0;    right: 0;    transform: translateY(-50%);    display: flex;    justify-content: space-between;    pointer-events: none;    z-index: 10;    padding: 0 20px; }
    .galeria__nav__btn {   pointer-events: all;   background: rgba(255, 255, 255, 0.9);   border: none;   color: #1a1a1a;   width: 50px;   height: 50px; font-size: 20px;   cursor: pointer;   transition: all 0.3s ease;   display: flex;   align-items: center;   justify-content: center;   border-radius: 50%;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); }
    .galeria__nav__btn:hover {   background: #fff;  transform: scale(1.1);}
    .galeria__nav__btn:active {   transform: scale(0.95); }
    .galeria__nav__btn:disabled {    opacity: 0.3;   cursor: not-allowed; }

    /* ============================================
    CONTROLES DE ZOOM (PLANTAS)
    ============================================ */
    .galeria__zoom__controls {   position: absolute;   bottom: 30px;   left: 50%;   transform: translateX(-50%);   display: none;   gap: 15px;   background: rgba(0, 0, 0, 0.8);   padding: 12px 20px;   border-radius: 30px;   backdrop-filter: blur(10px); }
    .galeria__zoom__controls.active {  display: flex; }
    .galeria__zoom__btn {  background: rgba(255, 255, 255, 0.2);  border: 1px solid rgba(255, 255, 255, 0.3);  color: #fff;  width: 40px;  height: 40px;  font-size: 18px;  cursor: pointer;  transition: all 0.3s ease;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%; }
    .galeria__zoom__btn:hover {   background: rgba(255, 255, 255, 0.3);  transform: scale(1.1); }
    .galeria__zoom__level {    color: #fff;    font-size: 14px;    font-weight: 600;    display: flex;    align-items: center;    padding: 0 10px; }

    /* ============================================
    THUMBNAILS
    ============================================ */
    .galeria__thumbnails {    display: flex;    gap: 12px;    justify-content: center;    padding: 20px 40px;    background: rgba(26, 26, 26, 0.95);    border-top: 1px solid rgba(255, 255, 255, 0.1);    overflow-x: auto;    scrollbar-width: thin; }
    .galeria__thumbnails::-webkit-scrollbar {  height: 6px; }
    .galeria__thumbnails::-webkit-scrollbar-track {   background: rgba(255, 255, 255, 0.05); }
    .galeria__thumbnails::-webkit-scrollbar-thumb {   background: rgba(255, 255, 255, 0.2);   border-radius: 3px; }
    .galeria__thumbnail {  min-width: 90px;  height: 70px;  object-fit: cover;  cursor: pointer;  opacity: 0.4;  transition: all 0.3s ease;  border: 2px solid transparent;  border-radius: 4px; }
    .galeria__thumbnail:hover {  opacity: 0.7;  transform: scale(1.05); }
    .galeria__thumbnail.active {   opacity: 1;   border-color: #fff;   box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3); }

    /* ============================================
    LOADING
    ============================================ */
    .galeria__loading {   position: absolute;  top: 50%;   left: 50%;   transform: translate(-50%, -50%);   color: #fff;   font-size: 18px;   display: none;   align-items: center;   gap: 10px; }
    .galeria__loading.active {   display: flex; }
    .galeria__loading i {    animation: spin 1s linear infinite; }
    @keyframes spin {   from { transform: rotate(0deg); }  to { transform: rotate(360deg); } }


    /* ============================================
    ANIMAÇÕES
    ============================================ */
    @keyframes fadeIn {
    from {   opacity: 0;   transform: scale(0.95); }
    to {   opacity: 1;   transform: scale(1); }
    }

    .galeria__imagem {  animation: fadeIn 0.35s ease; }

    /* ============================================
    ACESSIBILIDADE
    ============================================ */
    .galeria__modal__overlay:focus { outline: none; }

    button:focus-visible {  outline: 2px solid #fff;  outline-offset: 2px; }

    /* ============================================
    UTILITÁRIOS
    ============================================ */
    .no-scroll {    overflow: hidden; }


    /* Animação de entrada */
    @keyframes modalSlideUp { from {   transform: translateY(50px);    opacity: 0;}  to {   transform: translateY(0);   opacity: 1; }}




    .tegra__links {   display: block;}
    #tegra__header {  padding: 25px 60px;}
    .morarbem__logo { width: 60px; }
    #tegra__header { padding: 25px 80px;}
    .tegra__links ul { gap: 50px; }
    .tegra__links a {    font-size: 16px;}
    #tegra__header {  padding: 16px 20px;}
    .morarbem__logo {  width: 45px;}
    .perfil__foto {   width: 60px;   height: 60px;}
    .perfil__nome {  font-size: 18px;}
    .menu-mobile__whatsapp {   font-size: 14px;   padding: 14px 20px;}
    .social-link {   width: 45px;    height: 45px;   font-size: 20px;}
    .bloco__input__footer textarea {    font-size: 13px;    padding: 10px 12px; }
    .alert {  font-size: 13px;  padding: 12px 15px; }
    .whatsapp-float {       bottom: 20px;       right: 20px;       width: 60px;       height: 60px;       font-size: 32px;  }
    .whatsapp-float::after {     display: none; }
    .whatsapp-float::before {     animation: pulse-ring-mobile 1.5s ease-out infinite; }
    @keyframes pulse-ring-mobile {    0% {       transform: scale(1);       opacity: 1;   }   100% {       transform: scale(1.3);       opacity: 0;   }}
    .whatsapp-float { animation: slideInUp 0.5s ease-out; }
    @keyframes slideInUp {  from {      opacity: 0;      transform: translateY(100px);  }  to {      opacity: 1;      transform: translateY(0);  } }
    .whatsapp-float:focus {  outline: 3px solid #25D366;  outline-offset: 3px; }
    .modal-telefone-content {   padding: 30px 25px;   max-width: 95%; }
    .modal-telefone-header h3 {   font-size: 24px;}
    .modal-telefone-numero p {   font-size: 22px;}
    .modal-telefone-btn { font-size: 15px; padding: 14px 20px;}
    .modal-telefone-content {  padding: 25px 20px; }
    .modal-telefone-header i {  font-size: 40px;}
    .modal-telefone-header h3 {      font-size: 22px; }
    .modal-telefone-numero p {     font-size: 20px; }
    .modal-telefone-btn {   font-size: 14px;   padding: 12px 18px;}
    .modal-telefone-btn i {    font-size: 18px;}
    .container__tegra__imagens__botoes {     flex-direction: column;     padding: 20px;     gap: 15px;  }
    .fotos__empreendimento,   .plantas__empreendimento {     width: 100%;     justify-content: center;     padding: 16px 30px;     font-size: 14px;  }
    .galeria__modal__header {    padding: 20px; }
    .galeria__modal__title {   font-size: 14px; }
    .galeria__modal__close {   font-size: 24px;  width: 36px;   height: 36px; }
    .galeria__modal__counter {   font-size: 12px; }
    .galeria__modal__content {    padding: 10px; }
    .galeria__imagem {     max-height: 60vh; }
    .galeria__nav__buttons {  padding: 0 10px;  }
    .galeria__nav__btn {    width: 45px;    height: 45px;    font-size: 18px; }
    .galeria__zoom__controls {   bottom: 20px;   padding: 10px 16px;   gap: 12px; }
    .galeria__zoom__btn {   width: 36px;   height: 36px;    font-size: 16px; }
    .galeria__zoom__level {   font-size: 12px;  padding: 0 8px; }
    .galeria__thumbnails {   padding: 15px 20px;   gap: 10px; }
    .galeria__thumbnail {     min-width: 70px;   height: 55px; }

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

     /*-- ============================================
       SECTION - TEGRA MORAR BEM
       ============================================ */
       
       section#tegra__morarbem {  width: 100%; height: 100vh; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat;position: relative  }
       section#tegra__morarbem::before { content: "";  width: 100%; height: 100vh;  background: #000; position: absolute; opacity: 50%; top: 0px; left: 0px; border-radius: 0px;}
   
   /* ============================================
      HEADER
      ============================================ */
   #tegra__header {   display: flex;   align-items: center;   justify-content: space-between;   padding: 20px 40px;   background: #fff;   transition: all 0.3s ease;   position: relative;   z-index: 900; }
   #tegra__header.sticky {  position: fixed;  top: 0;  left: 0;  width: 100%;  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);  animation: slideDown 0.3s ease; }
   @keyframes slideDown {  from {   transform: translateY(-100%);   opacity: 0; } to {   transform: translateY(0);   opacity: 1; } }
   
   /* Logo */
   .header__logo {   margin: 0; }
   .logo-link {    display: block;    transition: transform 0.3s ease; }
   .logo-link:hover {  transform: scale(1.05);}
   .morarbem__logo {   display: block;   width: 50px;   height: auto;}
   
   /* ============================================
      NAVEGAÇÃO DESKTOP
      ============================================ */
   .tegra__links {  display: none;}
   .tegra__links ul {    display: flex;    gap: 40px;    list-style: none;    margin: 0;    padding: 0; }
   .tegra__links a {   color: #1a1a1a;   text-decoration: none;   font-size: 15px;   font-weight: 500;   letter-spacing: 0.5px;   padding: 8px 0;   position: relative;   transition: color 0.3s ease; }
   .tegra__links a::after {   content: '';   position: absolute;   bottom: 0;   left: 0;   width: 0;   height: 2px;   background: #d4af37;   transition: width 0.3s ease; }
   .tegra__links a:hover {   color: #d4af37; }
   .tegra__links a:hover::after {   width: 100%;}
   
   /* Indicador de seção ativa */
   .tegra__links .nav-item.active a {   color: #d4af37;   font-weight: 600; }
   .tegra__links .nav-item.active a::after { width: 100%;}
   
   /* ============================================
      BOTÃO MENU MOBILE
      ============================================ */
   .botao_menu { display: flex; align-items: center; gap: 8px; background: transparent; border: none; cursor: pointer; padding: 8px 12px; transition: all 0.3s ease; border-radius: 6px; }
   .botao_menu:hover {  background: rgba(0, 0, 0, 0.05); }
   .botao_menu i {    font-size: 20px;    color: #1a1a1a; }
   .botao_menu_texto {  font-size: 14px;  font-weight: 600;  color: #1a1a1a;  margin: 0;}
   
   /* ============================================
      MENU MOBILE CONTAINER
      ============================================ */
   .menu-mobile-container {    display: none;   position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 9999; }
   .menu-mobile-container.active { display: block; }
   
   /* ============================================
      OVERLAY (Fundo escuro)
      ============================================ */
   .menu-mobile-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.8);   opacity: 0;   transition: opacity 0.3s ease; }
   .menu-mobile-container.active .menu-mobile-overlay {  opacity: 1; }
   
   /* ============================================
      MENU MOBILE
      ============================================ */
   .menu-mobile {   position: absolute;   bottom: 0;   left: 0;   width: 100%;   max-height: 90vh;   background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);   border-radius: 20px 20px 0 0;   overflow-y: auto;   transform: translateY(100%);   transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);   padding-bottom: env(safe-area-inset-bottom);}
   .menu-mobile-container.active .menu-mobile {  transform: translateY(0);}
   
   /* Scroll suave no menu */
   .menu-mobile {   scrollbar-width: thin;   scrollbar-color: rgba(255, 255, 255, 0.2) transparent;}
   .menu-mobile::-webkit-scrollbar { width: 6px;}
   .menu-mobile::-webkit-scrollbar-track {   background: transparent;}
   .menu-mobile::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2);  border-radius: 3px;}
   
   /* ============================================
      BOTÃO FECHAR
      ============================================ */
   .menu-mobile__close {    position: absolute;    top: 20px;    right: 20px;    background: rgba(255, 255, 255, 0.1);    border: none;    color: #fff;    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    transition: all 0.3s ease;    z-index: 10;}
   .menu-mobile__close:hover {    background: rgba(255, 255, 255, 0.2);   transform: rotate(90deg);
   }
   
   /* ============================================
      PERFIL DO CORRETOR
      ============================================ */
   .menu-mobile__perfil {   display: flex;    align-items: center;    gap: 16px;    padding: 40px 24px 24px;    border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
   .perfil__foto {    margin: 0;    width: 70px;    height: 70px;    border-radius: 50%;    overflow: hidden;    border: 3px solid rgba(255, 255, 255, 0.2);    flex-shrink: 0;}
   .perfil__foto img {   width: 100%;   height: 100%;   object-fit: cover;}
   .perfil__info {   flex: 1;}
   .perfil__nome {  color: #fff;  font-size: 20px;  font-weight: 700;  margin: 0 0 4px 0; }
   .perfil__cargo {   color: rgba(255, 255, 255, 0.7);   font-size: 14px;   margin: 0; }
   
   /* ============================================
      BOTÃO WHATSAPP DESTAQUE
      ============================================ */
   .menu-mobile__whatsapp {   display: flex;   align-items: center;   justify-content: center;   gap: 12px;   margin: 20px 24px;   padding: 16px 24px;   background: #25D366;   color: #fff;   text-decoration: none;   border-radius: 30px;   font-weight: 600;   font-size: 16px;   transition: all 0.3s ease;   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);}
   .menu-mobile__whatsapp:hover {   background: #20BD5A;   transform: translateY(-2px);   box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);}
   .menu-mobile__whatsapp i {   font-size: 22px;}
   
   /* ============================================
      LINKS DE NAVEGAÇÃO
      ============================================ */
   .menu-mobile__nav {   padding: 20px 0;}
   .menu-mobile__nav ul {   list-style: none;  margin: 0;  padding: 0;}
   .menu-mobile__nav li {    border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
   .menu-nav-link {   display: flex;   align-items: center;   gap: 16px;   padding: 18px 24px;   color: #fff;   text-decoration: none;   font-size: 16px;   font-weight: 500;   transition: all 0.3s ease;}
   .menu-nav-link:hover {  background: rgba(255, 255, 255, 0.05);  padding-left: 30px;}
   .menu-nav-link i:first-child {    font-size: 20px;    width: 24px;    color: #d4af37;}
   .menu-nav-link span {    flex: 1;}
   .menu-nav-link i:last-child {   font-size: 14px;   color: rgba(255, 255, 255, 0.4);}
   
   /* ============================================
      REDES SOCIAIS
      ============================================ */
   .menu-mobile__social {   padding: 24px;   border-top: 1px solid rgba(255, 255, 255, 0.1);}
   .menu-mobile__social h4 {    color: rgba(255, 255, 255, 0.7);    font-size: 14px;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 1px;    margin: 0 0 16px 0;    text-align: center;}
   .social-links {  display: flex;  gap: 12px;  justify-content: center;  list-style: none;  margin: 0;  padding: 0;}
   .social-link {   width: 50px;   height: 50px;   border-radius: 50%;   display: flex;   align-items: center;   justify-content: center;   color: #fff;   font-size: 22px;   transition: all 0.3s ease;   text-decoration: none;   position: relative;   overflow: hidden;}
   .social-link::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(255, 255, 255, 0.2);    transform: scale(0);    border-radius: 50%;    transition: transform 0.3s ease;}
   .social-link:hover::before {  transform: scale(1);}
   .social-link:hover {   transform: translateY(-4px);}
   .social-link i {  position: relative;  z-index: 1;}
   
   /* CORES OFICIAIS DAS REDES SOCIAIS */
   .social-instagram {  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}
   .social-instagram:hover {  box-shadow: 0 6px 20px rgba(225, 48, 108, 0.5);}
   .social-facebook { background: #1877F2;}
   .social-facebook:hover {  box-shadow: 0 6px 20px rgba(24, 119, 242, 0.5);}
   .social-linkedin {  background: #0A66C2;}
   .social-linkedin:hover {   box-shadow: 0 6px 20px rgba(10, 102, 194, 0.5);}
   .social-youtube {  background: #FF0000;}
   .social-youtube:hover {    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.5);}
   
   /* ============================================
      RODAPÉ DO MENU
      ============================================ */
   .menu-mobile__footer {  padding: 20px 24px 30px;  text-align: center;  border-top: 1px solid rgba(255, 255, 255, 0.1);}
   .menu-mobile__footer p {   color: rgba(255, 255, 255, 0.5);   font-size: 13px;   margin: 4px 0;}
   .menu-footer-copy {   font-size: 11px !important;}
   
   
   /* ============================================
      ACESSIBILIDADE
      ============================================ */
   @media (prefers-reduced-motion: reduce) {
       * {
           animation-duration: 0.01ms !important;
           animation-iteration-count: 1 !important;
           transition-duration: 0.01ms !important;
       }
   }
   
   /* Focus visible */
   a:focus-visible,
   button:focus-visible {  outline: 2px solid #d4af37;  outline-offset: 2px; }
   
           /* ============================================
           BODY COM MENU ABERTO
           ============================================ */
           body.menu-mobile-open {   overflow: hidden;}
           section#tegra__morarbem div.tegra__morarbem__container {  gap: 30px;  position: absolute; width: 100%; height: 200px; left: 50%; bottom: -20px; transform: translate(-50%, -50%); text-align: center; padding: 0 3rem;   z-index: 1000; border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
           section#tegra__morarbem div.tegra__morarbem__container h1 { color: #fff; font-size: 2.5em; }
           section#tegra__morarbem div.tegra__morarbem__container button.tegra__book {  border: 1px solid rgba(255, 255, 255, 0.38);  width: 200px; height: 50px;  font-size: 20px;; color: #fff; border-radius: 20px; background-color: rgba(255, 255, 255, 0.2); }
   
           /*-- ============================================
           SECTION - TIPOLOGIA E CARACTERISTICAS
           ============================================ */
           section#tegra_tipologia { background-color: red; position: relative; width: 100%; height: 100vh; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761236664/WhatsApp_Image_2025-10-15_at_18.13.30_3_d3uf1v.jpg) center/ cover no-repeat}
           section#tegra_tipologia::before { content: "";  width: 100%; height: 100vh;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#tegra_tipologia div.container_tegra_tipologia { position: absolute; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; flex-direction: column ;}
           section#tegra_tipologia div.container_tegra_tipologia div.tegra_slide { width: 60%; height: 100%; }
           section#tegra_tipologia div.container_tegra_tipologia div.tegra_slides figure img.tegra_img_slide {  width: 90%; height: 90%; object-fit: fill ; display: none;}
           section#tegra_tipologia div.tegra_tipologia_info {  width: 80%; height: 100%;  display: flex; align-items: center; justify-content: center; flex-direction: column;}
           section#tegra_tipologia div.tegra_tipologia_info h1.titulo_tipologia { color: #fff; font-size: 2rem; }
           section#tegra_tipologia div.tegra_tipologia_info p.texto_tipologia { color: #fff;  text-align: center; padding: 1rem 3rem; }
           section#tegra_tipologia div.tipologia_grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;  padding:  2rem 0;}
           section#tegra_tipologia div.tipologia_grid span.tipologia_item {  border: 2px solid rgba(255, 255, 255, 0.38); display: flex; align-items: center; justify-content: center;  padding:  2rem 1rem; width: 300px; border-radius: 20px; gap: 10px; color: #fff; font-size: 16px; font-weight: 600; }
           section#tegra_tipologia button.contato_whatsaap {  background-color: #25D366; width: 60%; border-radius: 20px;  padding: 0.5rem 2rem; font-size: 18px; font-weight: 400; gap: 10px; color: #fff; display: flex; align-items: center; justify-content: center; }
           .pulsate-fwd{animation:pulsate-fwd .5s ease-in-out infinite both }
           @keyframes pulsate-fwd{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
   
           /*-- ============================================
           SECTION -  APRESENTAÇÃO
           ============================================ */
           section#tegra_apresentacao { width: 100%; height: 100%; padding: 4rem 3rem; position: relative; }
           section#tegra_apresentacao div.tegra_apresentacao_img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; opacity: 20%; }
           section#tegra_apresentacao h2.titulo_apresentacao { color: #333; text-align: center; padding-bottom: 30px; font-size: 28px; }
           section#tegra_apresentacao p.texto_apresentacao {  font-size: 16px; font-weight: 300; line-height: 28px; padding-bottom: 20px;}
           section#tegra_apresentacao div.apresentacao__youtube { width: 100%; height: 100%; margin-top: 80px;}
   
           /*-- ============================================
           SECTION -  BOTÕES FOTOS E PLANTAS
           ============================================ */
           section#botoes__tegra__imagens {width: 100%; height: 200px;  display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat ; position: relative;}
           section#botoes__tegra__imagens::before { content: "";  width: 100%; height: 200px;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#botoes__tegra__imagens div.container__tegra__imagens { width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 50px; }
           section#botoes__tegra__imagens div.container__tegra__imagens h3.titulo__tegra__imagens { color: #fff; font-size: 28px; }
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes {  width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; gap: 20px;}
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes button { border: 2px solid rgba(255, 255, 255, 0.38); width: 50%; height: 100%;  display: flex; gap: 10px;  align-items: center; justify-content: center; font-size: 20px; font-weight: 600; color: #fff;  border-radius: 20px;}
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes button:hover { border: 2px solid #0804f3;  color: #0804f3; transform: 1s scale(1);}
   
           /*-- ============================================
           SECTION -  BOTÃO FICHA TECNICA
           ============================================ */
           section#botao__ficha__tecnica {   width: 100%; height: 200px; justify-content: center; display: flex; align-items: center; }
           section#botao__ficha__tecnica button.titulo__botao__ficha__tecnica { border:  2px  double #333; width: 85%;  height: 70px; padding: 1rem 2rem; display: flex; justify-content: center; align-items: center; font-size: 30px;  border-radius: 20px ;}
   
           /*-- ============================================
           SECTION -  CONTATO E INFORMAÇÕES
           ============================================ */
           section#informacoes { width: 100%; height: 200px;  display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat ; position: relative;}
           section#informacoes::before { content: "";  width: 100%; height: 200px;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#informacoes div.container__tegra__informacoes {   position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;  gap: 50px; flex-direction: column;}
           section#informacoes div.container__tegra__informacoes  h4.titulo__tegra__informacoes {  color:  #fff; font-size: 28px; font-size: 600; }
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul{ display: flex; align-items: center; justify-content: space-between; gap: 50px; }
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li {  border: 2px solid rgba(255, 255, 255, 0.38); width: 200px; height: 50px; border-radius: 20px;  display: flex; align-items: center; justify-content: center;}
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li:hover { border: 2px solid #0804f3;  color: #0804f3; transform: 1s scale(1);}
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li  a { color: #fff; font-size: 18px; ; }
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li  a i { margin-right: 10px; }
   
           /*-- ============================================
           SECTION -  LOCALIIZAÇÃO
           ============================================ */
           section#tegra__localizacao { width: 100%; height: 100%; position: relative; padding: 4rem 3rem; }
           section#tegra__localizacao h3.titulo__tegra__localizacao {  text-align: center; color: #333; text-align: center; padding-bottom: 30px; font-size: 28px; }
           section#tegra__localizacao div.localizacao__tegra__img {  background-color: rebeccapurple; width: 100%; height: 300px; object-fit: fill;}
           section#tegra__localizacao div.localizacao__tegra__img img { width: 100%; height: 100%; object-fit: cover; }
           section#tegra__localizacao p.endereco__tegra__localizacao {  color: #333; font-size: 24px ; padding-top: 20px;}
           section#tegra__localizacao nav.links__tegra__localizacao {    width: 50%;    height: 70px;    display: flex;    align-items: center;    justify-content: left; margin-top: 20px; }
           section#tegra__localizacao nav.links__tegra__localizacao ul {   display: flex;   align-items: center;   justify-content: center;gap: 10px;    list-style: none;    margin: 0;    padding: 0; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li {    list-style: none; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a {   display: inline-flex;   align-items: center;   gap: 10px;   padding: 12px 24px;   text-decoration: none;   font-weight: 600;   font-size: 16px;   border-radius: 8px;   transition: all 0.3s ease;   border: 2px solid transparent; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"] {    color: #00BFFE;    border-color: #00BFFE; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"]:hover {   background: #00BFFE;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(0, 191, 254, 0.4); }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"] i {  font-size: 20px;  color: #00BFFE;  transition: color 0.3s ease; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"]:hover i { color: #fff; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"],
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"] {    color: #4285F4;    border-color: #4285F4; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"]:hover,
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"]:hover {   background: #4285F4;   color: #fff;   transform: translateY(-2px);   box-shadow: 0 4px 15px rgba(66, 133, 244, 0.4); }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"] i, section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"] i {  font-size: 20px;  color: #4285F4;  transition: color 0.3s ease; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"]:hover i, section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"]:hover i {    color: #fff; }
           section#tegra__localizacao div.bloco__mapa__info {  display: flex;flex-direction: column; padding: 2rem 0rem; width: 100%; height: 100%; gap: 30px; flex-direction: column; ;}
           section#tegra__localizacao div.bloco__mapa__infodiv.container__tegra__mapa { width: 100%; height: 100%;}
           section#tegra__localizacao div.bloco__mapa__infodiv.container__tegra__mapa  iframe { width: 100%; height: 100%; }
           section#tegra__localizacao div.bairro__tegra__localizacao {  padding:  1rem; width: 100%; height: 100%; }
           section#tegra__localizacao div.bairro__tegra__localizacao h3.texto__bairro__tegra__localizacao { font-size: 22px; color: #333; padding-bottom: 15px; }
           section#tegra__localizacao div.bairro__tegra__localizacao p.descricao__bairro__tegra__localizacao {  font-size: 15px; color: #333; line-height: 22px; padding-bottom: 10px;}
   
           /*-- ============================================
           SECTION -  INCORPORADORA
           ============================================ */
           section#tegra__incorporadora {  width: 100%; height: 100%; position: relative; padding: 0 3rem; }
           section#tegra__incorporadora div.container__tegra__incorporadora { display: flex; align-items: center; justify-content: center; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.tegra__logo__incorporadora {  width: 50%; height: 100%; display: flex; align-items: center; justify-content: center ;}
           section#tegra__incorporadora div.container__tegra__incorporadora div.tegra__logo__incorporadora img { width: 30%; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora {  width: 50%; height: 100%; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora h3.titulo__tegra__incorporadora {  font-size: 28px; color: #333; padding-bottom: 10px; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora p.texto__tegra__incorporadora { line-height: 28px; font-size: 14px; }
   
           /*-- ============================================
           FOOTER E FORMULARIO
           ============================================ */
           footer#footer__tegra__incorporadora {  width: 100%; height: 100%; position: relative; margin-top: 100px; padding: 6rem 1rem; background-image: linear-gradient(to right bottom, #1a1c22, #25272f, #30333c, #3c3f49, #494b57, #555663, #61626f, #6d6e7b, #7b7c88, #898a96, #9899a4, #a7a8b2);}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora { display: flex; align-items: center; justify-content: center;  flex-direction: column; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.footer__tegra__contatos { width: 100%; height: 100%;  padding: 2rem 3rem;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora p.footer__descricao__tegra {  color: #fff;   font-size: 18px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora h4.footer__titulo__tegra {  color: #fff; font-size: 32px; padding: 3rem 7rem 0 0rem; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora p.footer__subtexto__tegra {  color: #fff;  padding: 1rem 0rem; font-size: 18px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes {   width: 80%; height: 100%; gap: 20px;  display: flex; flex-direction: column; margin-top: 10px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button {  width: 100%; height: 100%; display: flex; align-items: center; border: 1px solid #fff; border-radius: 20px; padding: 0.5rem 2rem;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button i {  font-size: 30px; margin-right: 10px; color: #fff;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto { text-align: left; display: flex; flex-direction: column; gap: 0px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto p.texto__botao__footer { font-weight: 700; margin-bottom: -5px; color: #fff;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto p.valor__botao__footer { color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem {  margin-top: 20px;  padding: 2rem 0rem; width: 50%; height: 50px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem ul {  display: flex; align-items: center; gap: 40px;  align-items: center; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem ul li a i { color: #fff; font-size: 20px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario {   width: 100%; height: 100%;  padding: 2rem 3rem;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer {  padding: 20px 0px;   border-bottom: 2px solid rgba(255, 255, 255, 0.38); display: flex; flex-direction: column; gap: 20px ;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer p.titulo__input__footer { color: #fff; padding-bottom: 0px;; font-size: 18px;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer input { width: 100%; height: 30px; margin-top: -15px; padding: 0 10px; background-color:  transparent; color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer input::placeholder { color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario button {  background-color: #333; margin-top: 50px;  width: 100%; padding: 0.8rem 0;  font-size: 24px; font-weight: 600;  color: #fff; border-radius: 20px; }
           /* ============================================
           CSS ADICIONAL PARA O FORMULÁRIO
           ============================================ */
   
           /* Campo Mensagem (textarea) */
           .bloco__input__footer textarea {    width: 100%;    padding: 12px 15px;    border: 1px solid #ddd; color: #fff;    border-radius: 4px;    font-family: inherit;    font-size: 14px;    resize: vertical;    min-height: 100px;    transition: border-color 0.3s ease; background-color: transparent;}
           .bloco__input__footer textarea:focus {  outline: none;  border-color: #0804f3; }
           .bloco__input__footer textarea::placeholder {    color: #fff; }
   
           /* ============================================
           MENSAGENS DE FEEDBACK (Sucesso/Erro)
           ============================================ */
   
           .alert {    padding: 15px 20px;    margin-bottom: 20px;    border-radius: 8px;    font-size: 14px;    font-weight: 600;    animation: slideInDown 0.4s ease; }
           .alert-success {   background: #d4edda;   color: #155724;   border: 1px solid #c3e6cb; }
           .alert-success::before {    content: '✅ '; }
           .alert-error {   background: #f8d7da;   color: #721c24;   border: 1px solid #f5c6cb; }
           .alert-error::before {  content: '❌ '; }
   
           /* Animação de entrada */
           @keyframes slideInDown {   from {   transform: translateY(-20px);   opacity: 0; }   to {    transform: translateY(0);    opacity: 1; } }
   
           /*-- ============================================
           DESENVOLVIMENTO
           ============================================ */
           div.desenvolvimento {   width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0.5rem 0; }
           div.desenvolvimento p.texto__link__dev {  color: #333; font-size: 14px; }
           div.desenvolvimento p.texto__link__dev  a { color: red; }
   
           /*-- ============================================
           BOTÃO WHATSAAP
           ============================================ */
   
           .whatsapp-float {   position: fixed;   bottom: 30px;   right: 30px;   z-index: 99999;   width: 65px;  height: 65px;       background: #25D366;   color: #fff;   border-radius: 50%;   box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);     display: flex;  align-items: center;  justify-content: center;  font-size: 36px;   text-decoration: none;   transition: all 0.3s ease;   cursor: pointer; }
           .whatsapp-float:hover {  background: #20BD5A;  transform: scale(1.1);  box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6); }
           .whatsapp-float:active {   transform: scale(0.95); }
           .whatsapp-float::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border-radius: 50%;    background: #25D366;    z-index: -1;    animation: pulse-ring 1.5s ease-out infinite; }
           @keyframes pulse-ring {    0% {        transform: scale(1);        opacity: 1;    }   100% {      transform: scale(1.4);       opacity: 0;   } }
           .whatsapp-float::after {   content: 'Fale Conosco';   position: absolute;   right: 75px;   top: 50%;   transform: translateY(-50%);   background: #1a1a1a;   color: #fff;   padding: 10px 16px;   border-radius: 6px;   font-size: 14px;   font-weight: 600;   white-space: nowrap;   opacity: 0;   visibility: hidden;   transition: all 0.3s ease;   pointer-events: none;   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
           .whatsapp-float::after {    content: 'Fale Conosco';}
           .whatsapp-float:hover::after {    opacity: 1;    visibility: visible;    right: 80px; }
   
   
   
           /* ============================================
           MODAL DE TELEFONE
           Rio by Piero Lissoni
           ============================================ */
   
           /* Overlay do modal */
           .modal-telefone-overlay {   display: none;   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.8);   z-index: 10000;   opacity: 0;   transition: opacity 0.3s ease; }
           .modal-telefone-overlay.active {  display: flex;  align-items: center;  justify-content: center;  opacity: 1;}
   
           /* Conteúdo do modal */
           .modal-telefone-content { background: #fff; border-radius: 20px; padding: 40px;    max-width: 450px;    width: 90%;    position: relative;    transform: translateY(50px);    opacity: 0;    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);}
           .modal-telefone-overlay.active .modal-telefone-content {  transform: translateY(0);  opacity: 1;}
   
           /* Botão fechar */
           .modal-telefone-close {    position: absolute;    top: 15px;    right: 15px;    background: rgba(0, 0, 0, 0.05);    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    color: #1a1a1a;    transition: all 0.3s ease;}
           .modal-telefone-close:hover {   background: rgba(0, 0, 0, 0.1);   transform: rotate(90deg);}
   
           /* Header do modal */
           .modal-telefone-header {   text-align: center;   margin-bottom: 30px;}
           .modal-telefone-header i {   font-size: 50px;   color: #0804f3;   margin-bottom: 15px;   display: block;}
           .modal-telefone-header h3 {   font-size: 28px;   font-weight: 700;   color: #1a1a1a;   margin: 0; }
   
           /* Número de telefone */
           .modal-telefone-numero {   background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);   border-radius: 15px;   padding: 20px;   margin-bottom: 25px;   text-align: center;}
           .modal-telefone-numero p {  font-size: 26px;  font-weight: 700;  color: #1a1a1a;  margin: 0;  letter-spacing: 1px;}
   
           /* Botões de ação */
           .modal-telefone-acoes {  display: flex;  flex-direction: column;  gap: 12px; }
           .modal-telefone-btn {    display: flex;    align-items: center;    justify-content: center;    gap: 12px;    padding: 16px 24px;    border-radius: 12px;    border: 2px solid;    font-size: 16px;    font-weight: 600;    cursor: pointer;    transition: all 0.3s ease;    background: transparent;}
           .modal-telefone-btn i {  font-size: 20px;}
   
           /* Botão Ligar */
           .btn-ligar {    color: #0804f3;    border-color: #0804f3;}
           .btn-ligar:hover {    background: #0804f3;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(8, 4, 243, 0.3);}
   
           /* Botão Copiar */
           .btn-copiar {    color: #6c757d;    border-color: #6c757d;}
           .btn-copiar:hover {   background: #6c757d;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3);}
   
           /* Botão WhatsApp */
           .btn-whatsapp {   color: #25D366;   border-color: #25D366;}
           .btn-whatsapp:hover {   background: #25D366;   color: #fff;   transform: translateY(-2px);   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);}
   
           /* Feedback */
           .modal-telefone-feedback {    text-align: center;    margin-top: 20px;    padding: 12px;    border-radius: 8px;    font-size: 14px;    font-weight: 600;    opacity: 0;    transform: translateY(-10px);    transition: all 0.3s ease;}
           .modal-telefone-feedback.show {    opacity: 1;    transform: translateY(0);}
           .modal-telefone-feedback.success {  background: #d4edda;  color: #155724;}
           .modal-telefone-feedback.error {  background: #f8d7da;  color: #721c24;}
   
           /* Body com modal aberto */
           body.modal-telefone-open {   overflow: hidden; }
   
   
   
   
           /* ============================================
           MODAL OVERLAY
           ============================================ */
           .galeria__modal__overlay {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.96);   z-index: 99999;   opacity: 0;   visibility: hidden;   transition: all 0.35s ease;   display: flex;   flex-direction: column; }
           .galeria__modal__overlay.active {  opacity: 1;  visibility: visible; }
   
           /* ============================================
           MODAL HEADER
           ============================================ */
           .galeria__modal__header {   display: flex;   justify-content: space-between;   align-items: center;   padding: 25px 40px;   background: rgba(26, 26, 26, 0.95);   border-bottom: 1px solid rgba(255, 255, 255, 0.1);   backdrop-filter: blur(10px); }
           .galeria__modal__title {   color: #fff;   font-size: 18px;   font-weight: 600;   text-transform: uppercase;   letter-spacing: 2px;   font-family: 'Montserrat', sans-serif; }
           .galeria__modal__info {   display: flex;   align-items: center;   gap: 20px; }
           .galeria__modal__counter {   color: rgba(255, 255, 255, 0.7);   font-size: 14px;   font-weight: 500; }
           .galeria__modal__close {    background: transparent;    border: none;    color: #fff;    font-size: 28px;    cursor: pointer;    width: 40px;    height: 40px;    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;    border-radius: 50%; }
           .galeria__modal__close:hover {   background: rgba(255, 255, 255, 0.1);   transform: rotate(90deg);   color: #ff4444; }
   
           /* ============================================
           BARRA DE PROGRESSO AUTO-PLAY
           ============================================ */
           .galeria__progress__bar {    width: 100%;    height: 3px;    background: rgba(255, 255, 255, 0.1);    position: relative;    overflow: hidden; }
           .galeria__progress__fill {   height: 100%;   background: #fff;   width: 0%;   transition: width 0.1s linear; }
           .galeria__progress__fill.animating {  transition: width 5s linear; }
   
           /* ============================================
           MODAL CONTENT CONTAINER
           ============================================ */
           .galeria__modal__content {   flex: 1;   display: flex;   align-items: center;   justify-content: center;   padding: 20px;   position: relative;   overflow: hidden; }
   
           /* ============================================
           CONTAINER DE IMAGENS (SCROLL HORIZONTAL)
           ============================================ */
           .galeria__imagens__container {  display: flex;  gap: 20px;  overflow-x: auto;  scroll-snap-type: x mandatory;  scroll-behavior: smooth;  -webkit-overflow-scrolling: touch;  width: 100%;  height: 100%;  scrollbar-width: none;  -ms-overflow-style: none; }
           .galeria__imagens__container::-webkit-scrollbar {  display: none; }
   
           /* ============================================
           IMAGEM INDIVIDUAL
           ============================================ */
           .galeria__imagem__wrapper {    min-width: 100%;    height: 100%;    scroll-snap-align: center;    display: flex;    align-items: center;    justify-content: center;    position: relative; }
           .galeria__imagem {   max-width: 100%;   max-height: 75vh;   object-fit: contain;   transition: transform 0.35s ease;   user-select: none;   -webkit-user-drag: none; }
   
           /* ZOOM */
           .galeria__imagem.zoomed {   transform: scale(2);   cursor: move; }
   
           /* ============================================
           BOTÕES DE NAVEGAÇÃO (FIXOS FORA)
           ============================================ */
           .galeria__nav__buttons {    position: absolute;    top: 50%;    left: 0;    right: 0;    transform: translateY(-50%);    display: flex;    justify-content: space-between;    pointer-events: none;    z-index: 10;    padding: 0 20px; }
           .galeria__nav__btn {   pointer-events: all;   background: rgba(255, 255, 255, 0.9);   border: none;   color: #1a1a1a;   width: 50px;   height: 50px; font-size: 20px;   cursor: pointer;   transition: all 0.3s ease;   display: flex;   align-items: center;   justify-content: center;   border-radius: 50%;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); }
           .galeria__nav__btn:hover {   background: #fff;  transform: scale(1.1);}
           .galeria__nav__btn:active {   transform: scale(0.95); }
           .galeria__nav__btn:disabled {    opacity: 0.3;   cursor: not-allowed; }
   
           /* ============================================
           CONTROLES DE ZOOM (PLANTAS)
           ============================================ */
           .galeria__zoom__controls {   position: absolute;   bottom: 30px;   left: 50%;   transform: translateX(-50%);   display: none;   gap: 15px;   background: rgba(0, 0, 0, 0.8);   padding: 12px 20px;   border-radius: 30px;   backdrop-filter: blur(10px); }
           .galeria__zoom__controls.active {  display: flex; }
           .galeria__zoom__btn {  background: rgba(255, 255, 255, 0.2);  border: 1px solid rgba(255, 255, 255, 0.3);  color: #fff;  width: 40px;  height: 40px;  font-size: 18px;  cursor: pointer;  transition: all 0.3s ease;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%; }
           .galeria__zoom__btn:hover {   background: rgba(255, 255, 255, 0.3);  transform: scale(1.1); }
           .galeria__zoom__level {    color: #fff;    font-size: 14px;    font-weight: 600;    display: flex;    align-items: center;    padding: 0 10px; }
   
           /* ============================================
           THUMBNAILS
           ============================================ */
           .galeria__thumbnails {    display: flex;    gap: 12px;    justify-content: center;    padding: 20px 40px;    background: rgba(26, 26, 26, 0.95);    border-top: 1px solid rgba(255, 255, 255, 0.1);    overflow-x: auto;    scrollbar-width: thin; }
           .galeria__thumbnails::-webkit-scrollbar {  height: 6px; }
           .galeria__thumbnails::-webkit-scrollbar-track {   background: rgba(255, 255, 255, 0.05); }
           .galeria__thumbnails::-webkit-scrollbar-thumb {   background: rgba(255, 255, 255, 0.2);   border-radius: 3px; }
           .galeria__thumbnail {  min-width: 90px;  height: 70px;  object-fit: cover;  cursor: pointer;  opacity: 0.4;  transition: all 0.3s ease;  border: 2px solid transparent;  border-radius: 4px; }
           .galeria__thumbnail:hover {  opacity: 0.7;  transform: scale(1.05); }
           .galeria__thumbnail.active {   opacity: 1;   border-color: #fff;   box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3); }
   
           /* ============================================
           LOADING
           ============================================ */
           .galeria__loading {   position: absolute;  top: 50%;   left: 50%;   transform: translate(-50%, -50%);   color: #fff;   font-size: 18px;   display: none;   align-items: center;   gap: 10px; }
           .galeria__loading.active {   display: flex; }
           .galeria__loading i {    animation: spin 1s linear infinite; }
           @keyframes spin {   from { transform: rotate(0deg); }  to { transform: rotate(360deg); } }
   
   
           /* ============================================
           ANIMAÇÕES
           ============================================ */
           @keyframes fadeIn {
           from {   opacity: 0;   transform: scale(0.95); }
           to {   opacity: 1;   transform: scale(1); }
           }
   
           .galeria__imagem {  animation: fadeIn 0.35s ease; }
   
           /* ============================================
           ACESSIBILIDADE
           ============================================ */
           .galeria__modal__overlay:focus { outline: none; }
   
           button:focus-visible {  outline: 2px solid #fff;  outline-offset: 2px; }
   
           /* ============================================
           UTILITÁRIOS
           ============================================ */
           .no-scroll {    overflow: hidden; }
   
   
           /* Animação de entrada */
           @keyframes modalSlideUp { from {   transform: translateY(50px);    opacity: 0;}  to {   transform: translateY(0);   opacity: 1; }}



   
.tegra__links {   display: block;}
#tegra__header {  padding: 25px 60px;}
.morarbem__logo { width: 60px; }
#tegra__header { padding: 25px 80px;}
.tegra__links ul { gap: 50px; }
.tegra__links a {    font-size: 16px;}
#tegra__header {  padding: 16px 20px;}
.morarbem__logo {  width: 45px;}
.perfil__foto {   width: 60px;   height: 60px;}
.perfil__nome {  font-size: 18px;}
.menu-mobile__whatsapp {   font-size: 14px;   padding: 14px 20px;}
.social-link {   width: 45px;    height: 45px;   font-size: 20px;}
.bloco__input__footer textarea {    font-size: 13px;    padding: 10px 12px; }
.alert {  font-size: 13px;  padding: 12px 15px; }
.whatsapp-float {       bottom: 20px;       right: 20px;       width: 60px;       height: 60px;       font-size: 32px;  }
.whatsapp-float::after {     display: none; }
.whatsapp-float::before {     animation: pulse-ring-mobile 1.5s ease-out infinite; }
@keyframes pulse-ring-mobile {    0% {       transform: scale(1);       opacity: 1;   }   100% {       transform: scale(1.3);       opacity: 0;   }}
.whatsapp-float { animation: slideInUp 0.5s ease-out; }
@keyframes slideInUp {  from {      opacity: 0;      transform: translateY(100px);  }  to {      opacity: 1;      transform: translateY(0);  } }
.whatsapp-float:focus {  outline: 3px solid #25D366;  outline-offset: 3px; }
.modal-telefone-content {   padding: 30px 25px;   max-width: 95%; }
.modal-telefone-header h3 {   font-size: 24px;}
.modal-telefone-numero p {   font-size: 22px;}
.modal-telefone-btn { font-size: 15px; padding: 14px 20px;}
.modal-telefone-content {  padding: 25px 20px; }
.modal-telefone-header i {  font-size: 40px;}
.modal-telefone-header h3 {      font-size: 22px; }
.modal-telefone-numero p {     font-size: 20px; }
.modal-telefone-btn {   font-size: 14px;   padding: 12px 18px;}
.modal-telefone-btn i {    font-size: 18px;}
.container__tegra__imagens__botoes {     flex-direction: column;     padding: 20px;     gap: 15px;  }
.fotos__empreendimento,   .plantas__empreendimento {     width: 100%;     justify-content: center;     padding: 16px 30px;     font-size: 14px;  }
.galeria__modal__header {    padding: 20px; }
.galeria__modal__title {   font-size: 14px; }
.galeria__modal__close {   font-size: 24px;  width: 36px;   height: 36px; }
.galeria__modal__counter {   font-size: 12px; }
.galeria__modal__content {    padding: 10px; }
.galeria__imagem {     max-height: 60vh; }
.galeria__nav__buttons {  padding: 0 10px;  }
.galeria__nav__btn {    width: 45px;    height: 45px;    font-size: 18px; }
.galeria__zoom__controls {   bottom: 20px;   padding: 10px 16px;   gap: 12px; }
.galeria__zoom__btn {   width: 36px;   height: 36px;    font-size: 16px; }
.galeria__zoom__level {   font-size: 12px;  padding: 0 8px; }
.galeria__thumbnails {   padding: 15px 20px;   gap: 10px; }
.galeria__thumbnail {     min-width: 70px;   height: 55px; }

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

       /*-- ============================================
       SECTION - TEGRA MORAR BEM
       ============================================ */
       
       section#tegra__morarbem {  width: 100%; height: 100vh; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat;position: relative  }
       section#tegra__morarbem::before { content: "";  width: 100%; height: 100vh;  background: #000; position: absolute; opacity: 50%; top: 0px; left: 0px; border-radius: 0px;}
   
   /* ============================================
      HEADER
      ============================================ */
   #tegra__header {   display: flex;   align-items: center;   justify-content: space-between;   padding: 20px 40px;   background: #fff;   transition: all 0.3s ease;   position: relative;   z-index: 900; }
   #tegra__header.sticky {  position: fixed;  top: 0;  left: 0;  width: 100%;  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);  animation: slideDown 0.3s ease; }
   @keyframes slideDown {  from {   transform: translateY(-100%);   opacity: 0; } to {   transform: translateY(0);   opacity: 1; } }
   
   /* Logo */
   .header__logo {   margin: 0; }
   .logo-link {    display: block;    transition: transform 0.3s ease; }
   .logo-link:hover {  transform: scale(1.05);}
   .morarbem__logo {   display: block;   width: 50px;   height: auto;}
   
   /* ============================================
      NAVEGAÇÃO DESKTOP
      ============================================ */
   .tegra__links {  display: none;}
   .tegra__links ul {    display: flex;    gap: 40px;    list-style: none;    margin: 0;    padding: 0; }
   .tegra__links a {   color: #1a1a1a;   text-decoration: none;   font-size: 15px;   font-weight: 500;   letter-spacing: 0.5px;   padding: 8px 0;   position: relative;   transition: color 0.3s ease; }
   .tegra__links a::after {   content: '';   position: absolute;   bottom: 0;   left: 0;   width: 0;   height: 2px;   background: #d4af37;   transition: width 0.3s ease; }
   .tegra__links a:hover {   color: #d4af37; }
   .tegra__links a:hover::after {   width: 100%;}
   
   /* Indicador de seção ativa */
   .tegra__links .nav-item.active a {   color: #d4af37;   font-weight: 600; }
   .tegra__links .nav-item.active a::after { width: 100%;}
   
   /* ============================================
      BOTÃO MENU MOBILE
      ============================================ */
   .botao_menu { display: flex; align-items: center; gap: 8px; background: transparent; border: none; cursor: pointer; padding: 8px 12px; transition: all 0.3s ease; border-radius: 6px; }
   .botao_menu:hover {  background: rgba(0, 0, 0, 0.05); }
   .botao_menu i {    font-size: 20px;    color: #1a1a1a; }
   .botao_menu_texto {  font-size: 14px;  font-weight: 600;  color: #1a1a1a;  margin: 0;}
   
   /* ============================================
      MENU MOBILE CONTAINER
      ============================================ */
   .menu-mobile-container {    display: none;   position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 9999; }
   .menu-mobile-container.active { display: block; }
   
   /* ============================================
      OVERLAY (Fundo escuro)
      ============================================ */
   .menu-mobile-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.8);   opacity: 0;   transition: opacity 0.3s ease; }
   .menu-mobile-container.active .menu-mobile-overlay {  opacity: 1; }
   
   /* ============================================
      MENU MOBILE
      ============================================ */
   .menu-mobile {   position: absolute;   bottom: 0;   left: 0;   width: 100%;   max-height: 90vh;   background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);   border-radius: 20px 20px 0 0;   overflow-y: auto;   transform: translateY(100%);   transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);   padding-bottom: env(safe-area-inset-bottom);}
   .menu-mobile-container.active .menu-mobile {  transform: translateY(0);}
   
   /* Scroll suave no menu */
   .menu-mobile {   scrollbar-width: thin;   scrollbar-color: rgba(255, 255, 255, 0.2) transparent;}
   .menu-mobile::-webkit-scrollbar { width: 6px;}
   .menu-mobile::-webkit-scrollbar-track {   background: transparent;}
   .menu-mobile::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2);  border-radius: 3px;}
   
   /* ============================================
      BOTÃO FECHAR
      ============================================ */
   .menu-mobile__close {    position: absolute;    top: 20px;    right: 20px;    background: rgba(255, 255, 255, 0.1);    border: none;    color: #fff;    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    transition: all 0.3s ease;    z-index: 10;}
   .menu-mobile__close:hover {    background: rgba(255, 255, 255, 0.2);   transform: rotate(90deg);
   }
   
   /* ============================================
      PERFIL DO CORRETOR
      ============================================ */
   .menu-mobile__perfil {   display: flex;    align-items: center;    gap: 16px;    padding: 40px 24px 24px;    border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
   .perfil__foto {    margin: 0;    width: 70px;    height: 70px;    border-radius: 50%;    overflow: hidden;    border: 3px solid rgba(255, 255, 255, 0.2);    flex-shrink: 0;}
   .perfil__foto img {   width: 100%;   height: 100%;   object-fit: cover;}
   .perfil__info {   flex: 1;}
   .perfil__nome {  color: #fff;  font-size: 20px;  font-weight: 700;  margin: 0 0 4px 0; }
   .perfil__cargo {   color: rgba(255, 255, 255, 0.7);   font-size: 14px;   margin: 0; }
   
   /* ============================================
      BOTÃO WHATSAPP DESTAQUE
      ============================================ */
   .menu-mobile__whatsapp {   display: flex;   align-items: center;   justify-content: center;   gap: 12px;   margin: 20px 24px;   padding: 16px 24px;   background: #25D366;   color: #fff;   text-decoration: none;   border-radius: 30px;   font-weight: 600;   font-size: 16px;   transition: all 0.3s ease;   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);}
   .menu-mobile__whatsapp:hover {   background: #20BD5A;   transform: translateY(-2px);   box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);}
   .menu-mobile__whatsapp i {   font-size: 22px;}
   
   /* ============================================
      LINKS DE NAVEGAÇÃO
      ============================================ */
   .menu-mobile__nav {   padding: 20px 0;}
   .menu-mobile__nav ul {   list-style: none;  margin: 0;  padding: 0;}
   .menu-mobile__nav li {    border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
   .menu-nav-link {   display: flex;   align-items: center;   gap: 16px;   padding: 18px 24px;   color: #fff;   text-decoration: none;   font-size: 16px;   font-weight: 500;   transition: all 0.3s ease;}
   .menu-nav-link:hover {  background: rgba(255, 255, 255, 0.05);  padding-left: 30px;}
   .menu-nav-link i:first-child {    font-size: 20px;    width: 24px;    color: #d4af37;}
   .menu-nav-link span {    flex: 1;}
   .menu-nav-link i:last-child {   font-size: 14px;   color: rgba(255, 255, 255, 0.4);}
   
   /* ============================================
      REDES SOCIAIS
      ============================================ */
   .menu-mobile__social {   padding: 24px;   border-top: 1px solid rgba(255, 255, 255, 0.1);}
   .menu-mobile__social h4 {    color: rgba(255, 255, 255, 0.7);    font-size: 14px;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 1px;    margin: 0 0 16px 0;    text-align: center;}
   .social-links {  display: flex;  gap: 12px;  justify-content: center;  list-style: none;  margin: 0;  padding: 0;}
   .social-link {   width: 50px;   height: 50px;   border-radius: 50%;   display: flex;   align-items: center;   justify-content: center;   color: #fff;   font-size: 22px;   transition: all 0.3s ease;   text-decoration: none;   position: relative;   overflow: hidden;}
   .social-link::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(255, 255, 255, 0.2);    transform: scale(0);    border-radius: 50%;    transition: transform 0.3s ease;}
   .social-link:hover::before {  transform: scale(1);}
   .social-link:hover {   transform: translateY(-4px);}
   .social-link i {  position: relative;  z-index: 1;}
   
   /* CORES OFICIAIS DAS REDES SOCIAIS */
   .social-instagram {  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}
   .social-instagram:hover {  box-shadow: 0 6px 20px rgba(225, 48, 108, 0.5);}
   .social-facebook { background: #1877F2;}
   .social-facebook:hover {  box-shadow: 0 6px 20px rgba(24, 119, 242, 0.5);}
   .social-linkedin {  background: #0A66C2;}
   .social-linkedin:hover {   box-shadow: 0 6px 20px rgba(10, 102, 194, 0.5);}
   .social-youtube {  background: #FF0000;}
   .social-youtube:hover {    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.5);}
   
   /* ============================================
      RODAPÉ DO MENU
      ============================================ */
   .menu-mobile__footer {  padding: 20px 24px 30px;  text-align: center;  border-top: 1px solid rgba(255, 255, 255, 0.1);}
   .menu-mobile__footer p {   color: rgba(255, 255, 255, 0.5);   font-size: 13px;   margin: 4px 0;}
   .menu-footer-copy {   font-size: 11px !important;}
   
   
   /* ============================================
      ACESSIBILIDADE
      ============================================ */
   @media (prefers-reduced-motion: reduce) {
       * {
           animation-duration: 0.01ms !important;
           animation-iteration-count: 1 !important;
           transition-duration: 0.01ms !important;
       }
   }
   
   /* Focus visible */
   a:focus-visible,
   button:focus-visible {  outline: 2px solid #d4af37;  outline-offset: 2px; }
   
           /* ============================================
           BODY COM MENU ABERTO
           ============================================ */
           body.menu-mobile-open {   overflow: hidden;}
           section#tegra__morarbem div.tegra__morarbem__container {  gap: 30px;  position: absolute; width: 100%; height: 200px; left: 50%; bottom: -20px; transform: translate(-50%, -50%); text-align: center; padding: 0 3rem;   z-index: 1000; border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
           section#tegra__morarbem div.tegra__morarbem__container h1 { color: #fff; font-size: 2.5em; }
           section#tegra__morarbem div.tegra__morarbem__container button.tegra__book {  border: 1px solid rgba(255, 255, 255, 0.38);  width: 200px; height: 50px;  font-size: 20px;; color: #fff; border-radius: 20px; background-color: rgba(255, 255, 255, 0.2); }
   
           /*-- ============================================
           SECTION - TIPOLOGIA E CARACTERISTICAS
           ============================================ */
           section#tegra_tipologia { background-color: red; position: relative; width: 100%; height: 100vh; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761236664/WhatsApp_Image_2025-10-15_at_18.13.30_3_d3uf1v.jpg) center/ cover no-repeat}
           section#tegra_tipologia::before { content: "";  width: 100%; height: 100vh;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#tegra_tipologia div.container_tegra_tipologia { position: absolute; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; flex-direction: column ;}
           section#tegra_tipologia div.container_tegra_tipologia div.tegra_slide { width: 60%; height: 100%; }
           section#tegra_tipologia div.container_tegra_tipologia div.tegra_slides figure img.tegra_img_slide {  width: 90%; height: 90%; object-fit: fill ; display: none;}
           section#tegra_tipologia div.tegra_tipologia_info {  width: 80%; height: 100%;  display: flex; align-items: center; justify-content: center; flex-direction: column;}
           section#tegra_tipologia div.tegra_tipologia_info h1.titulo_tipologia { color: #fff; font-size: 2rem; }
           section#tegra_tipologia div.tegra_tipologia_info p.texto_tipologia { color: #fff;  text-align: center; padding: 1rem 3rem; }
           section#tegra_tipologia div.tipologia_grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;  padding:  2rem 0;}
           section#tegra_tipologia div.tipologia_grid span.tipologia_item {  border: 2px solid rgba(255, 255, 255, 0.38); display: flex; align-items: center; justify-content: center;  padding:  2rem 1rem; width: 300px; border-radius: 20px; gap: 10px; color: #fff; font-size: 16px; font-weight: 600; }
           section#tegra_tipologia button.contato_whatsaap {  background-color: #25D366; width: 60%; border-radius: 20px;  padding: 0.5rem 2rem; font-size: 18px; font-weight: 400; gap: 10px; color: #fff; display: flex; align-items: center; justify-content: center; }
           .pulsate-fwd{animation:pulsate-fwd .5s ease-in-out infinite both }
           @keyframes pulsate-fwd{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
   
           /*-- ============================================
           SECTION -  APRESENTAÇÃO
           ============================================ */
           section#tegra_apresentacao { width: 100%; height: 100%; padding: 4rem 3rem; position: relative; }
           section#tegra_apresentacao div.tegra_apresentacao_img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; opacity: 20%; }
           section#tegra_apresentacao h2.titulo_apresentacao { color: #333; text-align: center; padding-bottom: 30px; font-size: 28px; }
           section#tegra_apresentacao p.texto_apresentacao {  font-size: 16px; font-weight: 300; line-height: 28px; padding-bottom: 20px;}
           section#tegra_apresentacao div.apresentacao__youtube { width: 100%; height: 100%; margin-top: 80px;}
   
           /*-- ============================================
           SECTION -  BOTÕES FOTOS E PLANTAS
           ============================================ */
           section#botoes__tegra__imagens {width: 100%; height: 200px;  display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat ; position: relative;}
           section#botoes__tegra__imagens::before { content: "";  width: 100%; height: 200px;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#botoes__tegra__imagens div.container__tegra__imagens { width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 30px; }
           section#botoes__tegra__imagens div.container__tegra__imagens h3.titulo__tegra__imagens { color: #fff; font-size: 28px; }
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes {  width: 50%; height: 50px; display: flex; align-items: center; justify-content: center; gap: 30px;}
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes button { border: 2px solid rgba(255, 255, 255, 0.38); width: 100%; height: 100%;  display: flex; gap: 10px;  align-items: center; justify-content: center; font-size: 20px; font-weight: 600; color: #fff;  border-radius: 20px;}
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes button:hover { border: 2px solid #0804f3;  color: #0804f3; transform: 1s scale(1);}
   
           /*-- ============================================
           SECTION -  BOTÃO FICHA TECNICA
           ============================================ */
           section#botao__ficha__tecnica {   width: 100%; height: 200px; justify-content: center; display: flex; align-items: center; }
           section#botao__ficha__tecnica button.titulo__botao__ficha__tecnica { border:  2px  double #333; width: 55%;  height: 70px; padding: 1rem 2rem; display: flex; justify-content: center; align-items: center; font-size: 30px;  border-radius: 20px ;}
   
           /*-- ============================================
           SECTION -  CONTATO E INFORMAÇÕES
           ============================================ */
           section#informacoes { width: 100%; height: 200px;  display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat ; position: relative;}
           section#informacoes::before { content: "";  width: 100%; height: 200px;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#informacoes div.container__tegra__informacoes {   position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;  gap: 50px; flex-direction: column;}
           section#informacoes div.container__tegra__informacoes  h4.titulo__tegra__informacoes {  color:  #fff; font-size: 28px; font-size: 600; }
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul{ display: flex; align-items: center; justify-content: space-between; gap: 50px; }
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li {  border: 2px solid rgba(255, 255, 255, 0.38); width: 200px; height: 50px; border-radius: 20px;  display: flex; align-items: center; justify-content: center;}
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li:hover { border: 2px solid #0804f3;  color: #0804f3; transform: 1s scale(1);}
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li  a { color: #fff; font-size: 18px; ; }
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li  a i { margin-right: 10px; }
   
           /*-- ============================================
           SECTION -  LOCALIIZAÇÃO
           ============================================ */
           section#tegra__localizacao { width: 100%; height: 100%; position: relative; padding: 4rem 3rem; }
           section#tegra__localizacao h3.titulo__tegra__localizacao {  text-align: center; color: #333; text-align: center; padding-bottom: 30px; font-size: 28px; }
           section#tegra__localizacao div.localizacao__tegra__img {  background-color: rebeccapurple; width: 100%; height: 300px; object-fit: fill;}
           section#tegra__localizacao div.localizacao__tegra__img img { width: 100%; height: 100%; object-fit: cover; }
           section#tegra__localizacao p.endereco__tegra__localizacao {  color: #333; font-size: 24px ; padding-top: 20px;}
           section#tegra__localizacao nav.links__tegra__localizacao {    width: 50%;    height: 70px;    display: flex;    align-items: center;    justify-content: left; margin-top: 20px; }
           section#tegra__localizacao nav.links__tegra__localizacao ul {   display: flex;   align-items: center;   justify-content: center;gap: 10px;    list-style: none;    margin: 0;    padding: 0; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li {    list-style: none; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a {   display: inline-flex;   align-items: center;   gap: 10px;   padding: 12px 24px;   text-decoration: none;   font-weight: 600;   font-size: 16px;   border-radius: 8px;   transition: all 0.3s ease;   border: 2px solid transparent; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"] {    color: #00BFFE;    border-color: #00BFFE; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"]:hover {   background: #00BFFE;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(0, 191, 254, 0.4); }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"] i {  font-size: 20px;  color: #00BFFE;  transition: color 0.3s ease; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"]:hover i { color: #fff; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"],
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"] {    color: #4285F4;    border-color: #4285F4; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"]:hover,
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"]:hover {   background: #4285F4;   color: #fff;   transform: translateY(-2px);   box-shadow: 0 4px 15px rgba(66, 133, 244, 0.4); }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"] i, section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"] i {  font-size: 20px;  color: #4285F4;  transition: color 0.3s ease; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"]:hover i, section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"]:hover i {    color: #fff; }
           section#tegra__localizacao div.bloco__mapa__info {  display: flex;flex-direction: column; padding: 2rem 0rem; width: 100%; height: 100%; gap: 30px; flex-direction: column; ;}
           section#tegra__localizacao div.bloco__mapa__infodiv.container__tegra__mapa { width: 100%; height: 100%;}
           section#tegra__localizacao div.bloco__mapa__infodiv.container__tegra__mapa  iframe { width: 100%; height: 100%; }
           section#tegra__localizacao div.bairro__tegra__localizacao {  padding:  1rem; width: 100%; height: 100%; }
           section#tegra__localizacao div.bairro__tegra__localizacao h3.texto__bairro__tegra__localizacao { font-size: 22px; color: #333; padding-bottom: 15px; }
           section#tegra__localizacao div.bairro__tegra__localizacao p.descricao__bairro__tegra__localizacao {  font-size: 15px; color: #333; line-height: 22px; padding-bottom: 10px;}
   
           /*-- ============================================
           SECTION -  INCORPORADORA
           ============================================ */
           section#tegra__incorporadora {  width: 100%; height: 100%; position: relative; padding: 0 3rem; }
           section#tegra__incorporadora div.container__tegra__incorporadora { display: flex; align-items: center; justify-content: center; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.tegra__logo__incorporadora {  width: 50%; height: 100%; display: flex; align-items: center; justify-content: center ;}
           section#tegra__incorporadora div.container__tegra__incorporadora div.tegra__logo__incorporadora img { width: 30%; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora {  width: 50%; height: 100%; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora h3.titulo__tegra__incorporadora {  font-size: 28px; color: #333; padding-bottom: 10px; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora p.texto__tegra__incorporadora { line-height: 28px; font-size: 14px; }
   
           /*-- ============================================
           FOOTER E FORMULARIO
           ============================================ */
           footer#footer__tegra__incorporadora {  width: 100%; height: 100%; position: relative; margin-top: 100px; padding: 6rem 1rem; background-image: linear-gradient(to right bottom, #1a1c22, #25272f, #30333c, #3c3f49, #494b57, #555663, #61626f, #6d6e7b, #7b7c88, #898a96, #9899a4, #a7a8b2);}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora { display: flex; align-items: center; justify-content: center;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.footer__tegra__contatos { width: 50%; height: 100%; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora p.footer__descricao__tegra {  color: #fff;  padding: 0 2rem; font-size: 18px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora h4.footer__titulo__tegra {  color: #fff; font-size: 32px; padding: 3rem 7rem 0 2rem; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora p.footer__subtexto__tegra {  color: #fff;  padding: 1rem 2rem; font-size: 18px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes {   padding: 0 2rem; width: 80%; height: 100%; gap: 20px;  display: flex; flex-direction: column; margin-top: 10px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button {  width: 100%; height: 100%; display: flex; align-items: center; border: 1px solid #fff; border-radius: 20px; padding: 0.5rem 2rem;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button i {  font-size: 30px; margin-right: 10px; color: #fff;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto { text-align: left; display: flex; flex-direction: column; gap: 0px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto p.texto__botao__footer { font-weight: 700; margin-bottom: -5px; color: #fff;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto p.valor__botao__footer { color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem {  margin-top: 20px;  padding: 0 5rem; width: 50%; height: 50px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem ul {  display: flex; align-items: center; gap: 40px;  align-items: center; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem ul li a i { color: #fff; font-size: 20px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario {   width: 50%; height: 100%;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer {  padding: 20px 0px;   border-bottom: 2px solid rgba(255, 255, 255, 0.38); display: flex; flex-direction: column; gap: 20px ;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer p.titulo__input__footer { color: #fff; padding-bottom: 0px;; font-size: 18px;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer input { width: 100%; height: 30px; margin-top: -15px; padding: 0 10px; background-color:  transparent; color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer input::placeholder { color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario button {  background-color: #333; margin-top: 50px;  width: 100%; padding: 0.8rem 0;  font-size: 24px; font-weight: 600;  color: #fff; border-radius: 20px; }
           /* ============================================
           CSS ADICIONAL PARA O FORMULÁRIO
           ============================================ */
   
           /* Campo Mensagem (textarea) */
           .bloco__input__footer textarea {    width: 100%;    padding: 12px 15px;    border: 1px solid #ddd; color: #fff;    border-radius: 4px;    font-family: inherit;    font-size: 14px;    resize: vertical;    min-height: 100px;    transition: border-color 0.3s ease; background-color: transparent;}
           .bloco__input__footer textarea:focus {  outline: none;  border-color: #0804f3; }
           .bloco__input__footer textarea::placeholder {    color: #fff; }
   
           /* ============================================
           MENSAGENS DE FEEDBACK (Sucesso/Erro)
           ============================================ */
   
           .alert {    padding: 15px 20px;    margin-bottom: 20px;    border-radius: 8px;    font-size: 14px;    font-weight: 600;    animation: slideInDown 0.4s ease; }
           .alert-success {   background: #d4edda;   color: #155724;   border: 1px solid #c3e6cb; }
           .alert-success::before {    content: '✅ '; }
           .alert-error {   background: #f8d7da;   color: #721c24;   border: 1px solid #f5c6cb; }
           .alert-error::before {  content: '❌ '; }
   
           /* Animação de entrada */
           @keyframes slideInDown {   from {   transform: translateY(-20px);   opacity: 0; }   to {    transform: translateY(0);    opacity: 1; } }
   
           /*-- ============================================
           DESENVOLVIMENTO
           ============================================ */
           div.desenvolvimento {   width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0.5rem 0; }
           div.desenvolvimento p.texto__link__dev {  color: #333; font-size: 14px; }
           div.desenvolvimento p.texto__link__dev  a { color: red; }
   
           /*-- ============================================
           BOTÃO WHATSAAP
           ============================================ */
   
           .whatsapp-float {   position: fixed;   bottom: 30px;   right: 30px;   z-index: 99999;   width: 65px;  height: 65px;       background: #25D366;   color: #fff;   border-radius: 50%;   box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);     display: flex;  align-items: center;  justify-content: center;  font-size: 36px;   text-decoration: none;   transition: all 0.3s ease;   cursor: pointer; }
           .whatsapp-float:hover {  background: #20BD5A;  transform: scale(1.1);  box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6); }
           .whatsapp-float:active {   transform: scale(0.95); }
           .whatsapp-float::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border-radius: 50%;    background: #25D366;    z-index: -1;    animation: pulse-ring 1.5s ease-out infinite; }
           @keyframes pulse-ring {    0% {        transform: scale(1);        opacity: 1;    }   100% {      transform: scale(1.4);       opacity: 0;   } }
           .whatsapp-float::after {   content: 'Fale Conosco';   position: absolute;   right: 75px;   top: 50%;   transform: translateY(-50%);   background: #1a1a1a;   color: #fff;   padding: 10px 16px;   border-radius: 6px;   font-size: 14px;   font-weight: 600;   white-space: nowrap;   opacity: 0;   visibility: hidden;   transition: all 0.3s ease;   pointer-events: none;   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
           .whatsapp-float::after {    content: 'Fale Conosco';}
           .whatsapp-float:hover::after {    opacity: 1;    visibility: visible;    right: 80px; }
   
   
   
           /* ============================================
           MODAL DE TELEFONE
           Rio by Piero Lissoni
           ============================================ */
   
           /* Overlay do modal */
           .modal-telefone-overlay {   display: none;   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.8);   z-index: 10000;   opacity: 0;   transition: opacity 0.3s ease; }
           .modal-telefone-overlay.active {  display: flex;  align-items: center;  justify-content: center;  opacity: 1;}
   
           /* Conteúdo do modal */
           .modal-telefone-content { background: #fff; border-radius: 20px; padding: 40px;    max-width: 450px;    width: 90%;    position: relative;    transform: translateY(50px);    opacity: 0;    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);}
           .modal-telefone-overlay.active .modal-telefone-content {  transform: translateY(0);  opacity: 1;}
   
           /* Botão fechar */
           .modal-telefone-close {    position: absolute;    top: 15px;    right: 15px;    background: rgba(0, 0, 0, 0.05);    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    color: #1a1a1a;    transition: all 0.3s ease;}
           .modal-telefone-close:hover {   background: rgba(0, 0, 0, 0.1);   transform: rotate(90deg);}
   
           /* Header do modal */
           .modal-telefone-header {   text-align: center;   margin-bottom: 30px;}
           .modal-telefone-header i {   font-size: 50px;   color: #0804f3;   margin-bottom: 15px;   display: block;}
           .modal-telefone-header h3 {   font-size: 28px;   font-weight: 700;   color: #1a1a1a;   margin: 0; }
   
           /* Número de telefone */
           .modal-telefone-numero {   background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);   border-radius: 15px;   padding: 20px;   margin-bottom: 25px;   text-align: center;}
           .modal-telefone-numero p {  font-size: 26px;  font-weight: 700;  color: #1a1a1a;  margin: 0;  letter-spacing: 1px;}
   
           /* Botões de ação */
           .modal-telefone-acoes {  display: flex;  flex-direction: column;  gap: 12px; }
           .modal-telefone-btn {    display: flex;    align-items: center;    justify-content: center;    gap: 12px;    padding: 16px 24px;    border-radius: 12px;    border: 2px solid;    font-size: 16px;    font-weight: 600;    cursor: pointer;    transition: all 0.3s ease;    background: transparent;}
           .modal-telefone-btn i {  font-size: 20px;}
   
           /* Botão Ligar */
           .btn-ligar {    color: #0804f3;    border-color: #0804f3;}
           .btn-ligar:hover {    background: #0804f3;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(8, 4, 243, 0.3);}
   
           /* Botão Copiar */
           .btn-copiar {    color: #6c757d;    border-color: #6c757d;}
           .btn-copiar:hover {   background: #6c757d;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3);}
   
           /* Botão WhatsApp */
           .btn-whatsapp {   color: #25D366;   border-color: #25D366;}
           .btn-whatsapp:hover {   background: #25D366;   color: #fff;   transform: translateY(-2px);   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);}
   
           /* Feedback */
           .modal-telefone-feedback {    text-align: center;    margin-top: 20px;    padding: 12px;    border-radius: 8px;    font-size: 14px;    font-weight: 600;    opacity: 0;    transform: translateY(-10px);    transition: all 0.3s ease;}
           .modal-telefone-feedback.show {    opacity: 1;    transform: translateY(0);}
           .modal-telefone-feedback.success {  background: #d4edda;  color: #155724;}
           .modal-telefone-feedback.error {  background: #f8d7da;  color: #721c24;}
   
           /* Body com modal aberto */
           body.modal-telefone-open {   overflow: hidden; }
   
   
   
   
           /* ============================================
           MODAL OVERLAY
           ============================================ */
           .galeria__modal__overlay {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.96);   z-index: 99999;   opacity: 0;   visibility: hidden;   transition: all 0.35s ease;   display: flex;   flex-direction: column; }
           .galeria__modal__overlay.active {  opacity: 1;  visibility: visible; }
   
           /* ============================================
           MODAL HEADER
           ============================================ */
           .galeria__modal__header {   display: flex;   justify-content: space-between;   align-items: center;   padding: 25px 40px;   background: rgba(26, 26, 26, 0.95);   border-bottom: 1px solid rgba(255, 255, 255, 0.1);   backdrop-filter: blur(10px); }
           .galeria__modal__title {   color: #fff;   font-size: 18px;   font-weight: 600;   text-transform: uppercase;   letter-spacing: 2px;   font-family: 'Montserrat', sans-serif; }
           .galeria__modal__info {   display: flex;   align-items: center;   gap: 20px; }
           .galeria__modal__counter {   color: rgba(255, 255, 255, 0.7);   font-size: 14px;   font-weight: 500; }
           .galeria__modal__close {    background: transparent;    border: none;    color: #fff;    font-size: 28px;    cursor: pointer;    width: 40px;    height: 40px;    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;    border-radius: 50%; }
           .galeria__modal__close:hover {   background: rgba(255, 255, 255, 0.1);   transform: rotate(90deg);   color: #ff4444; }
   
           /* ============================================
           BARRA DE PROGRESSO AUTO-PLAY
           ============================================ */
           .galeria__progress__bar {    width: 100%;    height: 3px;    background: rgba(255, 255, 255, 0.1);    position: relative;    overflow: hidden; }
           .galeria__progress__fill {   height: 100%;   background: #fff;   width: 0%;   transition: width 0.1s linear; }
           .galeria__progress__fill.animating {  transition: width 5s linear; }
   
           /* ============================================
           MODAL CONTENT CONTAINER
           ============================================ */
           .galeria__modal__content {   flex: 1;   display: flex;   align-items: center;   justify-content: center;   padding: 20px;   position: relative;   overflow: hidden; }
   
           /* ============================================
           CONTAINER DE IMAGENS (SCROLL HORIZONTAL)
           ============================================ */
           .galeria__imagens__container {  display: flex;  gap: 20px;  overflow-x: auto;  scroll-snap-type: x mandatory;  scroll-behavior: smooth;  -webkit-overflow-scrolling: touch;  width: 100%;  height: 100%;  scrollbar-width: none;  -ms-overflow-style: none; }
           .galeria__imagens__container::-webkit-scrollbar {  display: none; }
   
           /* ============================================
           IMAGEM INDIVIDUAL
           ============================================ */
           .galeria__imagem__wrapper {    min-width: 100%;    height: 100%;    scroll-snap-align: center;    display: flex;    align-items: center;    justify-content: center;    position: relative; }
           .galeria__imagem {   max-width: 100%;   max-height: 75vh;   object-fit: contain;   transition: transform 0.35s ease;   user-select: none;   -webkit-user-drag: none; }
   
           /* ZOOM */
           .galeria__imagem.zoomed {   transform: scale(2);   cursor: move; }
   
           /* ============================================
           BOTÕES DE NAVEGAÇÃO (FIXOS FORA)
           ============================================ */
           .galeria__nav__buttons {    position: absolute;    top: 50%;    left: 0;    right: 0;    transform: translateY(-50%);    display: flex;    justify-content: space-between;    pointer-events: none;    z-index: 10;    padding: 0 20px; }
           .galeria__nav__btn {   pointer-events: all;   background: rgba(255, 255, 255, 0.9);   border: none;   color: #1a1a1a;   width: 50px;   height: 50px; font-size: 20px;   cursor: pointer;   transition: all 0.3s ease;   display: flex;   align-items: center;   justify-content: center;   border-radius: 50%;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); }
           .galeria__nav__btn:hover {   background: #fff;  transform: scale(1.1);}
           .galeria__nav__btn:active {   transform: scale(0.95); }
           .galeria__nav__btn:disabled {    opacity: 0.3;   cursor: not-allowed; }
   
           /* ============================================
           CONTROLES DE ZOOM (PLANTAS)
           ============================================ */
           .galeria__zoom__controls {   position: absolute;   bottom: 30px;   left: 50%;   transform: translateX(-50%);   display: none;   gap: 15px;   background: rgba(0, 0, 0, 0.8);   padding: 12px 20px;   border-radius: 30px;   backdrop-filter: blur(10px); }
           .galeria__zoom__controls.active {  display: flex; }
           .galeria__zoom__btn {  background: rgba(255, 255, 255, 0.2);  border: 1px solid rgba(255, 255, 255, 0.3);  color: #fff;  width: 40px;  height: 40px;  font-size: 18px;  cursor: pointer;  transition: all 0.3s ease;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%; }
           .galeria__zoom__btn:hover {   background: rgba(255, 255, 255, 0.3);  transform: scale(1.1); }
           .galeria__zoom__level {    color: #fff;    font-size: 14px;    font-weight: 600;    display: flex;    align-items: center;    padding: 0 10px; }
   
           /* ============================================
           THUMBNAILS
           ============================================ */
           .galeria__thumbnails {    display: flex;    gap: 12px;    justify-content: center;    padding: 20px 40px;    background: rgba(26, 26, 26, 0.95);    border-top: 1px solid rgba(255, 255, 255, 0.1);    overflow-x: auto;    scrollbar-width: thin; }
           .galeria__thumbnails::-webkit-scrollbar {  height: 6px; }
           .galeria__thumbnails::-webkit-scrollbar-track {   background: rgba(255, 255, 255, 0.05); }
           .galeria__thumbnails::-webkit-scrollbar-thumb {   background: rgba(255, 255, 255, 0.2);   border-radius: 3px; }
           .galeria__thumbnail {  min-width: 90px;  height: 70px;  object-fit: cover;  cursor: pointer;  opacity: 0.4;  transition: all 0.3s ease;  border: 2px solid transparent;  border-radius: 4px; }
           .galeria__thumbnail:hover {  opacity: 0.7;  transform: scale(1.05); }
           .galeria__thumbnail.active {   opacity: 1;   border-color: #fff;   box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3); }
   
           /* ============================================
           LOADING
           ============================================ */
           .galeria__loading {   position: absolute;  top: 50%;   left: 50%;   transform: translate(-50%, -50%);   color: #fff;   font-size: 18px;   display: none;   align-items: center;   gap: 10px; }
           .galeria__loading.active {   display: flex; }
           .galeria__loading i {    animation: spin 1s linear infinite; }
           @keyframes spin {   from { transform: rotate(0deg); }  to { transform: rotate(360deg); } }
   
   
           /* ============================================
           ANIMAÇÕES
           ============================================ */
           @keyframes fadeIn {
           from {   opacity: 0;   transform: scale(0.95); }
           to {   opacity: 1;   transform: scale(1); }
           }
   
           .galeria__imagem {  animation: fadeIn 0.35s ease; }
   
           /* ============================================
           ACESSIBILIDADE
           ============================================ */
           .galeria__modal__overlay:focus { outline: none; }
   
           button:focus-visible {  outline: 2px solid #fff;  outline-offset: 2px; }
   
           /* ============================================
           UTILITÁRIOS
           ============================================ */
           .no-scroll {    overflow: hidden; }
   
   
           /* Animação de entrada */
           @keyframes modalSlideUp { from {   transform: translateY(50px);    opacity: 0;}  to {   transform: translateY(0);   opacity: 1; }}
   }
  
  @media only screen and (min-width: 1366px) and (max-width: 1599px) { 

    /*-- ============================================
       SECTION - TEGRA MORAR BEM
       ============================================ */
       
       section#tegra__morarbem {  width: 100%; height: 100vh; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat;position: relative  }
       section#tegra__morarbem::before { content: "";  width: 100%; height: 100vh;  background: #000; position: absolute; opacity: 50%; top: 0px; left: 0px; border-radius: 0px;}
   
   /* ============================================
      HEADER
      ============================================ */
   #tegra__header {   display: flex;   align-items: center;   justify-content: space-between;   padding: 20px 40px;   background: #fff;   transition: all 0.3s ease;   position: relative;   z-index: 900; }
   #tegra__header.sticky {  position: fixed;  top: 0;  left: 0;  width: 100%;  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);  animation: slideDown 0.3s ease; }
   @keyframes slideDown {  from {   transform: translateY(-100%);   opacity: 0; } to {   transform: translateY(0);   opacity: 1; } }
   
   /* Logo */
   .header__logo {   margin: 0; }
   .logo-link {    display: block;    transition: transform 0.3s ease; }
   .logo-link:hover {  transform: scale(1.05);}
   .morarbem__logo {   display: block;   width: 50px;   height: auto;}
   
   /* ============================================
      NAVEGAÇÃO DESKTOP
      ============================================ */
   .tegra__links {  display: none;}
   .tegra__links ul {    display: flex;    gap: 40px;    list-style: none;    margin: 0;    padding: 0; }
   .tegra__links a {   color: #1a1a1a;   text-decoration: none;   font-size: 15px;   font-weight: 500;   letter-spacing: 0.5px;   padding: 8px 0;   position: relative;   transition: color 0.3s ease; }
   .tegra__links a::after {   content: '';   position: absolute;   bottom: 0;   left: 0;   width: 0;   height: 2px;   background: #d4af37;   transition: width 0.3s ease; }
   .tegra__links a:hover {   color: #d4af37; }
   .tegra__links a:hover::after {   width: 100%;}
   
   /* Indicador de seção ativa */
   .tegra__links .nav-item.active a {   color: #d4af37;   font-weight: 600; }
   .tegra__links .nav-item.active a::after { width: 100%;}
   
   /* ============================================
      BOTÃO MENU MOBILE
      ============================================ */
   .botao_menu { display: flex; align-items: center; gap: 8px; background: transparent; border: none; cursor: pointer; padding: 8px 12px; transition: all 0.3s ease; border-radius: 6px; }
   .botao_menu:hover {  background: rgba(0, 0, 0, 0.05); }
   .botao_menu i {    font-size: 20px;    color: #1a1a1a; }
   .botao_menu_texto {  font-size: 14px;  font-weight: 600;  color: #1a1a1a;  margin: 0;}
   
   /* ============================================
      MENU MOBILE CONTAINER
      ============================================ */
   .menu-mobile-container {    display: none;   position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 9999; }
   .menu-mobile-container.active { display: block; }
   
   /* ============================================
      OVERLAY (Fundo escuro)
      ============================================ */
   .menu-mobile-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.8);   opacity: 0;   transition: opacity 0.3s ease; }
   .menu-mobile-container.active .menu-mobile-overlay {  opacity: 1; }
   
   /* ============================================
      MENU MOBILE
      ============================================ */
   .menu-mobile {   position: absolute;   bottom: 0;   left: 0;   width: 100%;   max-height: 90vh;   background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);   border-radius: 20px 20px 0 0;   overflow-y: auto;   transform: translateY(100%);   transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);   padding-bottom: env(safe-area-inset-bottom);}
   .menu-mobile-container.active .menu-mobile {  transform: translateY(0);}
   
   /* Scroll suave no menu */
   .menu-mobile {   scrollbar-width: thin;   scrollbar-color: rgba(255, 255, 255, 0.2) transparent;}
   .menu-mobile::-webkit-scrollbar { width: 6px;}
   .menu-mobile::-webkit-scrollbar-track {   background: transparent;}
   .menu-mobile::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2);  border-radius: 3px;}
   
   /* ============================================
      BOTÃO FECHAR
      ============================================ */
   .menu-mobile__close {    position: absolute;    top: 20px;    right: 20px;    background: rgba(255, 255, 255, 0.1);    border: none;    color: #fff;    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    transition: all 0.3s ease;    z-index: 10;}
   .menu-mobile__close:hover {    background: rgba(255, 255, 255, 0.2);   transform: rotate(90deg);
   }
   
   /* ============================================
      PERFIL DO CORRETOR
      ============================================ */
   .menu-mobile__perfil {   display: flex;    align-items: center;    gap: 16px;    padding: 40px 24px 24px;    border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
   .perfil__foto {    margin: 0;    width: 70px;    height: 70px;    border-radius: 50%;    overflow: hidden;    border: 3px solid rgba(255, 255, 255, 0.2);    flex-shrink: 0;}
   .perfil__foto img {   width: 100%;   height: 100%;   object-fit: cover;}
   .perfil__info {   flex: 1;}
   .perfil__nome {  color: #fff;  font-size: 20px;  font-weight: 700;  margin: 0 0 4px 0; }
   .perfil__cargo {   color: rgba(255, 255, 255, 0.7);   font-size: 14px;   margin: 0; }
   
   /* ============================================
      BOTÃO WHATSAPP DESTAQUE
      ============================================ */
   .menu-mobile__whatsapp {   display: flex;   align-items: center;   justify-content: center;   gap: 12px;   margin: 20px 24px;   padding: 16px 24px;   background: #25D366;   color: #fff;   text-decoration: none;   border-radius: 30px;   font-weight: 600;   font-size: 16px;   transition: all 0.3s ease;   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);}
   .menu-mobile__whatsapp:hover {   background: #20BD5A;   transform: translateY(-2px);   box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);}
   .menu-mobile__whatsapp i {   font-size: 22px;}
   
   /* ============================================
      LINKS DE NAVEGAÇÃO
      ============================================ */
   .menu-mobile__nav {   padding: 20px 0;}
   .menu-mobile__nav ul {   list-style: none;  margin: 0;  padding: 0;}
   .menu-mobile__nav li {    border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
   .menu-nav-link {   display: flex;   align-items: center;   gap: 16px;   padding: 18px 24px;   color: #fff;   text-decoration: none;   font-size: 16px;   font-weight: 500;   transition: all 0.3s ease;}
   .menu-nav-link:hover {  background: rgba(255, 255, 255, 0.05);  padding-left: 30px;}
   .menu-nav-link i:first-child {    font-size: 20px;    width: 24px;    color: #d4af37;}
   .menu-nav-link span {    flex: 1;}
   .menu-nav-link i:last-child {   font-size: 14px;   color: rgba(255, 255, 255, 0.4);}
   
   /* ============================================
      REDES SOCIAIS
      ============================================ */
   .menu-mobile__social {   padding: 24px;   border-top: 1px solid rgba(255, 255, 255, 0.1);}
   .menu-mobile__social h4 {    color: rgba(255, 255, 255, 0.7);    font-size: 14px;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 1px;    margin: 0 0 16px 0;    text-align: center;}
   .social-links {  display: flex;  gap: 12px;  justify-content: center;  list-style: none;  margin: 0;  padding: 0;}
   .social-link {   width: 50px;   height: 50px;   border-radius: 50%;   display: flex;   align-items: center;   justify-content: center;   color: #fff;   font-size: 22px;   transition: all 0.3s ease;   text-decoration: none;   position: relative;   overflow: hidden;}
   .social-link::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(255, 255, 255, 0.2);    transform: scale(0);    border-radius: 50%;    transition: transform 0.3s ease;}
   .social-link:hover::before {  transform: scale(1);}
   .social-link:hover {   transform: translateY(-4px);}
   .social-link i {  position: relative;  z-index: 1;}
   
   /* CORES OFICIAIS DAS REDES SOCIAIS */
   .social-instagram {  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}
   .social-instagram:hover {  box-shadow: 0 6px 20px rgba(225, 48, 108, 0.5);}
   .social-facebook { background: #1877F2;}
   .social-facebook:hover {  box-shadow: 0 6px 20px rgba(24, 119, 242, 0.5);}
   .social-linkedin {  background: #0A66C2;}
   .social-linkedin:hover {   box-shadow: 0 6px 20px rgba(10, 102, 194, 0.5);}
   .social-youtube {  background: #FF0000;}
   .social-youtube:hover {    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.5);}
   
   /* ============================================
      RODAPÉ DO MENU
      ============================================ */
   .menu-mobile__footer {  padding: 20px 24px 30px;  text-align: center;  border-top: 1px solid rgba(255, 255, 255, 0.1);}
   .menu-mobile__footer p {   color: rgba(255, 255, 255, 0.5);   font-size: 13px;   margin: 4px 0;}
   .menu-footer-copy {   font-size: 11px !important;}
   
   
   /* ============================================
      ACESSIBILIDADE
      ============================================ */
   @media (prefers-reduced-motion: reduce) {
       * {
           animation-duration: 0.01ms !important;
           animation-iteration-count: 1 !important;
           transition-duration: 0.01ms !important;
       }
   }
   
   /* Focus visible */
   a:focus-visible,
   button:focus-visible {  outline: 2px solid #d4af37;  outline-offset: 2px; }
   
           /* ============================================
           BODY COM MENU ABERTO
           ============================================ */
           body.menu-mobile-open {   overflow: hidden;}
           section#tegra__morarbem div.tegra__morarbem__container {  gap: 30px;  position: absolute; width: 100%; height: 200px; left: 50%; bottom: -20px; transform: translate(-50%, -50%); text-align: center; padding: 0 3rem;   z-index: 1000; border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
           section#tegra__morarbem div.tegra__morarbem__container h1 { color: #fff; font-size: 2.5em; }
           section#tegra__morarbem div.tegra__morarbem__container button.tegra__book {  border: 1px solid rgba(255, 255, 255, 0.38);  width: 200px; height: 50px;  font-size: 20px;; color: #fff; border-radius: 20px; background-color: rgba(255, 255, 255, 0.2); }
   
           /*-- ============================================
           SECTION - TIPOLOGIA E CARACTERISTICAS
           ============================================ */
           section#tegra_tipologia { background-color: red; position: relative; width: 100%; height: 100vh; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761236664/WhatsApp_Image_2025-10-15_at_18.13.30_3_d3uf1v.jpg) center/ cover no-repeat}
           section#tegra_tipologia::before { content: "";  width: 100%; height: 100vh;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#tegra_tipologia div.container_tegra_tipologia { position: absolute; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; ;}
           section#tegra_tipologia div.container_tegra_tipologia div.tegra_slide { width: 60%; height: 100%; }
           section#tegra_tipologia div.container_tegra_tipologia div.tegra_slides figure img.tegra_img_slide {  width: 90%; height: 90%; object-fit: fill ;}
           section#tegra_tipologia div.tegra_tipologia_info {  width: 80%; height: 100%;  display: flex; align-items: center; justify-content: center; flex-direction: column;}
           section#tegra_tipologia div.tegra_tipologia_info h1.titulo_tipologia { color: #fff; font-size: 2rem; }
           section#tegra_tipologia div.tegra_tipologia_info p.texto_tipologia { color: #fff;  text-align: center; padding: 1rem 3rem; }
           section#tegra_tipologia div.tipologia_grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;  padding:  2rem 0;}
           section#tegra_tipologia div.tipologia_grid span.tipologia_item {  border: 2px solid rgba(255, 255, 255, 0.38); display: flex; align-items: center; justify-content: center;  padding:  2rem 1rem; width: 300px; border-radius: 20px; gap: 10px; color: #fff; font-size: 16px; font-weight: 600; }
           section#tegra_tipologia button.contato_whatsaap {  background-color: #25D366; width: 50%; border-radius: 20px;  padding: 0.5rem 2rem; font-size: 18px; font-weight: 400; gap: 10px; color: #fff; display: flex; align-items: center; justify-content: center; }
           .pulsate-fwd{animation:pulsate-fwd .5s ease-in-out infinite both }
           @keyframes pulsate-fwd{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}
   
           /*-- ============================================
           SECTION -  APRESENTAÇÃO
           ============================================ */
           section#tegra_apresentacao { width: 100%; height: 100%; padding: 4rem 3rem; position: relative; }
           section#tegra_apresentacao div.tegra_apresentacao_img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; opacity: 20%; }
           section#tegra_apresentacao h2.titulo_apresentacao { color: #333; text-align: center; padding-bottom: 30px; font-size: 28px; }
           section#tegra_apresentacao p.texto_apresentacao {  font-size: 16px; font-weight: 300; line-height: 28px; padding-bottom: 20px;}
           section#tegra_apresentacao div.apresentacao__youtube { width: 100%; height: 100%; margin-top: 80px;}
   
           /*-- ============================================
           SECTION -  BOTÕES FOTOS E PLANTAS
           ============================================ */
           section#botoes__tegra__imagens {width: 100%; height: 200px;  display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat ; position: relative;}
           section#botoes__tegra__imagens::before { content: "";  width: 100%; height: 200px;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#botoes__tegra__imagens div.container__tegra__imagens { width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 30px; }
           section#botoes__tegra__imagens div.container__tegra__imagens h3.titulo__tegra__imagens { color: #fff; font-size: 28px; }
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes {  width: 50%; height: 50px; display: flex; align-items: center; justify-content: center; gap: 30px;}
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes button { border: 2px solid rgba(255, 255, 255, 0.38); width: 100%; height: 100%;  display: flex; gap: 10px;  align-items: center; justify-content: center; font-size: 20px; font-weight: 600; color: #fff;  border-radius: 20px;}
           section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes button:hover { border: 2px solid #0804f3;  color: #0804f3; transform: 1s scale(1);}
   
           /*-- ============================================
           SECTION -  BOTÃO FICHA TECNICA
           ============================================ */
           section#botao__ficha__tecnica {   width: 100%; height: 200px; justify-content: center; display: flex; align-items: center; }
           section#botao__ficha__tecnica button.titulo__botao__ficha__tecnica { border:  2px  double #333; width: 45%;  height: 70px; padding: 1rem 2rem; display: flex; justify-content: center; align-items: center; font-size: 30px;  border-radius: 20px ;}
   
           /*-- ============================================
           SECTION -  CONTATO E INFORMAÇÕES
           ============================================ */
           section#informacoes { width: 100%; height: 200px;  display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat ; position: relative;}
           section#informacoes::before { content: "";  width: 100%; height: 200px;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
           section#informacoes div.container__tegra__informacoes {   position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;  gap: 50px;}
           section#informacoes div.container__tegra__informacoes  h4.titulo__tegra__informacoes {  color:  #fff; font-size: 28px; font-size: 600; }
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul{ display: flex; align-items: center; justify-content: space-between; gap: 50px; }
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li {  border: 2px solid rgba(255, 255, 255, 0.38); width: 200px; height: 50px; border-radius: 20px;  display: flex; align-items: center; justify-content: center;}
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li:hover { border: 2px solid #0804f3;  color: #0804f3; transform: 1s scale(1);}
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li  a { color: #fff; font-size: 18px; ; }
           section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li  a i { margin-right: 10px; }
   
           /*-- ============================================
           SECTION -  LOCALIIZAÇÃO
           ============================================ */
           section#tegra__localizacao { width: 100%; height: 100%; position: relative; padding: 4rem 3rem; }
           section#tegra__localizacao h3.titulo__tegra__localizacao {  text-align: center; color: #333; text-align: center; padding-bottom: 30px; font-size: 28px; }
           section#tegra__localizacao div.localizacao__tegra__img {  background-color: rebeccapurple; width: 100%; height: 300px; object-fit: fill;}
           section#tegra__localizacao div.localizacao__tegra__img img { width: 100%; height: 100%; object-fit: cover; }
           section#tegra__localizacao p.endereco__tegra__localizacao {  color: #333; font-size: 24px ; padding-top: 20px;}
           section#tegra__localizacao nav.links__tegra__localizacao {    width: 50%;    height: 70px;    display: flex;    align-items: center;    justify-content: left; margin-top: 20px; }
           section#tegra__localizacao nav.links__tegra__localizacao ul {   display: flex;   align-items: center;   justify-content: center;gap: 10px;    list-style: none;    margin: 0;    padding: 0; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li {    list-style: none; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a {   display: inline-flex;   align-items: center;   gap: 10px;   padding: 12px 24px;   text-decoration: none;   font-weight: 600;   font-size: 16px;   border-radius: 8px;   transition: all 0.3s ease;   border: 2px solid transparent; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"] {    color: #00BFFE;    border-color: #00BFFE; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"]:hover {   background: #00BFFE;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(0, 191, 254, 0.4); }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"] i {  font-size: 20px;  color: #00BFFE;  transition: color 0.3s ease; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"]:hover i { color: #fff; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"],
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"] {    color: #4285F4;    border-color: #4285F4; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"]:hover,
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"]:hover {   background: #4285F4;   color: #fff;   transform: translateY(-2px);   box-shadow: 0 4px 15px rgba(66, 133, 244, 0.4); }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"] i, section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"] i {  font-size: 20px;  color: #4285F4;  transition: color 0.3s ease; }
           section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"]:hover i, section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"]:hover i {    color: #fff; }
           section#tegra__localizacao div.bloco__mapa__info {  display: flex;flex-direction: column; padding: 2rem 0rem; width: 100%; height: 100%; gap: 30px;}
           section#tegra__localizacao div.bloco__mapa__infodiv.container__tegra__mapa { width: 50%; height: 100%; }
           section#tegra__localizacao div.bloco__mapa__infodiv.container__tegra__mapa  iframe { width: 100%; height: 100%; }
           section#tegra__localizacao div.bairro__tegra__localizacao {  padding:  1rem; width: 100%; height: 100%; }
           section#tegra__localizacao div.bairro__tegra__localizacao h3.texto__bairro__tegra__localizacao { font-size: 22px; color: #333; padding-bottom: 15px; }
           section#tegra__localizacao div.bairro__tegra__localizacao p.descricao__bairro__tegra__localizacao {  font-size: 15px; color: #333; line-height: 22px; padding-bottom: 10px;}
   
           /*-- ============================================
           SECTION -  INCORPORADORA
           ============================================ */
           section#tegra__incorporadora {  width: 100%; height: 100%; position: relative; padding: 0 3rem; }
           section#tegra__incorporadora div.container__tegra__incorporadora { display: flex; align-items: center; justify-content: center; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.tegra__logo__incorporadora {  width: 50%; height: 100%; display: flex; align-items: center; justify-content: center ;}
           section#tegra__incorporadora div.container__tegra__incorporadora div.tegra__logo__incorporadora img { width: 30%; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora {  width: 50%; height: 100%; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora h3.titulo__tegra__incorporadora {  font-size: 28px; color: #333; padding-bottom: 10px; }
           section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora p.texto__tegra__incorporadora { line-height: 28px; font-size: 16px; }
   
           /*-- ============================================
           FOOTER E FORMULARIO
           ============================================ */
           footer#footer__tegra__incorporadora {  width: 100%; height: 100%; position: relative; margin-top: 100px; padding: 6rem 3rem; background-image: linear-gradient(to right bottom, #1a1c22, #25272f, #30333c, #3c3f49, #494b57, #555663, #61626f, #6d6e7b, #7b7c88, #898a96, #9899a4, #a7a8b2);}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora { display: flex; align-items: center; justify-content: center;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.footer__tegra__contatos { width: 50%; height: 100%; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora p.footer__descricao__tegra {  color: #fff;  padding: 0 5rem; font-size: 18px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora h4.footer__titulo__tegra {  color: #fff; font-size: 32px; padding: 1rem 7rem 0 5rem; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora p.footer__subtexto__tegra {  color: #fff;  padding: 1rem 5rem; font-size: 18px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes {   padding: 0 5rem; width: 80%; height: 100%; gap: 20px;  display: flex; flex-direction: column; margin-top: 10px;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button {  width: 100%; height: 100%; display: flex; align-items: center; border: 1px solid #fff; border-radius: 20px; padding: 0.5rem 2rem;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button i {  font-size: 30px; margin-right: 10px; color: #fff;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto { text-align: left; display: flex; flex-direction: column; gap: 0px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto p.texto__botao__footer { font-weight: 700; margin-bottom: -5px; color: #fff;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto p.valor__botao__footer { color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem {  margin-top: 20px;  padding: 0 5rem; width: 50%; height: 50px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem ul {  display: flex; align-items: center; gap: 40px;  align-items: center; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem ul li a i { color: #fff; font-size: 20px; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario {   width: 50%; height: 100%;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer {  padding: 20px 0px;   border-bottom: 2px solid rgba(255, 255, 255, 0.38); display: flex; flex-direction: column; gap: 20px ;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer p.titulo__input__footer { color: #fff; padding-bottom: 0px;; font-size: 18px;  }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer input { width: 100%; height: 30px; margin-top: -15px; padding: 0 10px; background-color:  transparent; color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer input::placeholder { color: #fff; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario button {  background-color: #333; margin-top: 50px;  width: 100%; padding: 0.8rem 0;  font-size: 24px; font-weight: 600;  color: #fff; border-radius: 20px; }
           /* ============================================
           CSS ADICIONAL PARA O FORMULÁRIO
           ============================================ */
   
           /* Campo Mensagem (textarea) */
           .bloco__input__footer textarea {    width: 100%;    padding: 12px 15px;    border: 1px solid #ddd; color: #fff;    border-radius: 4px;    font-family: inherit;    font-size: 14px;    resize: vertical;    min-height: 100px;    transition: border-color 0.3s ease; background-color: transparent;}
           .bloco__input__footer textarea:focus {  outline: none;  border-color: #0804f3; }
           .bloco__input__footer textarea::placeholder {    color: #fff; }
   
           /* ============================================
           MENSAGENS DE FEEDBACK (Sucesso/Erro)
           ============================================ */
   
           .alert {    padding: 15px 20px;    margin-bottom: 20px;    border-radius: 8px;    font-size: 14px;    font-weight: 600;    animation: slideInDown 0.4s ease; }
           .alert-success {   background: #d4edda;   color: #155724;   border: 1px solid #c3e6cb; }
           .alert-success::before {    content: '✅ '; }
           .alert-error {   background: #f8d7da;   color: #721c24;   border: 1px solid #f5c6cb; }
           .alert-error::before {  content: '❌ '; }
   
           /* Animação de entrada */
           @keyframes slideInDown {   from {   transform: translateY(-20px);   opacity: 0; }   to {    transform: translateY(0);    opacity: 1; } }
   
           /*-- ============================================
           DESENVOLVIMENTO
           ============================================ */
           div.desenvolvimento {   width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0.5rem 0; }
           div.desenvolvimento p.texto__link__dev {  color: #333; font-size: 14px; }
           div.desenvolvimento p.texto__link__dev  a { color: red; }
   
           /*-- ============================================
           BOTÃO WHATSAAP
           ============================================ */
   
           .whatsapp-float {   position: fixed;   bottom: 30px;   right: 30px;   z-index: 99999;   width: 65px;  height: 65px;       background: #25D366;   color: #fff;   border-radius: 50%;   box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);     display: flex;  align-items: center;  justify-content: center;  font-size: 36px;   text-decoration: none;   transition: all 0.3s ease;   cursor: pointer; }
           .whatsapp-float:hover {  background: #20BD5A;  transform: scale(1.1);  box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6); }
           .whatsapp-float:active {   transform: scale(0.95); }
           .whatsapp-float::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border-radius: 50%;    background: #25D366;    z-index: -1;    animation: pulse-ring 1.5s ease-out infinite; }
           @keyframes pulse-ring {    0% {        transform: scale(1);        opacity: 1;    }   100% {      transform: scale(1.4);       opacity: 0;   } }
           .whatsapp-float::after {   content: 'Fale Conosco';   position: absolute;   right: 75px;   top: 50%;   transform: translateY(-50%);   background: #1a1a1a;   color: #fff;   padding: 10px 16px;   border-radius: 6px;   font-size: 14px;   font-weight: 600;   white-space: nowrap;   opacity: 0;   visibility: hidden;   transition: all 0.3s ease;   pointer-events: none;   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
           .whatsapp-float::after {    content: 'Fale Conosco';}
           .whatsapp-float:hover::after {    opacity: 1;    visibility: visible;    right: 80px; }
   
   
   
           /* ============================================
           MODAL DE TELEFONE
           Rio by Piero Lissoni
           ============================================ */
   
           /* Overlay do modal */
           .modal-telefone-overlay {   display: none;   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.8);   z-index: 10000;   opacity: 0;   transition: opacity 0.3s ease; }
           .modal-telefone-overlay.active {  display: flex;  align-items: center;  justify-content: center;  opacity: 1;}
   
           /* Conteúdo do modal */
           .modal-telefone-content { background: #fff; border-radius: 20px; padding: 40px;    max-width: 450px;    width: 90%;    position: relative;    transform: translateY(50px);    opacity: 0;    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);}
           .modal-telefone-overlay.active .modal-telefone-content {  transform: translateY(0);  opacity: 1;}
   
           /* Botão fechar */
           .modal-telefone-close {    position: absolute;    top: 15px;    right: 15px;    background: rgba(0, 0, 0, 0.05);    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    color: #1a1a1a;    transition: all 0.3s ease;}
           .modal-telefone-close:hover {   background: rgba(0, 0, 0, 0.1);   transform: rotate(90deg);}
   
           /* Header do modal */
           .modal-telefone-header {   text-align: center;   margin-bottom: 30px;}
           .modal-telefone-header i {   font-size: 50px;   color: #0804f3;   margin-bottom: 15px;   display: block;}
           .modal-telefone-header h3 {   font-size: 28px;   font-weight: 700;   color: #1a1a1a;   margin: 0; }
   
           /* Número de telefone */
           .modal-telefone-numero {   background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);   border-radius: 15px;   padding: 20px;   margin-bottom: 25px;   text-align: center;}
           .modal-telefone-numero p {  font-size: 26px;  font-weight: 700;  color: #1a1a1a;  margin: 0;  letter-spacing: 1px;}
   
           /* Botões de ação */
           .modal-telefone-acoes {  display: flex;  flex-direction: column;  gap: 12px; }
           .modal-telefone-btn {    display: flex;    align-items: center;    justify-content: center;    gap: 12px;    padding: 16px 24px;    border-radius: 12px;    border: 2px solid;    font-size: 16px;    font-weight: 600;    cursor: pointer;    transition: all 0.3s ease;    background: transparent;}
           .modal-telefone-btn i {  font-size: 20px;}
   
           /* Botão Ligar */
           .btn-ligar {    color: #0804f3;    border-color: #0804f3;}
           .btn-ligar:hover {    background: #0804f3;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(8, 4, 243, 0.3);}
   
           /* Botão Copiar */
           .btn-copiar {    color: #6c757d;    border-color: #6c757d;}
           .btn-copiar:hover {   background: #6c757d;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3);}
   
           /* Botão WhatsApp */
           .btn-whatsapp {   color: #25D366;   border-color: #25D366;}
           .btn-whatsapp:hover {   background: #25D366;   color: #fff;   transform: translateY(-2px);   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);}
   
           /* Feedback */
           .modal-telefone-feedback {    text-align: center;    margin-top: 20px;    padding: 12px;    border-radius: 8px;    font-size: 14px;    font-weight: 600;    opacity: 0;    transform: translateY(-10px);    transition: all 0.3s ease;}
           .modal-telefone-feedback.show {    opacity: 1;    transform: translateY(0);}
           .modal-telefone-feedback.success {  background: #d4edda;  color: #155724;}
           .modal-telefone-feedback.error {  background: #f8d7da;  color: #721c24;}
   
           /* Body com modal aberto */
           body.modal-telefone-open {   overflow: hidden; }
   
   
   
   
           /* ============================================
           MODAL OVERLAY
           ============================================ */
           .galeria__modal__overlay {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.96);   z-index: 99999;   opacity: 0;   visibility: hidden;   transition: all 0.35s ease;   display: flex;   flex-direction: column; }
           .galeria__modal__overlay.active {  opacity: 1;  visibility: visible; }
   
           /* ============================================
           MODAL HEADER
           ============================================ */
           .galeria__modal__header {   display: flex;   justify-content: space-between;   align-items: center;   padding: 25px 40px;   background: rgba(26, 26, 26, 0.95);   border-bottom: 1px solid rgba(255, 255, 255, 0.1);   backdrop-filter: blur(10px); }
           .galeria__modal__title {   color: #fff;   font-size: 18px;   font-weight: 600;   text-transform: uppercase;   letter-spacing: 2px;   font-family: 'Montserrat', sans-serif; }
           .galeria__modal__info {   display: flex;   align-items: center;   gap: 20px; }
           .galeria__modal__counter {   color: rgba(255, 255, 255, 0.7);   font-size: 14px;   font-weight: 500; }
           .galeria__modal__close {    background: transparent;    border: none;    color: #fff;    font-size: 28px;    cursor: pointer;    width: 40px;    height: 40px;    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;    border-radius: 50%; }
           .galeria__modal__close:hover {   background: rgba(255, 255, 255, 0.1);   transform: rotate(90deg);   color: #ff4444; }
   
           /* ============================================
           BARRA DE PROGRESSO AUTO-PLAY
           ============================================ */
           .galeria__progress__bar {    width: 100%;    height: 3px;    background: rgba(255, 255, 255, 0.1);    position: relative;    overflow: hidden; }
           .galeria__progress__fill {   height: 100%;   background: #fff;   width: 0%;   transition: width 0.1s linear; }
           .galeria__progress__fill.animating {  transition: width 5s linear; }
   
           /* ============================================
           MODAL CONTENT CONTAINER
           ============================================ */
           .galeria__modal__content {   flex: 1;   display: flex;   align-items: center;   justify-content: center;   padding: 20px;   position: relative;   overflow: hidden; }
   
           /* ============================================
           CONTAINER DE IMAGENS (SCROLL HORIZONTAL)
           ============================================ */
           .galeria__imagens__container {  display: flex;  gap: 20px;  overflow-x: auto;  scroll-snap-type: x mandatory;  scroll-behavior: smooth;  -webkit-overflow-scrolling: touch;  width: 100%;  height: 100%;  scrollbar-width: none;  -ms-overflow-style: none; }
           .galeria__imagens__container::-webkit-scrollbar {  display: none; }
   
           /* ============================================
           IMAGEM INDIVIDUAL
           ============================================ */
           .galeria__imagem__wrapper {    min-width: 100%;    height: 100%;    scroll-snap-align: center;    display: flex;    align-items: center;    justify-content: center;    position: relative; }
           .galeria__imagem {   max-width: 100%;   max-height: 75vh;   object-fit: contain;   transition: transform 0.35s ease;   user-select: none;   -webkit-user-drag: none; }
   
           /* ZOOM */
           .galeria__imagem.zoomed {   transform: scale(2);   cursor: move; }
   
           /* ============================================
           BOTÕES DE NAVEGAÇÃO (FIXOS FORA)
           ============================================ */
           .galeria__nav__buttons {    position: absolute;    top: 50%;    left: 0;    right: 0;    transform: translateY(-50%);    display: flex;    justify-content: space-between;    pointer-events: none;    z-index: 10;    padding: 0 20px; }
           .galeria__nav__btn {   pointer-events: all;   background: rgba(255, 255, 255, 0.9);   border: none;   color: #1a1a1a;   width: 50px;   height: 50px; font-size: 20px;   cursor: pointer;   transition: all 0.3s ease;   display: flex;   align-items: center;   justify-content: center;   border-radius: 50%;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); }
           .galeria__nav__btn:hover {   background: #fff;  transform: scale(1.1);}
           .galeria__nav__btn:active {   transform: scale(0.95); }
           .galeria__nav__btn:disabled {    opacity: 0.3;   cursor: not-allowed; }
   
           /* ============================================
           CONTROLES DE ZOOM (PLANTAS)
           ============================================ */
           .galeria__zoom__controls {   position: absolute;   bottom: 30px;   left: 50%;   transform: translateX(-50%);   display: none;   gap: 15px;   background: rgba(0, 0, 0, 0.8);   padding: 12px 20px;   border-radius: 30px;   backdrop-filter: blur(10px); }
           .galeria__zoom__controls.active {  display: flex; }
           .galeria__zoom__btn {  background: rgba(255, 255, 255, 0.2);  border: 1px solid rgba(255, 255, 255, 0.3);  color: #fff;  width: 40px;  height: 40px;  font-size: 18px;  cursor: pointer;  transition: all 0.3s ease;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%; }
           .galeria__zoom__btn:hover {   background: rgba(255, 255, 255, 0.3);  transform: scale(1.1); }
           .galeria__zoom__level {    color: #fff;    font-size: 14px;    font-weight: 600;    display: flex;    align-items: center;    padding: 0 10px; }
   
           /* ============================================
           THUMBNAILS
           ============================================ */
           .galeria__thumbnails {    display: flex;    gap: 12px;    justify-content: center;    padding: 20px 40px;    background: rgba(26, 26, 26, 0.95);    border-top: 1px solid rgba(255, 255, 255, 0.1);    overflow-x: auto;    scrollbar-width: thin; }
           .galeria__thumbnails::-webkit-scrollbar {  height: 6px; }
           .galeria__thumbnails::-webkit-scrollbar-track {   background: rgba(255, 255, 255, 0.05); }
           .galeria__thumbnails::-webkit-scrollbar-thumb {   background: rgba(255, 255, 255, 0.2);   border-radius: 3px; }
           .galeria__thumbnail {  min-width: 90px;  height: 70px;  object-fit: cover;  cursor: pointer;  opacity: 0.4;  transition: all 0.3s ease;  border: 2px solid transparent;  border-radius: 4px; }
           .galeria__thumbnail:hover {  opacity: 0.7;  transform: scale(1.05); }
           .galeria__thumbnail.active {   opacity: 1;   border-color: #fff;   box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3); }
   
           /* ============================================
           LOADING
           ============================================ */
           .galeria__loading {   position: absolute;  top: 50%;   left: 50%;   transform: translate(-50%, -50%);   color: #fff;   font-size: 18px;   display: none;   align-items: center;   gap: 10px; }
           .galeria__loading.active {   display: flex; }
           .galeria__loading i {    animation: spin 1s linear infinite; }
           @keyframes spin {   from { transform: rotate(0deg); }  to { transform: rotate(360deg); } }
   
   
           /* ============================================
           ANIMAÇÕES
           ============================================ */
           @keyframes fadeIn {
           from {   opacity: 0;   transform: scale(0.95); }
           to {   opacity: 1;   transform: scale(1); }
           }
   
           .galeria__imagem {  animation: fadeIn 0.35s ease; }
   
           /* ============================================
           ACESSIBILIDADE
           ============================================ */
           .galeria__modal__overlay:focus { outline: none; }
   
           button:focus-visible {  outline: 2px solid #fff;  outline-offset: 2px; }
   
           /* ============================================
           UTILITÁRIOS
           ============================================ */
           .no-scroll {    overflow: hidden; }
   
   
           /* Animação de entrada */
           @keyframes modalSlideUp { from {   transform: translateY(50px);    opacity: 0;}  to {   transform: translateY(0);   opacity: 1; }}
    
   }
  
  @media only screen and (min-width: 1600px) {  

    /*-- ============================================
       SECTION - TEGRA MORAR BEM
       ============================================ */
       
    section#tegra__morarbem {  width: 100%; height: 100vh; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat;position: relative  }
    section#tegra__morarbem::before { content: "";  width: 100%; height: 100vh;  background: #000; position: absolute; opacity: 50%; top: 0px; left: 0px; border-radius: 0px;}

/* ============================================
   HEADER
   ============================================ */
#tegra__header {   display: flex;   align-items: center;   justify-content: space-between;   padding: 20px 40px;   background: #fff;   transition: all 0.3s ease;   position: relative;   z-index: 900; }
#tegra__header.sticky {  position: fixed;  top: 0;  left: 0;  width: 100%;  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);  animation: slideDown 0.3s ease; }
@keyframes slideDown {  from {   transform: translateY(-100%);   opacity: 0; } to {   transform: translateY(0);   opacity: 1; } }

/* Logo */
.header__logo {   margin: 0; }
.logo-link {    display: block;    transition: transform 0.3s ease; }
.logo-link:hover {  transform: scale(1.05);}
.morarbem__logo {   display: block;   width: 50px;   height: auto;}

/* ============================================
   NAVEGAÇÃO DESKTOP
   ============================================ */
.tegra__links {  display: none;}
.tegra__links ul {    display: flex;    gap: 40px;    list-style: none;    margin: 0;    padding: 0; }
.tegra__links a {   color: #1a1a1a;   text-decoration: none;   font-size: 15px;   font-weight: 500;   letter-spacing: 0.5px;   padding: 8px 0;   position: relative;   transition: color 0.3s ease; }
.tegra__links a::after {   content: '';   position: absolute;   bottom: 0;   left: 0;   width: 0;   height: 2px;   background: #d4af37;   transition: width 0.3s ease; }
.tegra__links a:hover {   color: #d4af37; }
.tegra__links a:hover::after {   width: 100%;}

/* Indicador de seção ativa */
.tegra__links .nav-item.active a {   color: #d4af37;   font-weight: 600; }
.tegra__links .nav-item.active a::after { width: 100%;}

/* ============================================
   BOTÃO MENU MOBILE
   ============================================ */
.botao_menu { display: flex; align-items: center; gap: 8px; background: transparent; border: none; cursor: pointer; padding: 8px 12px; transition: all 0.3s ease; border-radius: 6px; }
.botao_menu:hover {  background: rgba(0, 0, 0, 0.05); }
.botao_menu i {    font-size: 20px;    color: #1a1a1a; }
.botao_menu_texto {  font-size: 14px;  font-weight: 600;  color: #1a1a1a;  margin: 0;}

/* ============================================
   MENU MOBILE CONTAINER
   ============================================ */
.menu-mobile-container {    display: none;   position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 9999; }
.menu-mobile-container.active { display: block; }

/* ============================================
   OVERLAY (Fundo escuro)
   ============================================ */
.menu-mobile-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.8);   opacity: 0;   transition: opacity 0.3s ease; }
.menu-mobile-container.active .menu-mobile-overlay {  opacity: 1; }

/* ============================================
   MENU MOBILE
   ============================================ */
.menu-mobile {   position: absolute;   bottom: 0;   left: 0;   width: 100%;   max-height: 90vh;   background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);   border-radius: 20px 20px 0 0;   overflow-y: auto;   transform: translateY(100%);   transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);   padding-bottom: env(safe-area-inset-bottom);}
.menu-mobile-container.active .menu-mobile {  transform: translateY(0);}

/* Scroll suave no menu */
.menu-mobile {   scrollbar-width: thin;   scrollbar-color: rgba(255, 255, 255, 0.2) transparent;}
.menu-mobile::-webkit-scrollbar { width: 6px;}
.menu-mobile::-webkit-scrollbar-track {   background: transparent;}
.menu-mobile::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.2);  border-radius: 3px;}

/* ============================================
   BOTÃO FECHAR
   ============================================ */
.menu-mobile__close {    position: absolute;    top: 20px;    right: 20px;    background: rgba(255, 255, 255, 0.1);    border: none;    color: #fff;    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    transition: all 0.3s ease;    z-index: 10;}
.menu-mobile__close:hover {    background: rgba(255, 255, 255, 0.2);   transform: rotate(90deg);
}

/* ============================================
   PERFIL DO CORRETOR
   ============================================ */
.menu-mobile__perfil {   display: flex;    align-items: center;    gap: 16px;    padding: 40px 24px 24px;    border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.perfil__foto {    margin: 0;    width: 70px;    height: 70px;    border-radius: 50%;    overflow: hidden;    border: 3px solid rgba(255, 255, 255, 0.2);    flex-shrink: 0;}
.perfil__foto img {   width: 100%;   height: 100%;   object-fit: cover;}
.perfil__info {   flex: 1;}
.perfil__nome {  color: #fff;  font-size: 20px;  font-weight: 700;  margin: 0 0 4px 0; }
.perfil__cargo {   color: rgba(255, 255, 255, 0.7);   font-size: 14px;   margin: 0; }

/* ============================================
   BOTÃO WHATSAPP DESTAQUE
   ============================================ */
.menu-mobile__whatsapp {   display: flex;   align-items: center;   justify-content: center;   gap: 12px;   margin: 20px 24px;   padding: 16px 24px;   background: #25D366;   color: #fff;   text-decoration: none;   border-radius: 30px;   font-weight: 600;   font-size: 16px;   transition: all 0.3s ease;   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);}
.menu-mobile__whatsapp:hover {   background: #20BD5A;   transform: translateY(-2px);   box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);}
.menu-mobile__whatsapp i {   font-size: 22px;}

/* ============================================
   LINKS DE NAVEGAÇÃO
   ============================================ */
.menu-mobile__nav {   padding: 20px 0;}
.menu-mobile__nav ul {   list-style: none;  margin: 0;  padding: 0;}
.menu-mobile__nav li {    border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
.menu-nav-link {   display: flex;   align-items: center;   gap: 16px;   padding: 18px 24px;   color: #fff;   text-decoration: none;   font-size: 16px;   font-weight: 500;   transition: all 0.3s ease;}
.menu-nav-link:hover {  background: rgba(255, 255, 255, 0.05);  padding-left: 30px;}
.menu-nav-link i:first-child {    font-size: 20px;    width: 24px;    color: #d4af37;}
.menu-nav-link span {    flex: 1;}
.menu-nav-link i:last-child {   font-size: 14px;   color: rgba(255, 255, 255, 0.4);}

/* ============================================
   REDES SOCIAIS
   ============================================ */
.menu-mobile__social {   padding: 24px;   border-top: 1px solid rgba(255, 255, 255, 0.1);}
.menu-mobile__social h4 {    color: rgba(255, 255, 255, 0.7);    font-size: 14px;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 1px;    margin: 0 0 16px 0;    text-align: center;}
.social-links {  display: flex;  gap: 12px;  justify-content: center;  list-style: none;  margin: 0;  padding: 0;}
.social-link {   width: 50px;   height: 50px;   border-radius: 50%;   display: flex;   align-items: center;   justify-content: center;   color: #fff;   font-size: 22px;   transition: all 0.3s ease;   text-decoration: none;   position: relative;   overflow: hidden;}
.social-link::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(255, 255, 255, 0.2);    transform: scale(0);    border-radius: 50%;    transition: transform 0.3s ease;}
.social-link:hover::before {  transform: scale(1);}
.social-link:hover {   transform: translateY(-4px);}
.social-link i {  position: relative;  z-index: 1;}

/* CORES OFICIAIS DAS REDES SOCIAIS */
.social-instagram {  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}
.social-instagram:hover {  box-shadow: 0 6px 20px rgba(225, 48, 108, 0.5);}
.social-facebook { background: #1877F2;}
.social-facebook:hover {  box-shadow: 0 6px 20px rgba(24, 119, 242, 0.5);}
.social-linkedin {  background: #0A66C2;}
.social-linkedin:hover {   box-shadow: 0 6px 20px rgba(10, 102, 194, 0.5);}
.social-youtube {  background: #FF0000;}
.social-youtube:hover {    box-shadow: 0 6px 20px rgba(255, 0, 0, 0.5);}

/* ============================================
   RODAPÉ DO MENU
   ============================================ */
.menu-mobile__footer {  padding: 20px 24px 30px;  text-align: center;  border-top: 1px solid rgba(255, 255, 255, 0.1);}
.menu-mobile__footer p {   color: rgba(255, 255, 255, 0.5);   font-size: 13px;   margin: 4px 0;}
.menu-footer-copy {   font-size: 11px !important;}


/* ============================================
   ACESSIBILIDADE
   ============================================ */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Focus visible */
a:focus-visible,
button:focus-visible {  outline: 2px solid #d4af37;  outline-offset: 2px; }

        /* ============================================
        BODY COM MENU ABERTO
        ============================================ */
        body.menu-mobile-open {   overflow: hidden;}
        section#tegra__morarbem div.tegra__morarbem__container {  gap: 30px;  position: absolute; width: 100%; height: 200px; left: 50%; bottom: -20px; transform: translate(-50%, -50%); text-align: center; padding: 0 3rem;   z-index: 1000; border-radius: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
        section#tegra__morarbem div.tegra__morarbem__container h1 { color: #fff; font-size: 3em; }
        section#tegra__morarbem div.tegra__morarbem__container button.tegra__book {  border: 1px solid rgba(255, 255, 255, 0.38);  width: 200px; height: 50px;  font-size: 20px;; color: #fff; border-radius: 20px; background-color: rgba(255, 255, 255, 0.2); }

        /*-- ============================================
        SECTION - TIPOLOGIA E CARACTERISTICAS
        ============================================ */
        section#tegra_tipologia { background-color: red; position: relative; width: 100%; height: 100vh; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761236664/WhatsApp_Image_2025-10-15_at_18.13.30_3_d3uf1v.jpg) center/ cover no-repeat}
        section#tegra_tipologia::before { content: "";  width: 100%; height: 100vh;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
        section#tegra_tipologia div.container_tegra_tipologia { position: absolute; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center;}
        section#tegra_tipologia div.container_tegra_tipologia div.tegra_slide { width: 60%; height: 100%; }
        section#tegra_tipologia div.container_tegra_tipologia div.tegra_slides figure img.tegra_img_slide {  width: 100%; height: 100%; object-fit: fill ;}
        section#tegra_tipologia div.tegra_tipologia_info {  width: 80%; height: 100%;  display: flex; align-items: center; justify-content: center; flex-direction: column;}
        section#tegra_tipologia div.tegra_tipologia_info h1.titulo_tipologia { color: #fff; font-size: 2rem; }
        section#tegra_tipologia div.tegra_tipologia_info p.texto_tipologia { color: #fff;  text-align: center; padding: 1rem 3rem; }
        section#tegra_tipologia div.tipologia_grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;  padding:  2rem 0;}
        section#tegra_tipologia div.tipologia_grid span.tipologia_item {  border: 2px solid rgba(255, 255, 255, 0.38); display: flex; align-items: center; justify-content: center;  padding:  2rem 1rem; width: 300px; border-radius: 20px; gap: 10px; color: #fff; font-size: 16px; font-weight: 600; }
        section#tegra_tipologia button.contato_whatsaap {  background-color: #25D366; width: 30%; border-radius: 20px;  padding: 0.5rem 2rem; font-size: 18px; font-weight: 400; gap: 10px; color: #fff; display: flex; align-items: center; justify-content: center; }
        .pulsate-fwd{animation:pulsate-fwd .5s ease-in-out infinite both }
        @keyframes pulsate-fwd{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}

        /*-- ============================================
        SECTION -  APRESENTAÇÃO
        ============================================ */
        section#tegra_apresentacao { width: 100%; height: 100%; padding: 4rem 3rem; position: relative; }
        section#tegra_apresentacao div.tegra_apresentacao_img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; opacity: 20%; }
        section#tegra_apresentacao h2.titulo_apresentacao { color: #333; text-align: center; padding-bottom: 30px; font-size: 28px; }
        section#tegra_apresentacao p.texto_apresentacao {  font-size: 16px; font-weight: 300; line-height: 28px; padding-bottom: 20px;}
        section#tegra_apresentacao div.apresentacao__youtube { width: 100%; height: 100%; margin-top: 80px;}

        /*-- ============================================
        SECTION -  BOTÕES FOTOS E PLANTAS
        ============================================ */
        section#botoes__tegra__imagens {width: 100%; height: 200px;  display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat ; position: relative;}
        section#botoes__tegra__imagens::before { content: "";  width: 100%; height: 200px;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
        section#botoes__tegra__imagens div.container__tegra__imagens { width: 100%; height: 100%; position: absolute; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 30px; }
        section#botoes__tegra__imagens div.container__tegra__imagens h3.titulo__tegra__imagens { color: #fff; font-size: 28px; }
        section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes {  width: 50%; height: 50px; display: flex; align-items: center; justify-content: center; gap: 30px;}
        section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes button { border: 2px solid rgba(255, 255, 255, 0.38); width: 100%; height: 100%;  display: flex; gap: 10px;  align-items: center; justify-content: center; font-size: 20px; font-weight: 600; color: #fff;  border-radius: 20px;}
        section#botoes__tegra__imagens div.container__tegra__imagens div.container__tegra__imagens__botoes button:hover { border: 2px solid #0804f3;  color: #0804f3; transform: 1s scale(1);}

        /*-- ============================================
        SECTION -  BOTÃO FICHA TECNICA
        ============================================ */
        section#botao__ficha__tecnica {   width: 100%; height: 200px; justify-content: center; display: flex; align-items: center; }
        section#botao__ficha__tecnica button.titulo__botao__ficha__tecnica { border:  2px  double #333; width: 45%;  height: 70px; padding: 1rem 2rem; display: flex; justify-content: center; align-items: center; font-size: 30px;  border-radius: 20px ;}

        /*-- ============================================
        SECTION -  CONTATO E INFORMAÇÕES
        ============================================ */
        section#informacoes { width: 100%; height: 200px;  display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(https://res.cloudinary.com/df1ex7qz9/image/upload/v1761232755/frente_condominio_nzpovc.jpg) center/ cover no-repeat ; position: relative;}
        section#informacoes::before { content: "";  width: 100%; height: 200px;  background: #000; position: absolute; opacity: 80%; top: 0px; left: 0px; border-radius: 0px; }
        section#informacoes div.container__tegra__informacoes {   position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;  gap: 50px;}
        section#informacoes div.container__tegra__informacoes  h4.titulo__tegra__informacoes {  color:  #fff; font-size: 28px; font-size: 600; }
        section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul{ display: flex; align-items: center; justify-content: space-between; gap: 50px; }
        section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li {  border: 2px solid rgba(255, 255, 255, 0.38); width: 200px; height: 50px; border-radius: 20px;  display: flex; align-items: center; justify-content: center;}
        section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li:hover { border: 2px solid #0804f3;  color: #0804f3; transform: 1s scale(1);}
        section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li  a { color: #fff; font-size: 18px; ; }
        section#informacoes div.container__tegra__informacoes nav.links__tegra__informacoes ul li  a i { margin-right: 10px; }

        /*-- ============================================
        SECTION -  LOCALIIZAÇÃO
        ============================================ */
        section#tegra__localizacao { width: 100%; height: 100%; position: relative; padding: 4rem 3rem; }
        section#tegra__localizacao h3.titulo__tegra__localizacao {  text-align: center; color: #333; text-align: center; padding-bottom: 30px; font-size: 28px; }
        section#tegra__localizacao div.localizacao__tegra__img {  background-color: rebeccapurple; width: 100%; height: 300px; object-fit: fill;}
        section#tegra__localizacao div.localizacao__tegra__img img { width: 100%; height: 100%; object-fit: cover; }
        section#tegra__localizacao p.endereco__tegra__localizacao {  color: #333; font-size: 24px ; padding-top: 20px;}
        section#tegra__localizacao nav.links__tegra__localizacao {    width: 50%;    height: 70px;    display: flex;    align-items: center;    justify-content: left; margin-top: 20px; }
        section#tegra__localizacao nav.links__tegra__localizacao ul {   display: flex;   align-items: center;   justify-content: center;gap: 10px;    list-style: none;    margin: 0;    padding: 0; }
        section#tegra__localizacao nav.links__tegra__localizacao ul li {    list-style: none; }
        section#tegra__localizacao nav.links__tegra__localizacao ul li a {   display: inline-flex;   align-items: center;   gap: 10px;   padding: 12px 24px;   text-decoration: none;   font-weight: 600;   font-size: 16px;   border-radius: 8px;   transition: all 0.3s ease;   border: 2px solid transparent; }
        section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"] {    color: #00BFFE;    border-color: #00BFFE; }
        section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"]:hover {   background: #00BFFE;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(0, 191, 254, 0.4); }
        section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"] i {  font-size: 20px;  color: #00BFFE;  transition: color 0.3s ease; }
        section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="waze"]:hover i { color: #fff; }
        section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"],
        section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"] {    color: #4285F4;    border-color: #4285F4; }
        section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"]:hover,
        section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"]:hover {   background: #4285F4;   color: #fff;   transform: translateY(-2px);   box-shadow: 0 4px 15px rgba(66, 133, 244, 0.4); }
        section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"] i, section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"] i {  font-size: 20px;  color: #4285F4;  transition: color 0.3s ease; }
        section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="maps.app.goo.gl"]:hover i, section#tegra__localizacao nav.links__tegra__localizacao ul li a[href*="google.com/maps"]:hover i {    color: #fff; }
        section#tegra__localizacao div.bloco__mapa__info {  display: flex; flex-direction: column; padding: 2rem 0rem; width: 100%; height: 100%; gap: 30px;}
        section#tegra__localizacao div.bloco__mapa__infodiv.container__tegra__mapa { width: 50%; height: 100%; }
        section#tegra__localizacao div.bloco__mapa__infodiv.container__tegra__mapa  iframe { width: 100%; height: 100%; }
        section#tegra__localizacao div.bairro__tegra__localizacao {  padding:  1rem; width: 100%; height: 100%; }
        section#tegra__localizacao div.bairro__tegra__localizacao h3.texto__bairro__tegra__localizacao { font-size: 22px; color: #333; padding-bottom: 15px; }
        section#tegra__localizacao div.bairro__tegra__localizacao p.descricao__bairro__tegra__localizacao {  font-size: 15px; color: #333; line-height: 22px; padding-bottom: 10px;}

        /*-- ============================================
        SECTION -  INCORPORADORA
        ============================================ */
        section#tegra__incorporadora {  width: 100%; height: 100%; position: relative; padding: 0 3rem; }
        section#tegra__incorporadora div.container__tegra__incorporadora { display: flex; align-items: center; justify-content: center; }
        section#tegra__incorporadora div.container__tegra__incorporadora div.tegra__logo__incorporadora {  width: 50%; height: 100%; display: flex; align-items: center; justify-content: center ;}
        section#tegra__incorporadora div.container__tegra__incorporadora div.tegra__logo__incorporadora img { width: 30%; }
        section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora {  width: 50%; height: 100%; }
        section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora h3.titulo__tegra__incorporadora {  font-size: 28px; color: #333; padding-bottom: 10px; }
        section#tegra__incorporadora div.container__tegra__incorporadora div.bloco__tegra__incorporadora p.texto__tegra__incorporadora { line-height: 28px; font-size: 16px; }

        /*-- ============================================
        FOOTER E FORMULARIO
        ============================================ */
        footer#footer__tegra__incorporadora {  width: 100%; height: 100%; position: relative; margin-top: 100px; padding: 6rem 3rem; background-image: linear-gradient(to right bottom, #1a1c22, #25272f, #30333c, #3c3f49, #494b57, #555663, #61626f, #6d6e7b, #7b7c88, #898a96, #9899a4, #a7a8b2);}
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora { display: flex; align-items: center; justify-content: center;  }
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.footer__tegra__contatos { width: 50%; height: 100%; }
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora p.footer__descricao__tegra {  color: #fff;  padding: 0 5rem; font-size: 18px;}
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora h4.footer__titulo__tegra {  color: #fff; font-size: 42px; padding: 1rem 7rem 0 5rem; }
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora p.footer__subtexto__tegra {  color: #fff;  padding: 1rem 5rem; font-size: 18px;}
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes {   padding: 0 5rem; width: 80%; height: 100%; gap: 20px;  display: flex; flex-direction: column; margin-top: 10px;}
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button {  width: 100%; height: 100%; display: flex; align-items: center; border: 1px solid #fff; border-radius: 20px; padding: 0.5rem 2rem;}
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button i {  font-size: 30px; margin-right: 10px; color: #fff;  }
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto { text-align: left; display: flex; flex-direction: column; gap: 0px; }
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto p.texto__botao__footer { font-weight: 700; margin-bottom: -5px; color: #fff;  }
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.container__footer__botoes button span.footer__botao__texto p.valor__botao__footer { color: #fff; }
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem {  margin-top: 20px;  padding: 0 5rem; width: 50%; height: 50px; }
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem ul {  display: flex; align-items: center; gap: 40px;  align-items: center; }
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora nav.footer__social__morarbem ul li a i { color: #fff; font-size: 20px; }
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario {   width: 50%; height: 100%;  }
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer {  padding: 20px 0px;   border-bottom: 2px solid rgba(255, 255, 255, 0.38); display: flex; flex-direction: column; gap: 20px ;}
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer p.titulo__input__footer { color: #fff; padding-bottom: 0px;; font-size: 18px;  }
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer input { width: 100%; height: 30px; margin-top: -15px; padding: 0 10px; background-color:  transparent; color: #fff; }
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario div.bloco__input__footer input::placeholder { color: #fff; }
        footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora form.footer__tegra__formulario button {  background-color: #333; margin-top: 50px;  width: 100%; padding: 0.8rem 0;  font-size: 24px; font-weight: 600;  color: #fff; border-radius: 20px; }
        /* ============================================
        CSS ADICIONAL PARA O FORMULÁRIO
        ============================================ */

        /* Campo Mensagem (textarea) */
        .bloco__input__footer textarea {    width: 100%;    padding: 12px 15px;    border: 1px solid #ddd; color: #fff;    border-radius: 4px;    font-family: inherit;    font-size: 14px;    resize: vertical;    min-height: 100px;    transition: border-color 0.3s ease; background-color: transparent;}
        .bloco__input__footer textarea:focus {  outline: none;  border-color: #0804f3; }
        .bloco__input__footer textarea::placeholder {    color: #fff; }

        /* ============================================
        MENSAGENS DE FEEDBACK (Sucesso/Erro)
        ============================================ */

        .alert {    padding: 15px 20px;    margin-bottom: 20px;    border-radius: 8px;    font-size: 14px;    font-weight: 600;    animation: slideInDown 0.4s ease; }
        .alert-success {   background: #d4edda;   color: #155724;   border: 1px solid #c3e6cb; }
        .alert-success::before {    content: '✅ '; }
        .alert-error {   background: #f8d7da;   color: #721c24;   border: 1px solid #f5c6cb; }
        .alert-error::before {  content: '❌ '; }

        /* Animação de entrada */
        @keyframes slideInDown {   from {   transform: translateY(-20px);   opacity: 0; }   to {    transform: translateY(0);    opacity: 1; } }

        /*-- ============================================
        DESENVOLVIMENTO
        ============================================ */
        div.desenvolvimento {   width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0.5rem 0; }
        div.desenvolvimento p.texto__link__dev {  color: #333; font-size: 14px; }
        div.desenvolvimento p.texto__link__dev  a { color: red; }

        /*-- ============================================
        BOTÃO WHATSAAP
        ============================================ */

        .whatsapp-float {   position: fixed;   bottom: 30px;   right: 30px;   z-index: 99999;   width: 65px;  height: 65px;       background: #25D366;   color: #fff;   border-radius: 50%;   box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);     display: flex;  align-items: center;  justify-content: center;  font-size: 36px;   text-decoration: none;   transition: all 0.3s ease;   cursor: pointer; }
        .whatsapp-float:hover {  background: #20BD5A;  transform: scale(1.1);  box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6); }
        .whatsapp-float:active {   transform: scale(0.95); }
        .whatsapp-float::before {    content: '';    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border-radius: 50%;    background: #25D366;    z-index: -1;    animation: pulse-ring 1.5s ease-out infinite; }
        @keyframes pulse-ring {    0% {        transform: scale(1);        opacity: 1;    }   100% {      transform: scale(1.4);       opacity: 0;   } }
        .whatsapp-float::after {   content: 'Fale Conosco';   position: absolute;   right: 75px;   top: 50%;   transform: translateY(-50%);   background: #1a1a1a;   color: #fff;   padding: 10px 16px;   border-radius: 6px;   font-size: 14px;   font-weight: 600;   white-space: nowrap;   opacity: 0;   visibility: hidden;   transition: all 0.3s ease;   pointer-events: none;   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
        .whatsapp-float::after {    content: 'Fale Conosco';}
        .whatsapp-float:hover::after {    opacity: 1;    visibility: visible;    right: 80px; }



        /* ============================================
        MODAL DE TELEFONE
        Rio by Piero Lissoni
        ============================================ */

        /* Overlay do modal */
        .modal-telefone-overlay {   display: none;   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.8);   z-index: 10000;   opacity: 0;   transition: opacity 0.3s ease; }
        .modal-telefone-overlay.active {  display: flex;  align-items: center;  justify-content: center;  opacity: 1;}

        /* Conteúdo do modal */
        .modal-telefone-content { background: #fff; border-radius: 20px; padding: 40px;    max-width: 450px;    width: 90%;    position: relative;    transform: translateY(50px);    opacity: 0;    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);}
        .modal-telefone-overlay.active .modal-telefone-content {  transform: translateY(0);  opacity: 1;}

        /* Botão fechar */
        .modal-telefone-close {    position: absolute;    top: 15px;    right: 15px;    background: rgba(0, 0, 0, 0.05);    width: 40px;    height: 40px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    font-size: 20px;    color: #1a1a1a;    transition: all 0.3s ease;}
        .modal-telefone-close:hover {   background: rgba(0, 0, 0, 0.1);   transform: rotate(90deg);}

        /* Header do modal */
        .modal-telefone-header {   text-align: center;   margin-bottom: 30px;}
        .modal-telefone-header i {   font-size: 50px;   color: #0804f3;   margin-bottom: 15px;   display: block;}
        .modal-telefone-header h3 {   font-size: 28px;   font-weight: 700;   color: #1a1a1a;   margin: 0; }

        /* Número de telefone */
        .modal-telefone-numero {   background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);   border-radius: 15px;   padding: 20px;   margin-bottom: 25px;   text-align: center;}
        .modal-telefone-numero p {  font-size: 26px;  font-weight: 700;  color: #1a1a1a;  margin: 0;  letter-spacing: 1px;}

        /* Botões de ação */
        .modal-telefone-acoes {  display: flex;  flex-direction: column;  gap: 12px; }
        .modal-telefone-btn {    display: flex;    align-items: center;    justify-content: center;    gap: 12px;    padding: 16px 24px;    border-radius: 12px;    border: 2px solid;    font-size: 16px;    font-weight: 600;    cursor: pointer;    transition: all 0.3s ease;    background: transparent;}
        .modal-telefone-btn i {  font-size: 20px;}

        /* Botão Ligar */
        .btn-ligar {    color: #0804f3;    border-color: #0804f3;}
        .btn-ligar:hover {    background: #0804f3;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(8, 4, 243, 0.3);}

        /* Botão Copiar */
        .btn-copiar {    color: #6c757d;    border-color: #6c757d;}
        .btn-copiar:hover {   background: #6c757d;    color: #fff;    transform: translateY(-2px);    box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3);}

        /* Botão WhatsApp */
        .btn-whatsapp {   color: #25D366;   border-color: #25D366;}
        .btn-whatsapp:hover {   background: #25D366;   color: #fff;   transform: translateY(-2px);   box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);}

        /* Feedback */
        .modal-telefone-feedback {    text-align: center;    margin-top: 20px;    padding: 12px;    border-radius: 8px;    font-size: 14px;    font-weight: 600;    opacity: 0;    transform: translateY(-10px);    transition: all 0.3s ease;}
        .modal-telefone-feedback.show {    opacity: 1;    transform: translateY(0);}
        .modal-telefone-feedback.success {  background: #d4edda;  color: #155724;}
        .modal-telefone-feedback.error {  background: #f8d7da;  color: #721c24;}

        /* Body com modal aberto */
        body.modal-telefone-open {   overflow: hidden; }




        /* ============================================
        MODAL OVERLAY
        ============================================ */
        .galeria__modal__overlay {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.96);   z-index: 99999;   opacity: 0;   visibility: hidden;   transition: all 0.35s ease;   display: flex;   flex-direction: column; }
        .galeria__modal__overlay.active {  opacity: 1;  visibility: visible; }

        /* ============================================
        MODAL HEADER
        ============================================ */
        .galeria__modal__header {   display: flex;   justify-content: space-between;   align-items: center;   padding: 25px 40px;   background: rgba(26, 26, 26, 0.95);   border-bottom: 1px solid rgba(255, 255, 255, 0.1);   backdrop-filter: blur(10px); }
        .galeria__modal__title {   color: #fff;   font-size: 18px;   font-weight: 600;   text-transform: uppercase;   letter-spacing: 2px;   font-family: 'Montserrat', sans-serif; }
        .galeria__modal__info {   display: flex;   align-items: center;   gap: 20px; }
        .galeria__modal__counter {   color: rgba(255, 255, 255, 0.7);   font-size: 14px;   font-weight: 500; }
        .galeria__modal__close {    background: transparent;    border: none;    color: #fff;    font-size: 28px;    cursor: pointer;    width: 40px;    height: 40px;    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;    border-radius: 50%; }
        .galeria__modal__close:hover {   background: rgba(255, 255, 255, 0.1);   transform: rotate(90deg);   color: #ff4444; }

        /* ============================================
        BARRA DE PROGRESSO AUTO-PLAY
        ============================================ */
        .galeria__progress__bar {    width: 100%;    height: 3px;    background: rgba(255, 255, 255, 0.1);    position: relative;    overflow: hidden; }
        .galeria__progress__fill {   height: 100%;   background: #fff;   width: 0%;   transition: width 0.1s linear; }
        .galeria__progress__fill.animating {  transition: width 5s linear; }

        /* ============================================
        MODAL CONTENT CONTAINER
        ============================================ */
        .galeria__modal__content {   flex: 1;   display: flex;   align-items: center;   justify-content: center;   padding: 20px;   position: relative;   overflow: hidden; }

        /* ============================================
        CONTAINER DE IMAGENS (SCROLL HORIZONTAL)
        ============================================ */
        .galeria__imagens__container {  display: flex;  gap: 20px;  overflow-x: auto;  scroll-snap-type: x mandatory;  scroll-behavior: smooth;  -webkit-overflow-scrolling: touch;  width: 100%;  height: 100%;  scrollbar-width: none;  -ms-overflow-style: none; }
        .galeria__imagens__container::-webkit-scrollbar {  display: none; }

        /* ============================================
        IMAGEM INDIVIDUAL
        ============================================ */
        .galeria__imagem__wrapper {    min-width: 100%;    height: 100%;    scroll-snap-align: center;    display: flex;    align-items: center;    justify-content: center;    position: relative; }
        .galeria__imagem {   max-width: 100%;   max-height: 75vh;   object-fit: contain;   transition: transform 0.35s ease;   user-select: none;   -webkit-user-drag: none; }

        /* ZOOM */
        .galeria__imagem.zoomed {   transform: scale(2);   cursor: move; }

        /* ============================================
        BOTÕES DE NAVEGAÇÃO (FIXOS FORA)
        ============================================ */
        .galeria__nav__buttons {    position: absolute;    top: 50%;    left: 0;    right: 0;    transform: translateY(-50%);    display: flex;    justify-content: space-between;    pointer-events: none;    z-index: 10;    padding: 0 20px; }
        .galeria__nav__btn {   pointer-events: all;   background: rgba(255, 255, 255, 0.9);   border: none;   color: #1a1a1a;   width: 50px;   height: 50px; font-size: 20px;   cursor: pointer;   transition: all 0.3s ease;   display: flex;   align-items: center;   justify-content: center;   border-radius: 50%;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); }
        .galeria__nav__btn:hover {   background: #fff;  transform: scale(1.1);}
        .galeria__nav__btn:active {   transform: scale(0.95); }
        .galeria__nav__btn:disabled {    opacity: 0.3;   cursor: not-allowed; }

        /* ============================================
        CONTROLES DE ZOOM (PLANTAS)
        ============================================ */
        .galeria__zoom__controls {   position: absolute;   bottom: 30px;   left: 50%;   transform: translateX(-50%);   display: none;   gap: 15px;   background: rgba(0, 0, 0, 0.8);   padding: 12px 20px;   border-radius: 30px;   backdrop-filter: blur(10px); }
        .galeria__zoom__controls.active {  display: flex; }
        .galeria__zoom__btn {  background: rgba(255, 255, 255, 0.2);  border: 1px solid rgba(255, 255, 255, 0.3);  color: #fff;  width: 40px;  height: 40px;  font-size: 18px;  cursor: pointer;  transition: all 0.3s ease;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%; }
        .galeria__zoom__btn:hover {   background: rgba(255, 255, 255, 0.3);  transform: scale(1.1); }
        .galeria__zoom__level {    color: #fff;    font-size: 14px;    font-weight: 600;    display: flex;    align-items: center;    padding: 0 10px; }

        /* ============================================
        THUMBNAILS
        ============================================ */
        .galeria__thumbnails {    display: flex;    gap: 12px;    justify-content: center;    padding: 20px 40px;    background: rgba(26, 26, 26, 0.95);    border-top: 1px solid rgba(255, 255, 255, 0.1);    overflow-x: auto;    scrollbar-width: thin; }
        .galeria__thumbnails::-webkit-scrollbar {  height: 6px; }
        .galeria__thumbnails::-webkit-scrollbar-track {   background: rgba(255, 255, 255, 0.05); }
        .galeria__thumbnails::-webkit-scrollbar-thumb {   background: rgba(255, 255, 255, 0.2);   border-radius: 3px; }
        .galeria__thumbnail {  min-width: 90px;  height: 70px;  object-fit: cover;  cursor: pointer;  opacity: 0.4;  transition: all 0.3s ease;  border: 2px solid transparent;  border-radius: 4px; }
        .galeria__thumbnail:hover {  opacity: 0.7;  transform: scale(1.05); }
        .galeria__thumbnail.active {   opacity: 1;   border-color: #fff;   box-shadow: 0 4px 12px rgba(255, 255, 255, 0.3); }

        /* ============================================
        LOADING
        ============================================ */
        .galeria__loading {   position: absolute;  top: 50%;   left: 50%;   transform: translate(-50%, -50%);   color: #fff;   font-size: 18px;   display: none;   align-items: center;   gap: 10px; }
        .galeria__loading.active {   display: flex; }
        .galeria__loading i {    animation: spin 1s linear infinite; }
        @keyframes spin {   from { transform: rotate(0deg); }  to { transform: rotate(360deg); } }


        /* ============================================
        ANIMAÇÕES
        ============================================ */
        @keyframes fadeIn {
        from {   opacity: 0;   transform: scale(0.95); }
        to {   opacity: 1;   transform: scale(1); }
        }

        .galeria__imagem {  animation: fadeIn 0.35s ease; }

        /* ============================================
        ACESSIBILIDADE
        ============================================ */
        .galeria__modal__overlay:focus { outline: none; }

        button:focus-visible {  outline: 2px solid #fff;  outline-offset: 2px; }

        /* ============================================
        UTILITÁRIOS
        ============================================ */
        .no-scroll {    overflow: hidden; }


        /* Animação de entrada */
        @keyframes modalSlideUp { from {   transform: translateY(50px);    opacity: 0;}  to {   transform: translateY(0);   opacity: 1; }}

        }