@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/dkxdtyari/image/upload/v1761764714/COBERTURA_vz9dlf.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 -  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 1rem;}
           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; 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;}
           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; }

 /*-- ============================================
      MODAL  FORM  BOTÃO WHATSAPP
      ============================================ */
      div.modal-botao-whatsapp-form {  background-color: rgba(0, 0, 0, 0.7);; width: 100%; height: 100%; padding: 10px 20px;  position: relative; }
      div.modal-botao-whatsapp-form div.modal-botao-whatsapp-form-content {  display: flex; gap: 0px; overflow: hidden; flex-direction: column; ;}
      div.modal-botao-whatsapp-form div.modal-botao-whatsapp-form-content div.imagem-form-contato { width: 100%; height: 100%; }
      div.modal-botao-whatsapp-form div.modal-botao-whatsapp-form-content div.imagem-form-contato img { border-radius: 20px 20px 0px 0px; width: 100%; height: 100%; object-fit: cover; }
      div.modal-botao-whatsapp-form div.modal-botao-whatsapp-form-content form { background-color: #fff; width: 100%;  border-radius: 0px 0px 20px 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px; position: relative;  padding: 18px 20px; }
      div.modal-botao-whatsapp-form div.modal-botao-whatsapp-form-content form span.titulo-form-botao { font-size: 30px; color: #0077BE;  font-weight: 600;  }
      div.modal-botao-whatsapp-form div.modal-botao-whatsapp-form-content form div.container-form-botao {  width: 100%; height: auto; padding: 0px 30px; display: flex; gap: 10px; flex-direction: column; padding: 20px 0px;  margin-top: -30px; }
      div.modal-botao-whatsapp-form div.modal-botao-whatsapp-form-content form div.container-form-botao div.container-input-botao {    width: 100%; height: 40px; display: flex; align-items: center; gap: 0px; border: 1px solid #0077BE; border-radius: 20px; padding: 0px 20px; }
      div.modal-botao-whatsapp-form div.modal-botao-whatsapp-form-content form div.container-form-botao div.container-input-botao input {  background-color: transparent; width: 100%; height: 100%; padding: 0px 10px; color: #0077BE; }
      div.modal-botao-whatsapp-form div.modal-botao-whatsapp-form-content form div.container-form-botao div.container-input-botao input::placeholder { padding: 0px 10px;  color: #0077BE; }
      div.modal-botao-whatsapp-form div.modal-botao-whatsapp-form-content form div.container-form-botao div.container-input-botao i {font-size: 20px; color: #0077BE; }
      div.modal-botao-whatsapp-form div.modal-botao-whatsapp-form-content form button { background-color: #25D366; color: #fff; width: 90%; height: 50px; padding: 10px 0px; font-size: 14px; font-weight: 600; border-radius: 20px; margin-top: -20px;}
      div.modal-botao-whatsapp-form div.modal-botao-whatsapp-form-content form button.pulsate-fwd{-webkit-animation:pulsate-fwd .5s ease-in-out infinite both;animation:pulsate-fwd .5s ease-in-out infinite both; }
      div.modal-botao-whatsapp-form div.modal-botao-whatsapp-form-content form figure img {  width: 50px; position: absolute; bottom: 20px; right: 20px; display: none; }
      div.modal-botao-whatsapp-form span.close-botao-form { position: absolute; top: 25px; right: 40px; }
      div.modal-botao-whatsapp-form span.close-botao-form i { font-size: 25px; }
      div.modal-botao-whatsapp-form span.close-botao-form i:hover { color: red;  ; }

 }
  
  @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/dkxdtyari/image/upload/v1761764716/ACESSO_FACHADA_g2ruez.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: linear-gradient(135deg,   #0077BE 0%,   #4ECDC4 30%,   #FF8C42 70%,   #FF6B6B 100%  );;   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: 24px;    color: #fff; }
         .botao_menu_texto {  font-size: 18px;  font-weight: 600;  color: #fff;  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: 1.5em; }
           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: 1.5rem; text-align: center; }
           section#tegra_tipologia div.tegra_tipologia_info p.texto_tipologia { color: #fff;  text-align: center; padding: 1rem 2rem; font-size: 14px; }
           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: left; padding-bottom: 30px; font-size: 20px; }
         section#tegra_apresentacao p.texto_apresentacao {  font-size: 14px; font-weight: 300; line-height: 28px; padding-bottom: 20px;}
         section#tegra_apresentacao nav.lista__apresentacao ul {  padding: 0px 0px 10px 0px; }
         section#tegra_apresentacao nav.lista__apresentacao ul li { display: flex; padding-bottom:  10px; align-items: center; gap: 10px; font-size: 14px; }
         section#tegra_apresentacao nav.lista__apresentacao ul li i {  font-size: 16px; color: #FF8C42;}
         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: 22px; text-align: center;}
           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: 18px;  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; 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;  padding-bottom: 15px; }
           section#tegra__localizacao div.bairro__tegra__localizacao p.descricao__bairro__tegra__localizacao {  font-size: 15px; 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: 2rem 1rem; background: linear-gradient(135deg,   #0077BE 0%,   #4ECDC4 30%,   #FF8C42 70%,   #FF6B6B 100%  );}
           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 1rem;}
           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: 100%; display: flex; justify-content: center; 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 1rem;}
           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 {  font-size: 12px; text-align: center; }
           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; }

 /* ============================================
        HONEYPOT (ANTI-SPAM)
        ============================================ */
        .honeypot {
         position: absolute !important;
         left: -9999px !important;
         width: 1px !important;
         height: 1px !important;
         opacity: 0 !important;
     }
     
     /* ============================================
        MODAL OVERLAY
        ============================================ */
     .modal-botao-whatsapp-form {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100vh;   z-index: 999999;   display: none;   align-items: center;   justify-content: center;   padding: 20px;   animation: fadeIn 0.3s ease; }
     .modal-botao-whatsapp-form.active {    display: flex; }
     .modal-botao-whatsapp-form-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.7);   backdrop-filter: blur(5px); }
     
     /* ============================================
        MODAL CONTENT
        ============================================ */
     .modal-botao-whatsapp-form-content {   position: relative;   display: flex;   max-width: 900px;   width: 100%;   max-height: 90vh;   background: #fff;   border-radius: 20px;   overflow: hidden;   box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);   animation: slideUp 0.4s ease;}
     
     /* ============================================
        LADO ESQUERDO: IMAGEM
        ============================================ */
     .imagem-form-contato { position: relative;  width: 45%;  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);display: flex; align-items: center; justify-content: center; overflow: hidden; }
     .imagem-form-contato img {   width: 100%;   height: 100%;   object-fit: cover; }
     
     /* Badge Online */
     .badge-online {  position: absolute;  bottom: 30px;  left: 50%;  transform: translateX(-50%);  background: rgba(255, 255, 255, 0.95);  padding: 10px 20px;  border-radius: 50px;  display: flex;  align-items: center;  gap: 10px;  font-size: 14px;  font-weight: 600;  color: var(--text-dark);  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}
     .pulse-dot {   width: 10px;   height: 10px;   background: #25D366;   border-radius: 50%;   animation: pulse 2s infinite;}
     
     /* ============================================
        LADO DIREITO: FORMULÁRIO
        ============================================ */
     .content-form-whatsapp-container {  width: 55%;  padding: 40px 35px;  display: flex;  flex-direction: column;  overflow-y: auto; }
     .content-form-whatsapp {  display: flex;  flex-direction: column;  gap: 20px;  height: 100%; }
     
     /* Título */
     .titulo-form-botao {  font-size: 32px;  font-weight: 700;  color: var(--primary-blue);  margin: 0;  line-height: 1.2; }
     .subtitulo-form-botao {  font-size: 14px;  color: var(--text-gray);  margin: -10px 0 10px 0; }
     
     /* ============================================
        CONTAINER DOS INPUTS
        ============================================ */
     .container-form-botao { display: flex; flex-direction: column; gap: 20px; }
     
     .container-input-botao,
     .container-textarea-botao {   position: relative;   width: 100%;   display: flex;   align-items: center;   gap: 12px;   border: 2px solid var(--border-gray);   border-radius: 12px;   padding: 0 18px;   transition: all var(--transition-normal);   background: #fff; }
     .container-input-botao { height: 56px;}
     .container-textarea-botao {   align-items: flex-start;  padding: 16px 18px; }
     
     /* Ícones */
     .container-input-botao i,
     .container-textarea-botao i {   font-size: 20px;   color: var(--primary-blue);  flex-shrink: 0;   transition: all var(--transition-fast); }
     
     /* Inputs */
     .container-input-botao input,
     .container-textarea-botao textarea {  flex: 1;  background: transparent;  border: none;  outline: none;  font-size: 15px;  color: var(--text-dark);  font-family: inherit; }
     
     .container-input-botao input::placeholder,
     .container-textarea-botao textarea::placeholder { color: #999; }
     
     textarea {  resize: none;  line-height: 1.5; }
     
     /* Status Icons */
     .input-status {   position: absolute;   right: 18px;   font-size: 18px;   opacity: 0;   transition: all var(--transition-fast); }
     
     /* Mensagens de Erro */
     .input-error { position: absolute; bottom: -20px; left: 18px; font-size: 12px; color: #E74C3C; opacity: 0; transition: all var(--transition-fast); }
     
     /* Contador de caracteres */
     .char-count {   position: absolute;   bottom: 10px;   right: 18px;   font-size: 11px;   color: #999; }
     
     /* ============================================
        ESTADOS DOS CAMPOS
        ============================================ */
     
     /* Foco */
     .container-input-botao:focus-within,
     .container-textarea-botao:focus-within {   border-color: var(--primary-blue);   box-shadow: 0 0 0 3px rgba(0, 119, 190, 0.1);}
     
     /* Válido */
     .container-input-botao.valid,
     .container-textarea-botao.valid {  border-color: #27AE60;}
     
     .container-input-botao.valid .input-status,
     .container-textarea-botao.valid .input-status {  opacity: 1;  color: #27AE60;}
     
     .container-input-botao.valid .input-status::before {  content: "\f058"; /* fa-check-circle */ font-family: "Font Awesome 6 Free"; font-weight: 900;}
     
     /* Inválido */
     .container-input-botao.invalid,
     .container-textarea-botao.invalid {  border-color: #E74C3C;}
     
     .container-input-botao.invalid .input-status,
     .container-textarea-botao.invalid .input-status {  opacity: 1;  color: #E74C3C; }
     
     .container-input-botao.invalid .input-status::before {  content: "\f06a"; /* fa-exclamation-circle */  font-family: "Font Awesome 6 Free"; font-weight: 900; }
     
     .container-input-botao.invalid .input-error,
     .container-textarea-botao.invalid .input-error { opacity: 1; }
     
     /* ============================================
        BOTÃO INICIAR CONVERSA (PROGRESS BAR)
        ============================================ */
     .btn-iniciar-conversa {  position: relative;  width: 100%;  height: 56px;  background: var(--border-gray);  border: none;  border-radius: 12px;  cursor: not-allowed;  overflow: hidden;  transition: all var(--transition-normal);  margin-top: 10px; }
     
     /* Progress Bar */
     .btn-progress-bar {   position: absolute;   top: 0;   left: 0;   width: 0%;   height: 100%;   background: var(--progress-0);   transition: all 0.4s ease;   z-index: 1; }
     
     /* Conteúdo do Botão */
     .btn-content {   position: relative;   z-index: 2;   display: flex;   align-items: center;   justify-content: center;   gap: 10px;   height: 100%;   color: #999;   font-size: 16px;   font-weight: 600;   transition: all var(--transition-fast); }
     .btn-content i {   font-size: 22px; }
     
     /* Loading State (oculto por padrão) */
     .btn-loading {    position: absolute;   top: 0;  left: 0;  width: 100%;  height: 100%;  display: none;  align-items: center;  justify-content: center;  gap: 10px;  background: var(--whatsapp-green);  color: #fff;  font-size: 16px;  font-weight: 600;  z-index: 3;}
     
     .btn-loading i { font-size: 20px; }
     
     /* ============================================
        ESTADOS DO BOTÃO (PROGRESS)
        ============================================ */
     
     /* 33% - 1 campo preenchido */
     .btn-iniciar-conversa[data-progress="33"] .btn-progress-bar {
         width: 33%;
         background: var(--progress-33);
     }
     
     .btn-iniciar-conversa[data-progress="33"] .btn-content {
         color: #B8860B;
     }
     
     /* 66% - 2 campos preenchidos */
     .btn-iniciar-conversa[data-progress="66"] .btn-progress-bar {
         width: 66%;
         background: var(--progress-66);
     }
     
     .btn-iniciar-conversa[data-progress="66"] .btn-content {
         color: #D2691E;
     }
     
     /* 100% - Todos os campos preenchidos */
     .btn-iniciar-conversa[data-progress="100"] {
         background: var(--whatsapp-green);
         cursor: pointer;
         box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
     }
     
     .btn-iniciar-conversa[data-progress="100"] .btn-progress-bar {
         width: 100%;
         background: rgba(255, 255, 255, 0.2);
     }
     
     .btn-iniciar-conversa[data-progress="100"] .btn-content {
         color: #fff;
     }
     
     .btn-iniciar-conversa[data-progress="100"] .btn-text::before {
         content: "✅ ";
     }
     
     /* Pulse Animation ao chegar em 100% */
     .btn-iniciar-conversa[data-progress="100"] {
         animation: btnPulse 1.5s infinite;
     }
     
     /* Hover no botão ativo */
     .btn-iniciar-conversa[data-progress="100"]:hover {
         transform: translateY(-2px);
         box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4);
     }
     
     /* Estado de Loading */
     .btn-iniciar-conversa.loading .btn-content {
         display: none;
     }
     
     .btn-iniciar-conversa.loading .btn-loading {
         display: flex;
     }
     
     /* ============================================
        LGPD E LOGO
        ============================================ */
     .form-lgpd { text-align: center;  margin-top: -5px; }
     
     .form-lgpd small {  font-size: 11px;  color: #999;  display: flex;  align-items: center;  justify-content: center;  gap: 6px; }
     
     .form-lgpd i { color: var(--primary-blue); }
     
     .form-logo {  margin: 10px auto 0;  text-align: center; }
     
     .form-logo img { width: 60px; opacity: 0.6; transition: all var(--transition-fast); }
     
     .form-logo img:hover { opacity: 1; }
     
     /* ============================================
        BOTÃO FECHAR
        ============================================ */
     .close-botao-form {  position: absolute;  top: 20px;  right: 20px;  width: 40px;  height: 40px;  background: rgba(255, 255, 255, 0.9);  border: none;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  z-index: 10;  transition: all var(--transition-fast);  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
     
     .close-botao-form i {   font-size: 20px;   color: var(--text-dark); }
     
     .close-botao-form:hover {  background: #fff;  transform: rotate(90deg);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
     
     /* ============================================
        ALERTA CUSTOMIZADO
        ============================================ */
     .alerta-customizado { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); display: none; align-items: center; justify-content: center; z-index: 1000000; padding: 20px; animation: fadeIn 0.3s ease;}
     
     .alerta-customizado.active {  display: flex;}
     
     .alerta-content { background: #fff; padding: 40px; border-radius: 16px; max-width: 450px; width: 100%; text-align: center; animation: slideUp 0.4s ease; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); }
     
     .alerta-icon {  font-size: 60px;   color: #FF8C00;   margin-bottom: 20px; }
     
     .alerta-content h3 {  font-size: 24px;  color: var(--text-dark);  margin-bottom: 10px;}
     
     .alerta-content p {  font-size: 15px;  color: var(--text-gray);  line-height: 1.6;  margin-bottom: 30px;}
     
     .alerta-acoes {  display: flex;  gap: 12px;  justify-content: center;}
     
     .btn-alerta {   padding: 14px 24px;  border: none;  border-radius: 10px;  font-size: 15px;  font-weight: 600;  cursor: pointer;  display: flex;  align-items: center;  gap: 8px;  transition: all var(--transition-fast);}
     
     .btn-secondary {  background: #E0E0E0;  color: var(--text-dark);}
     
     .btn-secondary:hover {  background: #D0D0D0;}
     
     .btn-primary { background: var(--primary-blue); color: #fff;}
     
     .btn-primary:hover {  background: #006399;  transform: translateY(-2px);  box-shadow: 0 4px 12px rgba(0, 119, 190, 0.3); }
     
     /* ============================================
        MENSAGEM DE SUCESSO
        ============================================ */
     .mensagem-sucesso { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(10px); display: none; align-items: center; justify-content: center; z-index: 1000001; padding: 20px; animation: fadeIn 0.3s ease; }
     
     .mensagem-sucesso.active { display: flex; }
     
     .sucesso-content {  background: #fff;  padding: 50px 40px;  border-radius: 20px;  max-width: 450px;  width: 100%;  text-align: center;  animation: bounceIn 0.6s ease;  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);}
     
     .sucesso-icon {  font-size: 80px;  color: #27AE60;  margin-bottom: 20px; animation: checkmarkPop 0.6s ease; }
     
     .sucesso-content h3 {  font-size: 26px;  color: var(--text-dark);  margin-bottom: 15px;}
     
     .sucesso-content p {  font-size: 16px; color: var(--text-gray); margin-bottom: 30px;}
     
     #contadorRedirect {  font-weight: 700;  color: var(--whatsapp-green);  font-size: 18px;}
     
     .btn-sucesso { background: var(--whatsapp-green); color: #fff; border: none; padding: 16px 32px; border-radius: 12px; font-size: 16px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; transition: all var(--transition-fast);}
     
     .btn-sucesso:hover { background: #22C55E; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);}
     
     .btn-sucesso i {
         font-size: 20px;
     }
     
     /* ============================================
        ANIMATIONS
        ============================================ */
     @keyframes fadeIn {
         from {     opacity: 0; } to {     opacity: 1;  }  }
     
     @keyframes slideUp {   from {       opacity: 0;       transform: translateY(30px);   }
         to { opacity: 1;  transform: translateY(0);  }
     }
     
     @keyframes bounceIn {
         0% {   opacity: 0;   transform: scale(0.3);  }
         50% { opacity: 1;  transform: scale(1.05);}
         70% {   transform: scale(0.9);
         }
         100% {
             transform: scale(1);
         }
     }
     
     @keyframes checkmarkPop {
         0% {     transform: scale(0);  }
         50% {      transform: scale(1.2);  }
         100% {   transform: scale(1);}
     }
     
     @keyframes pulse {   0%, 100% {    opacity: 1;    transform: scale(1);  }
         50% {   opacity: 0.5;     transform: scale(1.3); }
     }
     
     @keyframes btnPulse {
         0%, 100% {     box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);}
         50% {     box-shadow: 0 6px 30px rgba(37, 211, 102, 0.5); }
     }
     
     /* ============================================
        RESPONSIVIDADE
        ============================================ */
     @media (max-width: 768px) {
         .modal-botao-whatsapp-form-content {  flex-direction: column;  max-height: 95vh; }
         .imagem-form-contato {  width: 100%;  height: 200px;}
         .content-form-whatsapp-container {  width: 100%;  padding: 30px 25px;}
         .titulo-form-botao { font-size: 26px;}
         .close-botao-form {   top: 15px;   right: 15px;   width: 36px;   height: 36px;}
         .alerta-content { padding: 30px 25px; }
         .alerta-acoes {  flex-direction: column; }
         .btn-alerta {  width: 100%;  justify-content: center; }
     }
     
     @media (max-width: 480px) {
         .modal-botao-whatsapp-form { padding: 10px;}
         .content-form-whatsapp-container { padding: 25px 20px;}
         .titulo-form-botao { font-size: 22px;}
         .subtitulo-form-botao { font-size: 13px;}
         .container-input-botao {   height: 50px;}
         .btn-iniciar-conversa {    height: 52px;}
         .sucesso-content { padding: 40px 30px; }
     }


   }
  
  @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/dkxdtyari/image/upload/v1761764716/ACESSO_FACHADA_g2ruez.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: radial-gradient(circle, #FF8C42 0%, #FF6B6B 100%);   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;  display: none;}
   .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: #fff; }
.botao_menu_texto {  font-size: 16px;  font-weight: 600;  color: #fff;  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;   top: 50%;   left: 50%; transform: translate(-50%, -50%);   width: 70%;   max-height: 90vh;   background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);   border-radius: 20px ;   overflow-y: auto;   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: translate(-50%, -50%);}

/* 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: red;   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: #FF8C42;}
.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 1rem;   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: 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/dkxdtyari/image/upload/v1761764716/ACESSO_FACHADA_g2ruez.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: 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; }
           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 2rem; position: relative; }
           section#tegra_apresentacao div.tegra_apresentacao_img img { position: absolute; left: 50%; top: 30%; transform: translate(-50%, -50%); z-index: -1; opacity: 10%;  width: 60%;}
           section#tegra_apresentacao h2.titulo_apresentacao { text-align: left; padding-bottom: 10px; font-size: 28px;  margin-top: 10px; }
           section#tegra_apresentacao p.texto_apresentacao {  font-size: 16px; font-weight: 300; line-height: 28px; padding-bottom: 5px; }
           section#tegra_apresentacao nav.lista__apresentacao ul {  padding: 20px; }
           section#tegra_apresentacao nav.lista__apresentacao ul li { display: flex; padding-bottom:  10px; align-items: center; gap: 10px; }
           section#tegra_apresentacao nav.lista__apresentacao ul li i {  font-size: 16px; color: #FF8C42;}
           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/dkxdtyari/image/upload/v1761764716/ACESSO_FACHADA_g2ruez.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: 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 #FF8C42;  color: #FF8C42; 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 #FF8C42; width: 85%;  height: 70px; padding: 1rem 2rem; display: flex; justify-content: center; align-items: center; font-size: 30px;  border-radius: 20px ; color: #FF8C42;}
   
           /*-- ============================================
           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/dkxdtyari/image/upload/v1761764716/ACESSO_FACHADA_g2ruez.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 #FF8C42;  color: #FF8C42; 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:hover { color: #FF8C42; }
           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: 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; 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; }
           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: 90%; }
           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: linear-gradient(135deg,   #0077BE 0%,   #4ECDC4 30%,   #FF8C42 70%,   #FF6B6B 100%  );}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora { display: flex; align-items: center; justify-content: center;  flex-direction: column-reverse; }
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.footer__tegra__contatos { width: 100%; height: 100%;  padding: 2rem 1rem;}
           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 1rem;}
           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; }

       /* ============================================
        HONEYPOT (ANTI-SPAM)
        ============================================ */
     .honeypot {
      position: absolute !important;
      left: -9999px !important;
      width: 1px !important;
      height: 1px !important;
      opacity: 0 !important;
  }
  
  /* ============================================
     MODAL OVERLAY
     ============================================ */
  .modal-botao-whatsapp-form {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100vh;   z-index: 999999;   display: none;   align-items: center;   justify-content: center;   padding: 20px;   animation: fadeIn 0.3s ease; }
  .modal-botao-whatsapp-form.active {    display: flex; }
  .modal-botao-whatsapp-form-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.7);   backdrop-filter: blur(5px); }
  
  /* ============================================
     MODAL CONTENT
     ============================================ */
  .modal-botao-whatsapp-form-content {   position: relative;   display: flex;   max-width: 900px;   width: 100%;   max-height: 90vh;   background: #fff;   border-radius: 20px;   overflow: hidden;   box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);   animation: slideUp 0.4s ease;}
  
  /* ============================================
     LADO ESQUERDO: IMAGEM
     ============================================ */
  .imagem-form-contato { position: relative;  width: 45%;  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);display: flex; align-items: center; justify-content: center; overflow: hidden; }
  .imagem-form-contato img {   width: 100%;   height: 100%;   object-fit: cover; }
  
  /* Badge Online */
  .badge-online {  position: absolute;  bottom: 30px;  left: 50%;  transform: translateX(-50%);  background: rgba(255, 255, 255, 0.95);  padding: 10px 20px;  border-radius: 50px;  display: flex;  align-items: center;  gap: 10px;  font-size: 14px;  font-weight: 600;  color: var(--text-dark);  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}
  .pulse-dot {   width: 10px;   height: 10px;   background: #25D366;   border-radius: 50%;   animation: pulse 2s infinite;}
  
  /* ============================================
     LADO DIREITO: FORMULÁRIO
     ============================================ */
  .content-form-whatsapp-container {  width: 55%;  padding: 40px 35px;  display: flex;  flex-direction: column;  overflow-y: auto; }
  .content-form-whatsapp {  display: flex;  flex-direction: column;  gap: 20px;  height: 100%; }
  
  /* Título */
  .titulo-form-botao {  font-size: 32px;  font-weight: 700;  color: var(--primary-blue);  margin: 0;  line-height: 1.2; }
  .subtitulo-form-botao {  font-size: 14px;  color: var(--text-gray);  margin: -10px 0 10px 0; }
  
  /* ============================================
     CONTAINER DOS INPUTS
     ============================================ */
  .container-form-botao { display: flex; flex-direction: column; gap: 20px; }
  
  .container-input-botao,
  .container-textarea-botao {   position: relative;   width: 100%;   display: flex;   align-items: center;   gap: 12px;   border: 2px solid var(--border-gray);   border-radius: 12px;   padding: 0 18px;   transition: all var(--transition-normal);   background: #fff; }
  .container-input-botao { height: 56px;}
  .container-textarea-botao {   align-items: flex-start;  padding: 16px 18px; }
  
  /* Ícones */
  .container-input-botao i,
  .container-textarea-botao i {   font-size: 20px;   color: var(--primary-blue);  flex-shrink: 0;   transition: all var(--transition-fast); }
  
  /* Inputs */
  .container-input-botao input,
  .container-textarea-botao textarea {  flex: 1;  background: transparent;  border: none;  outline: none;  font-size: 15px;  color: var(--text-dark);  font-family: inherit; }
  
  .container-input-botao input::placeholder,
  .container-textarea-botao textarea::placeholder { color: #999; }
  
  textarea {  resize: none;  line-height: 1.5; }
  
  /* Status Icons */
  .input-status {   position: absolute;   right: 18px;   font-size: 18px;   opacity: 0;   transition: all var(--transition-fast); }
  
  /* Mensagens de Erro */
  .input-error { position: absolute; bottom: -20px; left: 18px; font-size: 12px; color: #E74C3C; opacity: 0; transition: all var(--transition-fast); }
  
  /* Contador de caracteres */
  .char-count {   position: absolute;   bottom: 10px;   right: 18px;   font-size: 11px;   color: #999; }
  
  /* ============================================
     ESTADOS DOS CAMPOS
     ============================================ */
  
  /* Foco */
  .container-input-botao:focus-within,
  .container-textarea-botao:focus-within {   border-color: var(--primary-blue);   box-shadow: 0 0 0 3px rgba(0, 119, 190, 0.1);}
  
  /* Válido */
  .container-input-botao.valid,
  .container-textarea-botao.valid {  border-color: #27AE60;}
  
  .container-input-botao.valid .input-status,
  .container-textarea-botao.valid .input-status {  opacity: 1;  color: #27AE60;}
  
  .container-input-botao.valid .input-status::before {  content: "\f058"; /* fa-check-circle */ font-family: "Font Awesome 6 Free"; font-weight: 900;}
  
  /* Inválido */
  .container-input-botao.invalid,
  .container-textarea-botao.invalid {  border-color: #E74C3C;}
  
  .container-input-botao.invalid .input-status,
  .container-textarea-botao.invalid .input-status {  opacity: 1;  color: #E74C3C; }
  
  .container-input-botao.invalid .input-status::before {  content: "\f06a"; /* fa-exclamation-circle */  font-family: "Font Awesome 6 Free"; font-weight: 900; }
  
  .container-input-botao.invalid .input-error,
  .container-textarea-botao.invalid .input-error { opacity: 1; }
  
  /* ============================================
     BOTÃO INICIAR CONVERSA (PROGRESS BAR)
     ============================================ */
  .btn-iniciar-conversa {  position: relative;  width: 100%;  height: 56px;  background: var(--border-gray);  border: none;  border-radius: 12px;  cursor: not-allowed;  overflow: hidden;  transition: all var(--transition-normal);  margin-top: 10px; }
  
  /* Progress Bar */
  .btn-progress-bar {   position: absolute;   top: 0;   left: 0;   width: 0%;   height: 100%;   background: var(--progress-0);   transition: all 0.4s ease;   z-index: 1; }
  
  /* Conteúdo do Botão */
  .btn-content {   position: relative;   z-index: 2;   display: flex;   align-items: center;   justify-content: center;   gap: 10px;   height: 100%;   color: #999;   font-size: 16px;   font-weight: 600;   transition: all var(--transition-fast); }
  .btn-content i {   font-size: 22px; }
  
  /* Loading State (oculto por padrão) */
  .btn-loading {    position: absolute;   top: 0;  left: 0;  width: 100%;  height: 100%;  display: none;  align-items: center;  justify-content: center;  gap: 10px;  background: var(--whatsapp-green);  color: #fff;  font-size: 16px;  font-weight: 600;  z-index: 3;}
  
  .btn-loading i { font-size: 20px; }
  
  /* ============================================
     ESTADOS DO BOTÃO (PROGRESS)
     ============================================ */
  
  /* 33% - 1 campo preenchido */
  .btn-iniciar-conversa[data-progress="33"] .btn-progress-bar {
      width: 33%;
      background: var(--progress-33);
  }
  
  .btn-iniciar-conversa[data-progress="33"] .btn-content {
      color: #B8860B;
  }
  
  /* 66% - 2 campos preenchidos */
  .btn-iniciar-conversa[data-progress="66"] .btn-progress-bar {
      width: 66%;
      background: var(--progress-66);
  }
  
  .btn-iniciar-conversa[data-progress="66"] .btn-content {
      color: #D2691E;
  }
  
  /* 100% - Todos os campos preenchidos */
  .btn-iniciar-conversa[data-progress="100"] {
      background: var(--whatsapp-green);
      cursor: pointer;
      box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
  }
  
  .btn-iniciar-conversa[data-progress="100"] .btn-progress-bar {
      width: 100%;
      background: rgba(255, 255, 255, 0.2);
  }
  
  .btn-iniciar-conversa[data-progress="100"] .btn-content {
      color: #fff;
  }
  
  .btn-iniciar-conversa[data-progress="100"] .btn-text::before {
      content: "✅ ";
  }
  
  /* Pulse Animation ao chegar em 100% */
  .btn-iniciar-conversa[data-progress="100"] {
      animation: btnPulse 1.5s infinite;
  }
  
  /* Hover no botão ativo */
  .btn-iniciar-conversa[data-progress="100"]:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4);
  }
  
  /* Estado de Loading */
  .btn-iniciar-conversa.loading .btn-content {
      display: none;
  }
  
  .btn-iniciar-conversa.loading .btn-loading {
      display: flex;
  }
  
  /* ============================================
     LGPD E LOGO
     ============================================ */
  .form-lgpd { text-align: center;  margin-top: -5px; }
  
  .form-lgpd small {  font-size: 11px;  color: #999;  display: flex;  align-items: center;  justify-content: center;  gap: 6px; }
  
  .form-lgpd i { color: var(--primary-blue); }
  
  .form-logo {  margin: 10px auto 0;  text-align: center; }
  
  .form-logo img { width: 60px; opacity: 0.6; transition: all var(--transition-fast); }
  
  .form-logo img:hover { opacity: 1; }
  
  /* ============================================
     BOTÃO FECHAR
     ============================================ */
  .close-botao-form {  position: absolute;  top: 20px;  right: 20px;  width: 40px;  height: 40px;  background: rgba(255, 255, 255, 0.9);  border: none;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  z-index: 10;  transition: all var(--transition-fast);  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
  
  .close-botao-form i {   font-size: 20px;   color: var(--text-dark); }
  
  .close-botao-form:hover {  background: #fff;  transform: rotate(90deg);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
  
  /* ============================================
     ALERTA CUSTOMIZADO
     ============================================ */
  .alerta-customizado { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); display: none; align-items: center; justify-content: center; z-index: 1000000; padding: 20px; animation: fadeIn 0.3s ease;}
  
  .alerta-customizado.active {  display: flex;}
  
  .alerta-content { background: #fff; padding: 40px; border-radius: 16px; max-width: 450px; width: 100%; text-align: center; animation: slideUp 0.4s ease; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); }
  
  .alerta-icon {  font-size: 60px;   color: #FF8C00;   margin-bottom: 20px; }
  
  .alerta-content h3 {  font-size: 24px;  color: var(--text-dark);  margin-bottom: 10px;}
  
  .alerta-content p {  font-size: 15px;  color: var(--text-gray);  line-height: 1.6;  margin-bottom: 30px;}
  
  .alerta-acoes {  display: flex;  gap: 12px;  justify-content: center;}
  
  .btn-alerta {   padding: 14px 24px;  border: none;  border-radius: 10px;  font-size: 15px;  font-weight: 600;  cursor: pointer;  display: flex;  align-items: center;  gap: 8px;  transition: all var(--transition-fast);}
  
  .btn-secondary {  background: #E0E0E0;  color: var(--text-dark);}
  
  .btn-secondary:hover {  background: #D0D0D0;}
  
  .btn-primary { background: var(--primary-blue); color: #fff;}
  
  .btn-primary:hover {  background: #006399;  transform: translateY(-2px);  box-shadow: 0 4px 12px rgba(0, 119, 190, 0.3); }
  
  /* ============================================
     MENSAGEM DE SUCESSO
     ============================================ */
  .mensagem-sucesso { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(10px); display: none; align-items: center; justify-content: center; z-index: 1000001; padding: 20px; animation: fadeIn 0.3s ease; }
  
  .mensagem-sucesso.active { display: flex; }
  
  .sucesso-content {  background: #fff;  padding: 50px 40px;  border-radius: 20px;  max-width: 450px;  width: 100%;  text-align: center;  animation: bounceIn 0.6s ease;  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);}
  
  .sucesso-icon {  font-size: 80px;  color: #27AE60;  margin-bottom: 20px; animation: checkmarkPop 0.6s ease; }
  
  .sucesso-content h3 {  font-size: 26px;  color: var(--text-dark);  margin-bottom: 15px;}
  
  .sucesso-content p {  font-size: 16px; color: var(--text-gray); margin-bottom: 30px;}
  
  #contadorRedirect {  font-weight: 700;  color: var(--whatsapp-green);  font-size: 18px;}
  
  .btn-sucesso { background: var(--whatsapp-green); color: #fff; border: none; padding: 16px 32px; border-radius: 12px; font-size: 16px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; transition: all var(--transition-fast);}
  
  .btn-sucesso:hover { background: #22C55E; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);}
  
  .btn-sucesso i {
      font-size: 20px;
  }
  
  /* ============================================
     ANIMATIONS
     ============================================ */
  @keyframes fadeIn {
      from {     opacity: 0; } to {     opacity: 1;  }  }
  
  @keyframes slideUp {   from {       opacity: 0;       transform: translateY(30px);   }
      to { opacity: 1;  transform: translateY(0);  }
  }
  
  @keyframes bounceIn {
      0% {   opacity: 0;   transform: scale(0.3);  }
      50% { opacity: 1;  transform: scale(1.05);}
      70% {   transform: scale(0.9);
      }
      100% {
          transform: scale(1);
      }
  }
  
  @keyframes checkmarkPop {
      0% {     transform: scale(0);  }
      50% {      transform: scale(1.2);  }
      100% {   transform: scale(1);}
  }
  
  @keyframes pulse {   0%, 100% {    opacity: 1;    transform: scale(1);  }
      50% {   opacity: 0.5;     transform: scale(1.3); }
  }
  
  @keyframes btnPulse {
      0%, 100% {     box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);}
      50% {     box-shadow: 0 6px 30px rgba(37, 211, 102, 0.5); }
  }
  
  /* ============================================
     RESPONSIVIDADE
     ============================================ */
  @media (max-width: 768px) {
      .modal-botao-whatsapp-form-content {  flex-direction: column;  max-height: 95vh; }
      .imagem-form-contato {  width: 100%;  height: 200px;}
      .content-form-whatsapp-container {  width: 100%;  padding: 30px 25px;}
      .titulo-form-botao { font-size: 26px;}
      .close-botao-form {   top: 15px;   right: 15px;   width: 36px;   height: 36px;}
      .alerta-content { padding: 30px 25px; }
      .alerta-acoes {  flex-direction: column; }
      .btn-alerta {  width: 100%;  justify-content: center; }
  }
  
  @media (max-width: 480px) {
      .modal-botao-whatsapp-form { padding: 10px;}
      .content-form-whatsapp-container { padding: 25px 20px;}
      .titulo-form-botao { font-size: 22px;}
      .subtitulo-form-botao { font-size: 13px;}
      .container-input-botao {   height: 50px;}
      .btn-iniciar-conversa {    height: 52px;}
      .sucesso-content { padding: 40px 30px; }
  }

    }
  
  @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/dkxdtyari/image/upload/v1761764716/ACESSO_FACHADA_g2ruez.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: radial-gradient(circle, #FF8C42 0%, #FF6B6B 100%);   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;  display: none;}
   .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: #fff; }
.botao_menu_texto {  font-size: 16px;  font-weight: 600;  color: #fff;  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;   top: 50%;   left: 50%; transform: translate(-50%, -50%);   width: 70%;   max-height: 90vh;   background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);   border-radius: 20px ;   overflow-y: auto;   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: translate(-50%, -50%);}

/* 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: red;   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: #FF8C42;}
.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/dkxdtyari/image/upload/v1761764716/ACESSO_FACHADA_g2ruez.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 2rem; position: relative; }
           section#tegra_apresentacao div.tegra_apresentacao_img img { position: absolute; left: 50%; top: 30%; transform: translate(-50%, -50%); z-index: -1; opacity: 10%;  width: 60%;}
           section#tegra_apresentacao h2.titulo_apresentacao { text-align: left; padding-bottom: 10px; font-size: 28px;  margin-top: 10px; }
           section#tegra_apresentacao p.texto_apresentacao {  font-size: 16px; font-weight: 300; line-height: 28px; padding-bottom: 5px; }
           section#tegra_apresentacao nav.lista__apresentacao ul {  padding: 20px; }
           section#tegra_apresentacao nav.lista__apresentacao ul li { display: flex; padding-bottom:  10px; align-items: center; gap: 10px; }
           section#tegra_apresentacao nav.lista__apresentacao ul li i {  font-size: 16px; color: #FF8C42;}
           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/dkxdtyari/image/upload/v1761764716/ACESSO_FACHADA_g2ruez.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 #FF8C42;  color: #FF8C42; 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 #FF8C42; width: 85%;  height: 70px; padding: 1rem 2rem; display: flex; justify-content: center; align-items: center; font-size: 30px;  border-radius: 20px ; color: #FF8C42;}
   
           /*-- ============================================
           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/dkxdtyari/image/upload/v1761764716/ACESSO_FACHADA_g2ruez.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 #FF8C42;  color: #FF8C42; 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:hover { color: #FF8C42; }
           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 2rem; }
           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; 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: linear-gradient(135deg,   #0077BE 0%,   #4ECDC4 30%,   #FF8C42 70%,   #FF6B6B 100%  );}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora { display: flex; align-items: center; justify-content: center;  flex-direction: column-reverse; }
           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; }

    /* ============================================
        HONEYPOT (ANTI-SPAM)
        ============================================ */
        .honeypot {
         position: absolute !important;
         left: -9999px !important;
         width: 1px !important;
         height: 1px !important;
         opacity: 0 !important;
     }
     
     /* ============================================
        MODAL OVERLAY
        ============================================ */
     .modal-botao-whatsapp-form {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100vh;   z-index: 999999;   display: none;   align-items: center;   justify-content: center;   padding: 20px;   animation: fadeIn 0.3s ease; }
     .modal-botao-whatsapp-form.active {    display: flex; }
     .modal-botao-whatsapp-form-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.7);   backdrop-filter: blur(5px); }
     
     /* ============================================
        MODAL CONTENT
        ============================================ */
     .modal-botao-whatsapp-form-content {   position: relative;   display: flex;   max-width: 900px;   width: 100%;   max-height: 90vh;   background: #fff;   border-radius: 20px;   overflow: hidden;   box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);   animation: slideUp 0.4s ease;}
     
     /* ============================================
        LADO ESQUERDO: IMAGEM
        ============================================ */
     .imagem-form-contato { position: relative;  width: 45%;  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);display: flex; align-items: center; justify-content: center; overflow: hidden; }
     .imagem-form-contato img {   width: 100%;   height: 100%;   object-fit: cover; }
     
     /* Badge Online */
     .badge-online {  position: absolute;  bottom: 30px;  left: 50%;  transform: translateX(-50%);  background: rgba(255, 255, 255, 0.95);  padding: 10px 20px;  border-radius: 50px;  display: flex;  align-items: center;  gap: 10px;  font-size: 14px;  font-weight: 600;  color: var(--text-dark);  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}
     .pulse-dot {   width: 10px;   height: 10px;   background: #25D366;   border-radius: 50%;   animation: pulse 2s infinite;}
     
     /* ============================================
        LADO DIREITO: FORMULÁRIO
        ============================================ */
     .content-form-whatsapp-container {  width: 55%;  padding: 40px 35px;  display: flex;  flex-direction: column;  overflow-y: auto; }
     .content-form-whatsapp {  display: flex;  flex-direction: column;  gap: 20px;  height: 100%; }
     
     /* Título */
     .titulo-form-botao {  font-size: 32px;  font-weight: 700;  color: var(--primary-blue);  margin: 0;  line-height: 1.2; }
     .subtitulo-form-botao {  font-size: 14px;  color: var(--text-gray);  margin: -10px 0 10px 0; }
     
     /* ============================================
        CONTAINER DOS INPUTS
        ============================================ */
     .container-form-botao { display: flex; flex-direction: column; gap: 20px; }
     
     .container-input-botao,
     .container-textarea-botao {   position: relative;   width: 100%;   display: flex;   align-items: center;   gap: 12px;   border: 2px solid var(--border-gray);   border-radius: 12px;   padding: 0 18px;   transition: all var(--transition-normal);   background: #fff; }
     .container-input-botao { height: 56px;}
     .container-textarea-botao {   align-items: flex-start;  padding: 16px 18px; }
     
     /* Ícones */
     .container-input-botao i,
     .container-textarea-botao i {   font-size: 20px;   color: var(--primary-blue);  flex-shrink: 0;   transition: all var(--transition-fast); }
     
     /* Inputs */
     .container-input-botao input,
     .container-textarea-botao textarea {  flex: 1;  background: transparent;  border: none;  outline: none;  font-size: 15px;  color: var(--text-dark);  font-family: inherit; }
     
     .container-input-botao input::placeholder,
     .container-textarea-botao textarea::placeholder { color: #999; }
     
     textarea {  resize: none;  line-height: 1.5; }
     
     /* Status Icons */
     .input-status {   position: absolute;   right: 18px;   font-size: 18px;   opacity: 0;   transition: all var(--transition-fast); }
     
     /* Mensagens de Erro */
     .input-error { position: absolute; bottom: -20px; left: 18px; font-size: 12px; color: #E74C3C; opacity: 0; transition: all var(--transition-fast); }
     
     /* Contador de caracteres */
     .char-count {   position: absolute;   bottom: 10px;   right: 18px;   font-size: 11px;   color: #999; }
     
     /* ============================================
        ESTADOS DOS CAMPOS
        ============================================ */
     
     /* Foco */
     .container-input-botao:focus-within,
     .container-textarea-botao:focus-within {   border-color: var(--primary-blue);   box-shadow: 0 0 0 3px rgba(0, 119, 190, 0.1);}
     
     /* Válido */
     .container-input-botao.valid,
     .container-textarea-botao.valid {  border-color: #27AE60;}
     
     .container-input-botao.valid .input-status,
     .container-textarea-botao.valid .input-status {  opacity: 1;  color: #27AE60;}
     
     .container-input-botao.valid .input-status::before {  content: "\f058"; /* fa-check-circle */ font-family: "Font Awesome 6 Free"; font-weight: 900;}
     
     /* Inválido */
     .container-input-botao.invalid,
     .container-textarea-botao.invalid {  border-color: #E74C3C;}
     
     .container-input-botao.invalid .input-status,
     .container-textarea-botao.invalid .input-status {  opacity: 1;  color: #E74C3C; }
     
     .container-input-botao.invalid .input-status::before {  content: "\f06a"; /* fa-exclamation-circle */  font-family: "Font Awesome 6 Free"; font-weight: 900; }
     
     .container-input-botao.invalid .input-error,
     .container-textarea-botao.invalid .input-error { opacity: 1; }
     
     /* ============================================
        BOTÃO INICIAR CONVERSA (PROGRESS BAR)
        ============================================ */
     .btn-iniciar-conversa {  position: relative;  width: 100%;  height: 56px;  background: var(--border-gray);  border: none;  border-radius: 12px;  cursor: not-allowed;  overflow: hidden;  transition: all var(--transition-normal);  margin-top: 10px; }
     
     /* Progress Bar */
     .btn-progress-bar {   position: absolute;   top: 0;   left: 0;   width: 0%;   height: 100%;   background: var(--progress-0);   transition: all 0.4s ease;   z-index: 1; }
     
     /* Conteúdo do Botão */
     .btn-content {   position: relative;   z-index: 2;   display: flex;   align-items: center;   justify-content: center;   gap: 10px;   height: 100%;   color: #999;   font-size: 16px;   font-weight: 600;   transition: all var(--transition-fast); }
     .btn-content i {   font-size: 22px; }
     
     /* Loading State (oculto por padrão) */
     .btn-loading {    position: absolute;   top: 0;  left: 0;  width: 100%;  height: 100%;  display: none;  align-items: center;  justify-content: center;  gap: 10px;  background: var(--whatsapp-green);  color: #fff;  font-size: 16px;  font-weight: 600;  z-index: 3;}
     
     .btn-loading i { font-size: 20px; }
     
     /* ============================================
        ESTADOS DO BOTÃO (PROGRESS)
        ============================================ */
     
     /* 33% - 1 campo preenchido */
     .btn-iniciar-conversa[data-progress="33"] .btn-progress-bar {
         width: 33%;
         background: var(--progress-33);
     }
     
     .btn-iniciar-conversa[data-progress="33"] .btn-content {
         color: #B8860B;
     }
     
     /* 66% - 2 campos preenchidos */
     .btn-iniciar-conversa[data-progress="66"] .btn-progress-bar {
         width: 66%;
         background: var(--progress-66);
     }
     
     .btn-iniciar-conversa[data-progress="66"] .btn-content {
         color: #D2691E;
     }
     
     /* 100% - Todos os campos preenchidos */
     .btn-iniciar-conversa[data-progress="100"] {
         background: var(--whatsapp-green);
         cursor: pointer;
         box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
     }
     
     .btn-iniciar-conversa[data-progress="100"] .btn-progress-bar {
         width: 100%;
         background: rgba(255, 255, 255, 0.2);
     }
     
     .btn-iniciar-conversa[data-progress="100"] .btn-content {
         color: #fff;
     }
     
     .btn-iniciar-conversa[data-progress="100"] .btn-text::before {
         content: "✅ ";
     }
     
     /* Pulse Animation ao chegar em 100% */
     .btn-iniciar-conversa[data-progress="100"] {
         animation: btnPulse 1.5s infinite;
     }
     
     /* Hover no botão ativo */
     .btn-iniciar-conversa[data-progress="100"]:hover {
         transform: translateY(-2px);
         box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4);
     }
     
     /* Estado de Loading */
     .btn-iniciar-conversa.loading .btn-content {
         display: none;
     }
     
     .btn-iniciar-conversa.loading .btn-loading {
         display: flex;
     }
     
     /* ============================================
        LGPD E LOGO
        ============================================ */
     .form-lgpd { text-align: center;  margin-top: -5px; }
     
     .form-lgpd small {  font-size: 11px;  color: #999;  display: flex;  align-items: center;  justify-content: center;  gap: 6px; }
     
     .form-lgpd i { color: var(--primary-blue); }
     
     .form-logo {  margin: 10px auto 0;  text-align: center; }
     
     .form-logo img { width: 60px; opacity: 0.6; transition: all var(--transition-fast); }
     
     .form-logo img:hover { opacity: 1; }
     
     /* ============================================
        BOTÃO FECHAR
        ============================================ */
     .close-botao-form {  position: absolute;  top: 20px;  right: 20px;  width: 40px;  height: 40px;  background: rgba(255, 255, 255, 0.9);  border: none;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  z-index: 10;  transition: all var(--transition-fast);  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
     
     .close-botao-form i {   font-size: 20px;   color: var(--text-dark); }
     
     .close-botao-form:hover {  background: #fff;  transform: rotate(90deg);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
     
     /* ============================================
        ALERTA CUSTOMIZADO
        ============================================ */
     .alerta-customizado { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); display: none; align-items: center; justify-content: center; z-index: 1000000; padding: 20px; animation: fadeIn 0.3s ease;}
     
     .alerta-customizado.active {  display: flex;}
     
     .alerta-content { background: #fff; padding: 40px; border-radius: 16px; max-width: 450px; width: 100%; text-align: center; animation: slideUp 0.4s ease; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); }
     
     .alerta-icon {  font-size: 60px;   color: #FF8C00;   margin-bottom: 20px; }
     
     .alerta-content h3 {  font-size: 24px;  color: var(--text-dark);  margin-bottom: 10px;}
     
     .alerta-content p {  font-size: 15px;  color: var(--text-gray);  line-height: 1.6;  margin-bottom: 30px;}
     
     .alerta-acoes {  display: flex;  gap: 12px;  justify-content: center;}
     
     .btn-alerta {   padding: 14px 24px;  border: none;  border-radius: 10px;  font-size: 15px;  font-weight: 600;  cursor: pointer;  display: flex;  align-items: center;  gap: 8px;  transition: all var(--transition-fast);}
     
     .btn-secondary {  background: #E0E0E0;  color: var(--text-dark);}
     
     .btn-secondary:hover {  background: #D0D0D0;}
     
     .btn-primary { background: var(--primary-blue); color: #fff;}
     
     .btn-primary:hover {  background: #006399;  transform: translateY(-2px);  box-shadow: 0 4px 12px rgba(0, 119, 190, 0.3); }
     
     /* ============================================
        MENSAGEM DE SUCESSO
        ============================================ */
     .mensagem-sucesso { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(10px); display: none; align-items: center; justify-content: center; z-index: 1000001; padding: 20px; animation: fadeIn 0.3s ease; }
     
     .mensagem-sucesso.active { display: flex; }
     
     .sucesso-content {  background: #fff;  padding: 50px 40px;  border-radius: 20px;  max-width: 450px;  width: 100%;  text-align: center;  animation: bounceIn 0.6s ease;  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);}
     
     .sucesso-icon {  font-size: 80px;  color: #27AE60;  margin-bottom: 20px; animation: checkmarkPop 0.6s ease; }
     
     .sucesso-content h3 {  font-size: 26px;  color: var(--text-dark);  margin-bottom: 15px;}
     
     .sucesso-content p {  font-size: 16px; color: var(--text-gray); margin-bottom: 30px;}
     
     #contadorRedirect {  font-weight: 700;  color: var(--whatsapp-green);  font-size: 18px;}
     
     .btn-sucesso { background: var(--whatsapp-green); color: #fff; border: none; padding: 16px 32px; border-radius: 12px; font-size: 16px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; transition: all var(--transition-fast);}
     
     .btn-sucesso:hover { background: #22C55E; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);}
     
     .btn-sucesso i {
         font-size: 20px;
     }
     
     /* ============================================
        ANIMATIONS
        ============================================ */
     @keyframes fadeIn {
         from {     opacity: 0; } to {     opacity: 1;  }  }
     
     @keyframes slideUp {   from {       opacity: 0;       transform: translateY(30px);   }
         to { opacity: 1;  transform: translateY(0);  }
     }
     
     @keyframes bounceIn {
         0% {   opacity: 0;   transform: scale(0.3);  }
         50% { opacity: 1;  transform: scale(1.05);}
         70% {   transform: scale(0.9);
         }
         100% {
             transform: scale(1);
         }
     }
     
     @keyframes checkmarkPop {
         0% {     transform: scale(0);  }
         50% {      transform: scale(1.2);  }
         100% {   transform: scale(1);}
     }
     
     @keyframes pulse {   0%, 100% {    opacity: 1;    transform: scale(1);  }
         50% {   opacity: 0.5;     transform: scale(1.3); }
     }
     
     @keyframes btnPulse {
         0%, 100% {     box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);}
         50% {     box-shadow: 0 6px 30px rgba(37, 211, 102, 0.5); }
     }
     
     /* ============================================
        RESPONSIVIDADE
        ============================================ */
     @media (max-width: 768px) {
         .modal-botao-whatsapp-form-content {  flex-direction: column;  max-height: 95vh; }
         .imagem-form-contato {  width: 100%;  height: 200px;}
         .content-form-whatsapp-container {  width: 100%;  padding: 30px 25px;}
         .titulo-form-botao { font-size: 26px;}
         .close-botao-form {   top: 15px;   right: 15px;   width: 36px;   height: 36px;}
         .alerta-content { padding: 30px 25px; }
         .alerta-acoes {  flex-direction: column; }
         .btn-alerta {  width: 100%;  justify-content: center; }
     }
     
     @media (max-width: 480px) {
         .modal-botao-whatsapp-form { padding: 10px;}
         .content-form-whatsapp-container { padding: 25px 20px;}
         .titulo-form-botao { font-size: 22px;}
         .subtitulo-form-botao { font-size: 13px;}
         .container-input-botao {   height: 50px;}
         .btn-iniciar-conversa {    height: 52px;}
         .sucesso-content { padding: 40px 30px; }
     }
  
  
  
  

  
  }
  
  
  @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/dkxdtyari/image/upload/v1761764714/COBERTURA_vz9dlf.jpg) top/ 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: radial-gradient(circle, #FF8C42 0%, #FF6B6B 100%);   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: #fff; }
.botao_menu_texto {  font-size: 16px;  font-weight: 600;  color: #fff;  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;   top: 50%;   left: 50%; transform: translate(-50%, -50%);   width: 50%;   max-height: 90vh;   background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);   border-radius: 20px ;   overflow-y: auto;   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: translate(-50%, -50%);}

/* 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: red;   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: #FF8C42;}
.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: 2px solid rgba(255, 140, 66, 0.1);  width: 200px;  height: 50px;  font-size: 20px;  color: #fff;  border-radius: 20px;  background-color: rgba(255, 255, 255, 0.2);  position: relative;  overflow: hidden;  z-index: 1;  transition: color 0.4s ease, border-color 0.4s ease; }
       section#tegra__morarbem div.tegra__morarbem__container button.tegra__book::before {  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 0%;  background-color: #FF8C42;  z-index: -1;  transition: height 0.5s ease;  border-radius: 18px; }
       section#tegra__morarbem div.tegra__morarbem__container button.tegra__book:hover::before {  height: 100%; }
       section#tegra__morarbem div.tegra__morarbem__container button.tegra__book:hover {  border: 2px solid #fff;  color: #fff;  cursor: pointer; }
   
           /*-- ============================================
           SECTION - TIPOLOGIA E CARACTERISTICAS
           ============================================ */
           section#tegra_tipologia { background-color: red; position: relative; width: 100%; height: 100vh; background: url(https://res.cloudinary.com/dkxdtyari/image/upload/v1761764717/STUDIO_COLUNA_01_lxqdzu.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 { 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: 3rem; }
           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: 380px; 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: 2rem 3rem; position: relative; }
           section#tegra_apresentacao div.tegra_apresentacao_img img { position: absolute; left: 50%; top: 30%; transform: translate(-50%, -50%); z-index: -1; opacity: 10%;  width: 80%;}
           section#tegra_apresentacao h2.titulo_apresentacao { text-align: left; padding-bottom: 10px; font-size: 28px;  margin-top: 10px; }
           section#tegra_apresentacao p.texto_apresentacao {  font-size: 16px; font-weight: 300; line-height: 28px; padding-bottom: 5px; }
           section#tegra_apresentacao nav.lista__apresentacao ul {  padding: 20px; }
           section#tegra_apresentacao nav.lista__apresentacao ul li { display: flex; padding-bottom:  10px; align-items: center; gap: 10px; }
           section#tegra_apresentacao nav.lista__apresentacao ul li i {  font-size: 16px; color: #FF8C42;}
           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 #FF8C42;  color: #FF8C42; 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 #FF8C42; width: 55%;  height: 70px; padding: 1rem 2rem; display: flex; justify-content: center; align-items: center; font-size: 30px;  border-radius: 20px ;color: #FF8C42;}
   
           /*-- ============================================
           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 #FF8C42;  color: #FF8C42; 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:hover { color: #FF8C42; }
           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; 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 3rem; background: linear-gradient(135deg,   #0077BE 0%,   #4ECDC4 30%,   #FF8C42 70%,   #FF6B6B 100%  );}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora { display: flex; align-items: center; justify-content: center;  gap: 50px; flex-direction: column-reverse;}
           footer#footer__tegra__incorporadora div.container__footer__tegra__incorporadora div.footer__tegra__contatos { width: 100%; 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 0 0 2rem; width: 50%; 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 2rem; 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%;  }
           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; }}


       
        /* ============================================
        HONEYPOT (ANTI-SPAM)
        ============================================ */
     .honeypot {
      position: absolute !important;
      left: -9999px !important;
      width: 1px !important;
      height: 1px !important;
      opacity: 0 !important;
  }
  
  /* ============================================
     MODAL OVERLAY
     ============================================ */
  .modal-botao-whatsapp-form {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100vh;   z-index: 999999;   display: none;   align-items: center;   justify-content: center;   padding: 20px;   animation: fadeIn 0.3s ease; }
  .modal-botao-whatsapp-form.active {    display: flex; }
  .modal-botao-whatsapp-form-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.7);   backdrop-filter: blur(5px); }
  
  /* ============================================
     MODAL CONTENT
     ============================================ */
  .modal-botao-whatsapp-form-content {   position: relative;   display: flex;   max-width: 900px;   width: 100%;   max-height: 90vh;   background: #fff;   border-radius: 20px;   overflow: hidden;   box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);   animation: slideUp 0.4s ease;}
  
  /* ============================================
     LADO ESQUERDO: IMAGEM
     ============================================ */
  .imagem-form-contato { position: relative;  width: 45%;  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);display: flex; align-items: center; justify-content: center; overflow: hidden; }
  .imagem-form-contato img {   width: 100%;   height: 100%;   object-fit: cover; }
  
  /* Badge Online */
  .badge-online {  position: absolute;  bottom: 30px;  left: 50%;  transform: translateX(-50%);  background: rgba(255, 255, 255, 0.95);  padding: 10px 20px;  border-radius: 50px;  display: flex;  align-items: center;  gap: 10px;  font-size: 14px;  font-weight: 600;  color: var(--text-dark);  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}
  .pulse-dot {   width: 10px;   height: 10px;   background: #25D366;   border-radius: 50%;   animation: pulse 2s infinite;}
  
  /* ============================================
     LADO DIREITO: FORMULÁRIO
     ============================================ */
  .content-form-whatsapp-container {  width: 55%;  padding: 40px 35px;  display: flex;  flex-direction: column;  overflow-y: auto; }
  .content-form-whatsapp {  display: flex;  flex-direction: column;  gap: 20px;  height: 100%; }
  
  /* Título */
  .titulo-form-botao {  font-size: 32px;  font-weight: 700;  color: var(--primary-blue);  margin: 0;  line-height: 1.2; }
  .subtitulo-form-botao {  font-size: 14px;  color: var(--text-gray);  margin: -10px 0 10px 0; }
  
  /* ============================================
     CONTAINER DOS INPUTS
     ============================================ */
  .container-form-botao { display: flex; flex-direction: column; gap: 20px; }
  
  .container-input-botao,
  .container-textarea-botao {   position: relative;   width: 100%;   display: flex;   align-items: center;   gap: 12px;   border: 2px solid var(--border-gray);   border-radius: 12px;   padding: 0 18px;   transition: all var(--transition-normal);   background: #fff; }
  .container-input-botao { height: 56px;}
  .container-textarea-botao {   align-items: flex-start;  padding: 16px 18px; }
  
  /* Ícones */
  .container-input-botao i,
  .container-textarea-botao i {   font-size: 20px;   color: var(--primary-blue);  flex-shrink: 0;   transition: all var(--transition-fast); }
  
  /* Inputs */
  .container-input-botao input,
  .container-textarea-botao textarea {  flex: 1;  background: transparent;  border: none;  outline: none;  font-size: 15px;  color: var(--text-dark);  font-family: inherit; }
  
  .container-input-botao input::placeholder,
  .container-textarea-botao textarea::placeholder { color: #999; }
  
  textarea {  resize: none;  line-height: 1.5; }
  
  /* Status Icons */
  .input-status {   position: absolute;   right: 18px;   font-size: 18px;   opacity: 0;   transition: all var(--transition-fast); }
  
  /* Mensagens de Erro */
  .input-error { position: absolute; bottom: -20px; left: 18px; font-size: 12px; color: #E74C3C; opacity: 0; transition: all var(--transition-fast); }
  
  /* Contador de caracteres */
  .char-count {   position: absolute;   bottom: 10px;   right: 18px;   font-size: 11px;   color: #999; }
  
  /* ============================================
     ESTADOS DOS CAMPOS
     ============================================ */
  
  /* Foco */
  .container-input-botao:focus-within,
  .container-textarea-botao:focus-within {   border-color: var(--primary-blue);   box-shadow: 0 0 0 3px rgba(0, 119, 190, 0.1);}
  
  /* Válido */
  .container-input-botao.valid,
  .container-textarea-botao.valid {  border-color: #27AE60;}
  
  .container-input-botao.valid .input-status,
  .container-textarea-botao.valid .input-status {  opacity: 1;  color: #27AE60;}
  
  .container-input-botao.valid .input-status::before {  content: "\f058"; /* fa-check-circle */ font-family: "Font Awesome 6 Free"; font-weight: 900;}
  
  /* Inválido */
  .container-input-botao.invalid,
  .container-textarea-botao.invalid {  border-color: #E74C3C;}
  
  .container-input-botao.invalid .input-status,
  .container-textarea-botao.invalid .input-status {  opacity: 1;  color: #E74C3C; }
  
  .container-input-botao.invalid .input-status::before {  content: "\f06a"; /* fa-exclamation-circle */  font-family: "Font Awesome 6 Free"; font-weight: 900; }
  
  .container-input-botao.invalid .input-error,
  .container-textarea-botao.invalid .input-error { opacity: 1; }
  
  /* ============================================
     BOTÃO INICIAR CONVERSA (PROGRESS BAR)
     ============================================ */
  .btn-iniciar-conversa {  position: relative;  width: 100%;  height: 56px;  background: var(--border-gray);  border: none;  border-radius: 12px;  cursor: not-allowed;  overflow: hidden;  transition: all var(--transition-normal);  margin-top: 10px; }
  
  /* Progress Bar */
  .btn-progress-bar {   position: absolute;   top: 0;   left: 0;   width: 0%;   height: 100%;   background: var(--progress-0);   transition: all 0.4s ease;   z-index: 1; }
  
  /* Conteúdo do Botão */
  .btn-content {   position: relative;   z-index: 2;   display: flex;   align-items: center;   justify-content: center;   gap: 10px;   height: 100%;   color: #999;   font-size: 16px;   font-weight: 600;   transition: all var(--transition-fast); }
  .btn-content i {   font-size: 22px; }
  
  /* Loading State (oculto por padrão) */
  .btn-loading {    position: absolute;   top: 0;  left: 0;  width: 100%;  height: 100%;  display: none;  align-items: center;  justify-content: center;  gap: 10px;  background: var(--whatsapp-green);  color: #fff;  font-size: 16px;  font-weight: 600;  z-index: 3;}
  
  .btn-loading i { font-size: 20px; }
  
  /* ============================================
     ESTADOS DO BOTÃO (PROGRESS)
     ============================================ */
  
  /* 33% - 1 campo preenchido */
  .btn-iniciar-conversa[data-progress="33"] .btn-progress-bar {
      width: 33%;
      background: var(--progress-33);
  }
  
  .btn-iniciar-conversa[data-progress="33"] .btn-content {
      color: #B8860B;
  }
  
  /* 66% - 2 campos preenchidos */
  .btn-iniciar-conversa[data-progress="66"] .btn-progress-bar {
      width: 66%;
      background: var(--progress-66);
  }
  
  .btn-iniciar-conversa[data-progress="66"] .btn-content {
      color: #D2691E;
  }
  
  /* 100% - Todos os campos preenchidos */
  .btn-iniciar-conversa[data-progress="100"] {
      background: var(--whatsapp-green);
      cursor: pointer;
      box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
  }
  
  .btn-iniciar-conversa[data-progress="100"] .btn-progress-bar {
      width: 100%;
      background: rgba(255, 255, 255, 0.2);
  }
  
  .btn-iniciar-conversa[data-progress="100"] .btn-content {
      color: #fff;
  }
  
  .btn-iniciar-conversa[data-progress="100"] .btn-text::before {
      content: "✅ ";
  }
  
  /* Pulse Animation ao chegar em 100% */
  .btn-iniciar-conversa[data-progress="100"] {
      animation: btnPulse 1.5s infinite;
  }
  
  /* Hover no botão ativo */
  .btn-iniciar-conversa[data-progress="100"]:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4);
  }
  
  /* Estado de Loading */
  .btn-iniciar-conversa.loading .btn-content {
      display: none;
  }
  
  .btn-iniciar-conversa.loading .btn-loading {
      display: flex;
  }
  
  /* ============================================
     LGPD E LOGO
     ============================================ */
  .form-lgpd { text-align: center;  margin-top: -5px; }
  
  .form-lgpd small {  font-size: 11px;  color: #999;  display: flex;  align-items: center;  justify-content: center;  gap: 6px; }
  
  .form-lgpd i { color: var(--primary-blue); }
  
  .form-logo {  margin: 10px auto 0;  text-align: center; }
  
  .form-logo img { width: 60px; opacity: 0.6; transition: all var(--transition-fast); }
  
  .form-logo img:hover { opacity: 1; }
  
  /* ============================================
     BOTÃO FECHAR
     ============================================ */
  .close-botao-form {  position: absolute;  top: 20px;  right: 20px;  width: 40px;  height: 40px;  background: rgba(255, 255, 255, 0.9);  border: none;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  z-index: 10;  transition: all var(--transition-fast);  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
  
  .close-botao-form i {   font-size: 20px;   color: var(--text-dark); }
  
  .close-botao-form:hover {  background: #fff;  transform: rotate(90deg);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
  
  /* ============================================
     ALERTA CUSTOMIZADO
     ============================================ */
  .alerta-customizado { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); display: none; align-items: center; justify-content: center; z-index: 1000000; padding: 20px; animation: fadeIn 0.3s ease;}
  
  .alerta-customizado.active {  display: flex;}
  
  .alerta-content { background: #fff; padding: 40px; border-radius: 16px; max-width: 450px; width: 100%; text-align: center; animation: slideUp 0.4s ease; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); }
  
  .alerta-icon {  font-size: 60px;   color: #FF8C00;   margin-bottom: 20px; }
  
  .alerta-content h3 {  font-size: 24px;  color: var(--text-dark);  margin-bottom: 10px;}
  
  .alerta-content p {  font-size: 15px;  color: var(--text-gray);  line-height: 1.6;  margin-bottom: 30px;}
  
  .alerta-acoes {  display: flex;  gap: 12px;  justify-content: center;}
  
  .btn-alerta {   padding: 14px 24px;  border: none;  border-radius: 10px;  font-size: 15px;  font-weight: 600;  cursor: pointer;  display: flex;  align-items: center;  gap: 8px;  transition: all var(--transition-fast);}
  
  .btn-secondary {  background: #E0E0E0;  color: var(--text-dark);}
  
  .btn-secondary:hover {  background: #D0D0D0;}
  
  .btn-primary { background: var(--primary-blue); color: #fff;}
  
  .btn-primary:hover {  background: #006399;  transform: translateY(-2px);  box-shadow: 0 4px 12px rgba(0, 119, 190, 0.3); }
  
  /* ============================================
     MENSAGEM DE SUCESSO
     ============================================ */
  .mensagem-sucesso { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(10px); display: none; align-items: center; justify-content: center; z-index: 1000001; padding: 20px; animation: fadeIn 0.3s ease; }
  
  .mensagem-sucesso.active { display: flex; }
  
  .sucesso-content {  background: #fff;  padding: 50px 40px;  border-radius: 20px;  max-width: 450px;  width: 100%;  text-align: center;  animation: bounceIn 0.6s ease;  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);}
  
  .sucesso-icon {  font-size: 80px;  color: #27AE60;  margin-bottom: 20px; animation: checkmarkPop 0.6s ease; }
  
  .sucesso-content h3 {  font-size: 26px;  color: var(--text-dark);  margin-bottom: 15px;}
  
  .sucesso-content p {  font-size: 16px; color: var(--text-gray); margin-bottom: 30px;}
  
  #contadorRedirect {  font-weight: 700;  color: var(--whatsapp-green);  font-size: 18px;}
  
  .btn-sucesso { background: var(--whatsapp-green); color: #fff; border: none; padding: 16px 32px; border-radius: 12px; font-size: 16px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; transition: all var(--transition-fast);}
  
  .btn-sucesso:hover { background: #22C55E; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);}
  
  .btn-sucesso i {
      font-size: 20px;
  }
  
  /* ============================================
     ANIMATIONS
     ============================================ */
  @keyframes fadeIn {
      from {     opacity: 0; } to {     opacity: 1;  }  }
  
  @keyframes slideUp {   from {       opacity: 0;       transform: translateY(30px);   }
      to { opacity: 1;  transform: translateY(0);  }
  }
  
  @keyframes bounceIn {
      0% {   opacity: 0;   transform: scale(0.3);  }
      50% { opacity: 1;  transform: scale(1.05);}
      70% {   transform: scale(0.9);
      }
      100% {
          transform: scale(1);
      }
  }
  
  @keyframes checkmarkPop {
      0% {     transform: scale(0);  }
      50% {      transform: scale(1.2);  }
      100% {   transform: scale(1);}
  }
  
  @keyframes pulse {   0%, 100% {    opacity: 1;    transform: scale(1);  }
      50% {   opacity: 0.5;     transform: scale(1.3); }
  }
  
  @keyframes btnPulse {
      0%, 100% {     box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);}
      50% {     box-shadow: 0 6px 30px rgba(37, 211, 102, 0.5); }
  }
  
  /* ============================================
     RESPONSIVIDADE
     ============================================ */
  @media (max-width: 768px) {
      .modal-botao-whatsapp-form-content {  flex-direction: column;  max-height: 95vh; }
      .imagem-form-contato {  width: 100%;  height: 200px;}
      .content-form-whatsapp-container {  width: 100%;  padding: 30px 25px;}
      .titulo-form-botao { font-size: 26px;}
      .close-botao-form {   top: 15px;   right: 15px;   width: 36px;   height: 36px;}
      .alerta-content { padding: 30px 25px; }
      .alerta-acoes {  flex-direction: column; }
      .btn-alerta {  width: 100%;  justify-content: center; }
  }
  
  @media (max-width: 480px) {
      .modal-botao-whatsapp-form { padding: 10px;}
      .content-form-whatsapp-container { padding: 25px 20px;}
      .titulo-form-botao { font-size: 22px;}
      .subtitulo-form-botao { font-size: 13px;}
      .container-input-botao {   height: 50px;}
      .btn-iniciar-conversa {    height: 52px;}
      .sucesso-content { padding: 40px 30px; }
  }


   }
  
  @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/dkxdtyari/image/upload/v1761764714/COBERTURA_vz9dlf.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: radial-gradient(circle, #FF8C42 0%, #FF6B6B 100%);;  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: #fff; }
   .botao_menu_texto {  font-size: 16px;  font-weight: 600;  color: #fff;  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;   top: 50%;   left: 50%; transform: translate(-50%, -50%);   width: 50%;   max-height: 90vh;   background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);   border-radius: 20px ;   overflow-y: auto;   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: translate(-50%, -50%);}
   
   /* 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: red;   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: #FF8C42;}
   .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: 2px solid rgba(255, 140, 66, 0.1);  width: 200px;  height: 50px;  font-size: 20px;  color: #fff;  border-radius: 20px;  background-color: rgba(255, 255, 255, 0.2);  position: relative;  overflow: hidden;  z-index: 1;  transition: color 0.4s ease, border-color 0.4s ease; }
           section#tegra__morarbem div.tegra__morarbem__container button.tegra__book::before {  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 0%;  background-color: #FF8C42;  z-index: -1;  transition: height 0.5s ease;  border-radius: 18px; }
           section#tegra__morarbem div.tegra__morarbem__container button.tegra__book:hover::before {  height: 100%; }
           section#tegra__morarbem div.tegra__morarbem__container button.tegra__book:hover {  border: 2px solid #fff;  color: #fff;  cursor: pointer; }
   
           /*-- ============================================
           SECTION - TIPOLOGIA E CARACTERISTICAS
           ============================================ */
           section#tegra_tipologia { background-color: red; position: relative; width: 100%; height: 100vh; padding: 4rem 0; background: url(https://res.cloudinary.com/dkxdtyari/image/upload/v1761764717/STUDIO_COLUNA_01_lxqdzu.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_slides figure img.tegra_img_slide {  width: 70%; 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: 3.5rem; }
           section#tegra_tipologia div.tegra_tipologia_info p.texto_tipologia { color: #fff;  text-align: center; padding: 1rem 3rem;  font-size: 1.2rem;}
           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: 500px; border-radius: 20px; gap: 10px; color: #fff; font-size: 20px; 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: 2rem 3rem; position: relative; }
        section#tegra_apresentacao div.tegra_apresentacao_img img { position: absolute; left: 50%; top: 30%; transform: translate(-50%, -50%); z-index: -1; opacity: 10%;  width: 60%;}
        section#tegra_apresentacao h2.titulo_apresentacao { text-align: left; padding-bottom: 10px; font-size: 28px;  margin-top: 10px; }
        section#tegra_apresentacao p.texto_apresentacao {  font-size: 16px; font-weight: 300; line-height: 28px; padding-bottom: 5px; }
        section#tegra_apresentacao nav.lista__apresentacao ul {  padding: 20px; }
        section#tegra_apresentacao nav.lista__apresentacao ul li { display: flex; padding-bottom:  10px; align-items: center; gap: 10px; }
        section#tegra_apresentacao nav.lista__apresentacao ul li i {  font-size: 16px; color: #FF8C42;}
        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/dkxdtyari/image/upload/v1761766241/LOBBY_a0mlih.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 #FF8C42;  color: #FF8C42; 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 #FF8C42; width: 45%;  height: 70px; padding: 1rem 2rem; display: flex; justify-content: center; align-items: center; font-size: 30px;  border-radius: 20px; color: #FF8C42;}
   
           /*-- ============================================
           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/dkxdtyari/image/upload/v1761766241/LOBBY_a0mlih.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 #FF8C42;  color: #FF8C42; 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:hover { color: #FF8C42; }
           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; 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: linear-gradient(135deg,   #0077BE 0%,   #4ECDC4 30%,   #FF8C42 70%,   #FF6B6B 100%  );;}
           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 0rem 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; }}
           
       
        /* ============================================
        HONEYPOT (ANTI-SPAM)
        ============================================ */
     .honeypot {
      position: absolute !important;
      left: -9999px !important;
      width: 1px !important;
      height: 1px !important;
      opacity: 0 !important;
  }
  
  /* ============================================
     MODAL OVERLAY
     ============================================ */
  .modal-botao-whatsapp-form {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100vh;   z-index: 999999;   display: none;   align-items: center;   justify-content: center;   padding: 20px;   animation: fadeIn 0.3s ease; }
  .modal-botao-whatsapp-form.active {    display: flex; }
  .modal-botao-whatsapp-form-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.7);   backdrop-filter: blur(5px); }
  
  /* ============================================
     MODAL CONTENT
     ============================================ */
  .modal-botao-whatsapp-form-content {   position: relative;   display: flex;   max-width: 900px;   width: 100%;   max-height: 90vh;   background: #fff;   border-radius: 20px;   overflow: hidden;   box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);   animation: slideUp 0.4s ease;}
  
  /* ============================================
     LADO ESQUERDO: IMAGEM
     ============================================ */
  .imagem-form-contato { position: relative;  width: 45%;  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);display: flex; align-items: center; justify-content: center; overflow: hidden; }
  .imagem-form-contato img {   width: 100%;   height: 100%;   object-fit: cover; }
  
  /* Badge Online */
  .badge-online {  position: absolute;  bottom: 30px;  left: 50%;  transform: translateX(-50%);  background: rgba(255, 255, 255, 0.95);  padding: 10px 20px;  border-radius: 50px;  display: flex;  align-items: center;  gap: 10px;  font-size: 14px;  font-weight: 600;  color: var(--text-dark);  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}
  .pulse-dot {   width: 10px;   height: 10px;   background: #25D366;   border-radius: 50%;   animation: pulse 2s infinite;}
  
  /* ============================================
     LADO DIREITO: FORMULÁRIO
     ============================================ */
  .content-form-whatsapp-container {  width: 55%;  padding: 40px 35px;  display: flex;  flex-direction: column;  overflow-y: auto; }
  .content-form-whatsapp {  display: flex;  flex-direction: column;  gap: 20px;  height: 100%; }
  
  /* Título */
  .titulo-form-botao {  font-size: 32px;  font-weight: 700;  color: var(--primary-blue);  margin: 0;  line-height: 1.2; }
  .subtitulo-form-botao {  font-size: 14px;  color: var(--text-gray);  margin: -10px 0 10px 0; }
  
  /* ============================================
     CONTAINER DOS INPUTS
     ============================================ */
  .container-form-botao { display: flex; flex-direction: column; gap: 20px; }
  
  .container-input-botao,
  .container-textarea-botao {   position: relative;   width: 100%;   display: flex;   align-items: center;   gap: 12px;   border: 2px solid var(--border-gray);   border-radius: 12px;   padding: 0 18px;   transition: all var(--transition-normal);   background: #fff; }
  .container-input-botao { height: 56px;}
  .container-textarea-botao {   align-items: flex-start;  padding: 16px 18px; }
  
  /* Ícones */
  .container-input-botao i,
  .container-textarea-botao i {   font-size: 20px;   color: var(--primary-blue);  flex-shrink: 0;   transition: all var(--transition-fast); }
  
  /* Inputs */
  .container-input-botao input,
  .container-textarea-botao textarea {  flex: 1;  background: transparent;  border: none;  outline: none;  font-size: 15px;  color: var(--text-dark);  font-family: inherit; }
  
  .container-input-botao input::placeholder,
  .container-textarea-botao textarea::placeholder { color: #999; }
  
  textarea {  resize: none;  line-height: 1.5; }
  
  /* Status Icons */
  .input-status {   position: absolute;   right: 18px;   font-size: 18px;   opacity: 0;   transition: all var(--transition-fast); }
  
  /* Mensagens de Erro */
  .input-error { position: absolute; bottom: -20px; left: 18px; font-size: 12px; color: #E74C3C; opacity: 0; transition: all var(--transition-fast); }
  
  /* Contador de caracteres */
  .char-count {   position: absolute;   bottom: 10px;   right: 18px;   font-size: 11px;   color: #999; }
  
  /* ============================================
     ESTADOS DOS CAMPOS
     ============================================ */
  
  /* Foco */
  .container-input-botao:focus-within,
  .container-textarea-botao:focus-within {   border-color: var(--primary-blue);   box-shadow: 0 0 0 3px rgba(0, 119, 190, 0.1);}
  
  /* Válido */
  .container-input-botao.valid,
  .container-textarea-botao.valid {  border-color: #27AE60;}
  
  .container-input-botao.valid .input-status,
  .container-textarea-botao.valid .input-status {  opacity: 1;  color: #27AE60;}
  
  .container-input-botao.valid .input-status::before {  content: "\f058"; /* fa-check-circle */ font-family: "Font Awesome 6 Free"; font-weight: 900;}
  
  /* Inválido */
  .container-input-botao.invalid,
  .container-textarea-botao.invalid {  border-color: #E74C3C;}
  
  .container-input-botao.invalid .input-status,
  .container-textarea-botao.invalid .input-status {  opacity: 1;  color: #E74C3C; }
  
  .container-input-botao.invalid .input-status::before {  content: "\f06a"; /* fa-exclamation-circle */  font-family: "Font Awesome 6 Free"; font-weight: 900; }
  
  .container-input-botao.invalid .input-error,
  .container-textarea-botao.invalid .input-error { opacity: 1; }
  
  /* ============================================
     BOTÃO INICIAR CONVERSA (PROGRESS BAR)
     ============================================ */
  .btn-iniciar-conversa {  position: relative;  width: 100%;  height: 56px;  background: var(--border-gray);  border: none;  border-radius: 12px;  cursor: not-allowed;  overflow: hidden;  transition: all var(--transition-normal);  margin-top: 10px; }
  
  /* Progress Bar */
  .btn-progress-bar {   position: absolute;   top: 0;   left: 0;   width: 0%;   height: 100%;   background: var(--progress-0);   transition: all 0.4s ease;   z-index: 1; }
  
  /* Conteúdo do Botão */
  .btn-content {   position: relative;   z-index: 2;   display: flex;   align-items: center;   justify-content: center;   gap: 10px;   height: 100%;   color: #999;   font-size: 16px;   font-weight: 600;   transition: all var(--transition-fast); }
  .btn-content i {   font-size: 22px; }
  
  /* Loading State (oculto por padrão) */
  .btn-loading {    position: absolute;   top: 0;  left: 0;  width: 100%;  height: 100%;  display: none;  align-items: center;  justify-content: center;  gap: 10px;  background: var(--whatsapp-green);  color: #fff;  font-size: 16px;  font-weight: 600;  z-index: 3;}
  
  .btn-loading i { font-size: 20px; }
  
  /* ============================================
     ESTADOS DO BOTÃO (PROGRESS)
     ============================================ */
  
  /* 33% - 1 campo preenchido */
  .btn-iniciar-conversa[data-progress="33"] .btn-progress-bar {
      width: 33%;
      background: var(--progress-33);
  }
  
  .btn-iniciar-conversa[data-progress="33"] .btn-content {
      color: #B8860B;
  }
  
  /* 66% - 2 campos preenchidos */
  .btn-iniciar-conversa[data-progress="66"] .btn-progress-bar {
      width: 66%;
      background: var(--progress-66);
  }
  
  .btn-iniciar-conversa[data-progress="66"] .btn-content {
      color: #D2691E;
  }
  
  /* 100% - Todos os campos preenchidos */
  .btn-iniciar-conversa[data-progress="100"] {
      background: var(--whatsapp-green);
      cursor: pointer;
      box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
  }
  
  .btn-iniciar-conversa[data-progress="100"] .btn-progress-bar {
      width: 100%;
      background: rgba(255, 255, 255, 0.2);
  }
  
  .btn-iniciar-conversa[data-progress="100"] .btn-content {
      color: #fff;
  }
  
  .btn-iniciar-conversa[data-progress="100"] .btn-text::before {
      content: "✅ ";
  }
  
  /* Pulse Animation ao chegar em 100% */
  .btn-iniciar-conversa[data-progress="100"] {
      animation: btnPulse 1.5s infinite;
  }
  
  /* Hover no botão ativo */
  .btn-iniciar-conversa[data-progress="100"]:hover {
      transform: translateY(-2px);
      box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4);
  }
  
  /* Estado de Loading */
  .btn-iniciar-conversa.loading .btn-content {
      display: none;
  }
  
  .btn-iniciar-conversa.loading .btn-loading {
      display: flex;
  }
  
  /* ============================================
     LGPD E LOGO
     ============================================ */
  .form-lgpd { text-align: center;  margin-top: -5px; }
  
  .form-lgpd small {  font-size: 11px;  color: #999;  display: flex;  align-items: center;  justify-content: center;  gap: 6px; }
  
  .form-lgpd i { color: var(--primary-blue); }
  
  .form-logo {  margin: 10px auto 0;  text-align: center; }
  
  .form-logo img { width: 60px; opacity: 0.6; transition: all var(--transition-fast); }
  
  .form-logo img:hover { opacity: 1; }
  
  /* ============================================
     BOTÃO FECHAR
     ============================================ */
  .close-botao-form {  position: absolute;  top: 20px;  right: 20px;  width: 40px;  height: 40px;  background: rgba(255, 255, 255, 0.9);  border: none;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  z-index: 10;  transition: all var(--transition-fast);  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
  
  .close-botao-form i {   font-size: 20px;   color: var(--text-dark); }
  
  .close-botao-form:hover {  background: #fff;  transform: rotate(90deg);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
  
  /* ============================================
     ALERTA CUSTOMIZADO
     ============================================ */
  .alerta-customizado { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); display: none; align-items: center; justify-content: center; z-index: 1000000; padding: 20px; animation: fadeIn 0.3s ease;}
  
  .alerta-customizado.active {  display: flex;}
  
  .alerta-content { background: #fff; padding: 40px; border-radius: 16px; max-width: 450px; width: 100%; text-align: center; animation: slideUp 0.4s ease; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); }
  
  .alerta-icon {  font-size: 60px;   color: #FF8C00;   margin-bottom: 20px; }
  
  .alerta-content h3 {  font-size: 24px;  color: var(--text-dark);  margin-bottom: 10px;}
  
  .alerta-content p {  font-size: 15px;  color: var(--text-gray);  line-height: 1.6;  margin-bottom: 30px;}
  
  .alerta-acoes {  display: flex;  gap: 12px;  justify-content: center;}
  
  .btn-alerta {   padding: 14px 24px;  border: none;  border-radius: 10px;  font-size: 15px;  font-weight: 600;  cursor: pointer;  display: flex;  align-items: center;  gap: 8px;  transition: all var(--transition-fast);}
  
  .btn-secondary {  background: #E0E0E0;  color: var(--text-dark);}
  
  .btn-secondary:hover {  background: #D0D0D0;}
  
  .btn-primary { background: var(--primary-blue); color: #fff;}
  
  .btn-primary:hover {  background: #006399;  transform: translateY(-2px);  box-shadow: 0 4px 12px rgba(0, 119, 190, 0.3); }
  
  /* ============================================
     MENSAGEM DE SUCESSO
     ============================================ */
  .mensagem-sucesso { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(10px); display: none; align-items: center; justify-content: center; z-index: 1000001; padding: 20px; animation: fadeIn 0.3s ease; }
  
  .mensagem-sucesso.active { display: flex; }
  
  .sucesso-content {  background: #fff;  padding: 50px 40px;  border-radius: 20px;  max-width: 450px;  width: 100%;  text-align: center;  animation: bounceIn 0.6s ease;  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);}
  
  .sucesso-icon {  font-size: 80px;  color: #27AE60;  margin-bottom: 20px; animation: checkmarkPop 0.6s ease; }
  
  .sucesso-content h3 {  font-size: 26px;  color: var(--text-dark);  margin-bottom: 15px;}
  
  .sucesso-content p {  font-size: 16px; color: var(--text-gray); margin-bottom: 30px;}
  
  #contadorRedirect {  font-weight: 700;  color: var(--whatsapp-green);  font-size: 18px;}
  
  .btn-sucesso { background: var(--whatsapp-green); color: #fff; border: none; padding: 16px 32px; border-radius: 12px; font-size: 16px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; transition: all var(--transition-fast);}
  
  .btn-sucesso:hover { background: #22C55E; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);}
  
  .btn-sucesso i {
      font-size: 20px;
  }
  
  /* ============================================
     ANIMATIONS
     ============================================ */
  @keyframes fadeIn {
      from {     opacity: 0; } to {     opacity: 1;  }  }
  
  @keyframes slideUp {   from {       opacity: 0;       transform: translateY(30px);   }
      to { opacity: 1;  transform: translateY(0);  }
  }
  
  @keyframes bounceIn {
      0% {   opacity: 0;   transform: scale(0.3);  }
      50% { opacity: 1;  transform: scale(1.05);}
      70% {   transform: scale(0.9);
      }
      100% {
          transform: scale(1);
      }
  }
  
  @keyframes checkmarkPop {
      0% {     transform: scale(0);  }
      50% {      transform: scale(1.2);  }
      100% {   transform: scale(1);}
  }
  
  @keyframes pulse {   0%, 100% {    opacity: 1;    transform: scale(1);  }
      50% {   opacity: 0.5;     transform: scale(1.3); }
  }
  
  @keyframes btnPulse {
      0%, 100% {     box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);}
      50% {     box-shadow: 0 6px 30px rgba(37, 211, 102, 0.5); }
  }
  
  /* ============================================
     RESPONSIVIDADE
     ============================================ */
  @media (max-width: 768px) {
      .modal-botao-whatsapp-form-content {  flex-direction: column;  max-height: 95vh; }
      .imagem-form-contato {  width: 100%;  height: 200px;}
      .content-form-whatsapp-container {  width: 100%;  padding: 30px 25px;}
      .titulo-form-botao { font-size: 26px;}
      .close-botao-form {   top: 15px;   right: 15px;   width: 36px;   height: 36px;}
      .alerta-content { padding: 30px 25px; }
      .alerta-acoes {  flex-direction: column; }
      .btn-alerta {  width: 100%;  justify-content: center; }
  }
  
  @media (max-width: 480px) {
      .modal-botao-whatsapp-form { padding: 10px;}
      .content-form-whatsapp-container { padding: 25px 20px;}
      .titulo-form-botao { font-size: 22px;}
      .subtitulo-form-botao { font-size: 13px;}
      .container-input-botao {   height: 50px;}
      .btn-iniciar-conversa {    height: 52px;}
      .sucesso-content { padding: 40px 30px; }
  }
    
   }
  
  @media only screen and (min-width: 1600px) {  

    /*-- ============================================
       SECTION - TEGRA MORAR BEM
       ============================================ */
       
    section#tegra__morarbem {  width: 100%; height: 100vh; background: url(https://res.cloudinary.com/dkxdtyari/image/upload/v1761764714/COBERTURA_vz9dlf.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: radial-gradient(circle, #FF8C42 0%, #FF6B6B 100%);  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: #fff; }
.botao_menu_texto {  font-size: 16px;  font-weight: 600;  color: #fff;  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;   top: 50%;   left: 50%; transform: translate(-50%, -50%);   width: 50%;   max-height: 90vh;   background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);   border-radius: 20px ;   overflow-y: auto;   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: translate(-50%, -50%);}

/* 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: red;   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: #FF8C42;}
.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: 2px solid rgba(255, 140, 66, 0.1);  width: 200px;  height: 50px;  font-size: 20px;  color: #fff;  border-radius: 20px;  background-color: rgba(255, 255, 255, 0.2);  position: relative;  overflow: hidden;  z-index: 1;  transition: color 0.4s ease, border-color 0.4s ease; }
       section#tegra__morarbem div.tegra__morarbem__container button.tegra__book::before {  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 0%;  background-color: #FF8C42;  z-index: -1;  transition: height 0.5s ease;  border-radius: 18px; }
       section#tegra__morarbem div.tegra__morarbem__container button.tegra__book:hover::before {  height: 100%; }
       section#tegra__morarbem div.tegra__morarbem__container button.tegra__book:hover {  border: 2px solid #fff;  color: #fff;  cursor: pointer; }

        /*-- ============================================
        SECTION - TIPOLOGIA E CARACTERISTICAS
        ============================================ */
        section#tegra_tipologia { background-color: red; position: relative; width: 100%; height: 100vh; padding: 4rem 0; background: url(https://res.cloudinary.com/dkxdtyari/image/upload/v1761764717/STUDIO_COLUNA_01_lxqdzu.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_slides figure img.tegra_img_slide {  width: 70%; 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: 4rem; }
        section#tegra_tipologia div.tegra_tipologia_info p.texto_tipologia { color: #fff;  text-align: center; padding: 1rem 3rem;  font-size: 1.5rem;}
        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: 500px; border-radius: 20px; gap: 10px; color: #fff; font-size: 20px; 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: 2rem 3rem; position: relative; }
        section#tegra_apresentacao div.tegra_apresentacao_img img { position: absolute; left: 50%; top: 30%; transform: translate(-50%, -50%); z-index: -1; opacity: 10%;  width: 60%;}
        section#tegra_apresentacao h2.titulo_apresentacao { text-align: left; padding-bottom: 10px; font-size: 28px;  margin-top: 10px; }
        section#tegra_apresentacao p.texto_apresentacao {  font-size: 16px; font-weight: 300; line-height: 28px; padding-bottom: 5px; }
        section#tegra_apresentacao nav.lista__apresentacao ul {  padding: 20px; }
        section#tegra_apresentacao nav.lista__apresentacao ul li { display: flex; padding-bottom:  10px; align-items: center; gap: 10px; }
        section#tegra_apresentacao nav.lista__apresentacao ul li i {  font-size: 16px; color: #FF8C42;}
        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/dkxdtyari/image/upload/v1761766241/LOBBY_a0mlih.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 #FF8C42;  color: #FF8C42; 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 #FF8C42; width: 45%;  height: 70px; padding: 1rem 2rem; display: flex; justify-content: center; align-items: center; font-size: 30px;  border-radius: 20px; color: #FF8C42;}

        /*-- ============================================
        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/dkxdtyari/image/upload/v1761766241/LOBBY_a0mlih.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 #FF8C42;  color: #FF8C42; 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:hover { color: #FF8C42; }
        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; 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: linear-gradient(135deg,   #0077BE 0%,   #4ECDC4 30%,   #FF8C42 70%,   #FF6B6B 100%  );}
        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; }}


        /* ============================================
        HONEYPOT (ANTI-SPAM)
        ============================================ */
     .honeypot {
         position: absolute !important;
         left: -9999px !important;
         width: 1px !important;
         height: 1px !important;
         opacity: 0 !important;
     }
     
     /* ============================================
        MODAL OVERLAY
        ============================================ */
     .modal-botao-whatsapp-form {   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100vh;   z-index: 999999;   display: none;   align-items: center;   justify-content: center;   padding: 20px;   animation: fadeIn 0.3s ease; }
     .modal-botao-whatsapp-form.active {    display: flex; }
     .modal-botao-whatsapp-form-overlay {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0, 0, 0, 0.7);   backdrop-filter: blur(5px); }
     
     /* ============================================
        MODAL CONTENT
        ============================================ */
     .modal-botao-whatsapp-form-content {   position: relative;   display: flex;   max-width: 900px;   width: 100%;   max-height: 90vh;   background: #fff;   border-radius: 20px;   overflow: hidden;   box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);   animation: slideUp 0.4s ease;}
     
     /* ============================================
        LADO ESQUERDO: IMAGEM
        ============================================ */
     .imagem-form-contato { position: relative;  width: 45%;  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);display: flex; align-items: center; justify-content: center; overflow: hidden; }
     .imagem-form-contato img {   width: 100%;   height: 100%;   object-fit: cover; }
     
     /* Badge Online */
     .badge-online {  position: absolute;  bottom: 30px;  left: 50%;  transform: translateX(-50%);  background: rgba(255, 255, 255, 0.95);  padding: 10px 20px;  border-radius: 50px;  display: flex;  align-items: center;  gap: 10px;  font-size: 14px;  font-weight: 600;  color: var(--text-dark);  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}
     .pulse-dot {   width: 10px;   height: 10px;   background: #25D366;   border-radius: 50%;   animation: pulse 2s infinite;}
     
     /* ============================================
        LADO DIREITO: FORMULÁRIO
        ============================================ */
     .content-form-whatsapp-container {  width: 55%;  padding: 40px 35px;  display: flex;  flex-direction: column;  overflow-y: auto; }
     .content-form-whatsapp {  display: flex;  flex-direction: column;  gap: 20px;  height: 100%; }
     
     /* Título */
     .titulo-form-botao {  font-size: 32px;  font-weight: 700;  color: var(--primary-blue);  margin: 0;  line-height: 1.2; }
     .subtitulo-form-botao {  font-size: 14px;  color: var(--text-gray);  margin: -10px 0 10px 0; }
     
     /* ============================================
        CONTAINER DOS INPUTS
        ============================================ */
     .container-form-botao { display: flex; flex-direction: column; gap: 20px; }
     
     .container-input-botao,
     .container-textarea-botao {   position: relative;   width: 100%;   display: flex;   align-items: center;   gap: 12px;   border: 2px solid var(--border-gray);   border-radius: 12px;   padding: 0 18px;   transition: all var(--transition-normal);   background: #fff; }
     .container-input-botao { height: 56px;}
     .container-textarea-botao {   align-items: flex-start;  padding: 16px 18px; }
     
     /* Ícones */
     .container-input-botao i,
     .container-textarea-botao i {   font-size: 20px;   color: var(--primary-blue);  flex-shrink: 0;   transition: all var(--transition-fast); }
     
     /* Inputs */
     .container-input-botao input,
     .container-textarea-botao textarea {  flex: 1;  background: transparent;  border: none;  outline: none;  font-size: 15px;  color: var(--text-dark);  font-family: inherit; }
     
     .container-input-botao input::placeholder,
     .container-textarea-botao textarea::placeholder { color: #999; }
     
     textarea {  resize: none;  line-height: 1.5; }
     
     /* Status Icons */
     .input-status {   position: absolute;   right: 18px;   font-size: 18px;   opacity: 0;   transition: all var(--transition-fast); }
     
     /* Mensagens de Erro */
     .input-error { position: absolute; bottom: -20px; left: 18px; font-size: 12px; color: #E74C3C; opacity: 0; transition: all var(--transition-fast); }
     
     /* Contador de caracteres */
     .char-count {   position: absolute;   bottom: 10px;   right: 18px;   font-size: 11px;   color: #999; }
     
     /* ============================================
        ESTADOS DOS CAMPOS
        ============================================ */
     
     /* Foco */
     .container-input-botao:focus-within,
     .container-textarea-botao:focus-within {   border-color: var(--primary-blue);   box-shadow: 0 0 0 3px rgba(0, 119, 190, 0.1);}
     
     /* Válido */
     .container-input-botao.valid,
     .container-textarea-botao.valid {  border-color: #27AE60;}
     
     .container-input-botao.valid .input-status,
     .container-textarea-botao.valid .input-status {  opacity: 1;  color: #27AE60;}
     
     .container-input-botao.valid .input-status::before {  content: "\f058"; /* fa-check-circle */ font-family: "Font Awesome 6 Free"; font-weight: 900;}
     
     /* Inválido */
     .container-input-botao.invalid,
     .container-textarea-botao.invalid {  border-color: #E74C3C;}
     
     .container-input-botao.invalid .input-status,
     .container-textarea-botao.invalid .input-status {  opacity: 1;  color: #E74C3C; }
     
     .container-input-botao.invalid .input-status::before {  content: "\f06a"; /* fa-exclamation-circle */  font-family: "Font Awesome 6 Free"; font-weight: 900; }
     
     .container-input-botao.invalid .input-error,
     .container-textarea-botao.invalid .input-error { opacity: 1; }
     
     /* ============================================
        BOTÃO INICIAR CONVERSA (PROGRESS BAR)
        ============================================ */
     .btn-iniciar-conversa {  position: relative;  width: 100%;  height: 56px;  background: var(--border-gray);  border: none;  border-radius: 12px;  cursor: not-allowed;  overflow: hidden;  transition: all var(--transition-normal);  margin-top: 10px; }
     
     /* Progress Bar */
     .btn-progress-bar {   position: absolute;   top: 0;   left: 0;   width: 0%;   height: 100%;   background: var(--progress-0);   transition: all 0.4s ease;   z-index: 1; }
     
     /* Conteúdo do Botão */
     .btn-content {   position: relative;   z-index: 2;   display: flex;   align-items: center;   justify-content: center;   gap: 10px;   height: 100%;   color: #999;   font-size: 16px;   font-weight: 600;   transition: all var(--transition-fast); }
     .btn-content i {   font-size: 22px; }
     
     /* Loading State (oculto por padrão) */
     .btn-loading {    position: absolute;   top: 0;  left: 0;  width: 100%;  height: 100%;  display: none;  align-items: center;  justify-content: center;  gap: 10px;  background: var(--whatsapp-green);  color: #fff;  font-size: 16px;  font-weight: 600;  z-index: 3;}
     
     .btn-loading i { font-size: 20px; }
     
     /* ============================================
        ESTADOS DO BOTÃO (PROGRESS)
        ============================================ */
     
     /* 33% - 1 campo preenchido */
     .btn-iniciar-conversa[data-progress="33"] .btn-progress-bar {
         width: 33%;
         background: var(--progress-33);
     }
     
     .btn-iniciar-conversa[data-progress="33"] .btn-content {
         color: #B8860B;
     }
     
     /* 66% - 2 campos preenchidos */
     .btn-iniciar-conversa[data-progress="66"] .btn-progress-bar {
         width: 66%;
         background: var(--progress-66);
     }
     
     .btn-iniciar-conversa[data-progress="66"] .btn-content {
         color: #D2691E;
     }
     
     /* 100% - Todos os campos preenchidos */
     .btn-iniciar-conversa[data-progress="100"] {
         background: var(--whatsapp-green);
         cursor: pointer;
         box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);
     }
     
     .btn-iniciar-conversa[data-progress="100"] .btn-progress-bar {
         width: 100%;
         background: rgba(255, 255, 255, 0.2);
     }
     
     .btn-iniciar-conversa[data-progress="100"] .btn-content {
         color: #fff;
     }
     
     .btn-iniciar-conversa[data-progress="100"] .btn-text::before {
         content: "✅ ";
     }
     
     /* Pulse Animation ao chegar em 100% */
     .btn-iniciar-conversa[data-progress="100"] {
         animation: btnPulse 1.5s infinite;
     }
     
     /* Hover no botão ativo */
     .btn-iniciar-conversa[data-progress="100"]:hover {
         transform: translateY(-2px);
         box-shadow: 0 6px 25px rgba(37, 211, 102, 0.4);
     }
     
     /* Estado de Loading */
     .btn-iniciar-conversa.loading .btn-content {
         display: none;
     }
     
     .btn-iniciar-conversa.loading .btn-loading {
         display: flex;
     }
     
     /* ============================================
        LGPD E LOGO
        ============================================ */
     .form-lgpd { text-align: center;  margin-top: -5px; }
     
     .form-lgpd small {  font-size: 11px;  color: #999;  display: flex;  align-items: center;  justify-content: center;  gap: 6px; }
     
     .form-lgpd i { color: var(--primary-blue); }
     
     .form-logo {  margin: 10px auto 0;  text-align: center; }
     
     .form-logo img { width: 60px; opacity: 0.6; transition: all var(--transition-fast); }
     
     .form-logo img:hover { opacity: 1; }
     
     /* ============================================
        BOTÃO FECHAR
        ============================================ */
     .close-botao-form {  position: absolute;  top: 20px;  right: 20px;  width: 40px;  height: 40px;  background: rgba(255, 255, 255, 0.9);  border: none;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  z-index: 10;  transition: all var(--transition-fast);  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
     
     .close-botao-form i {   font-size: 20px;   color: var(--text-dark); }
     
     .close-botao-form:hover {  background: #fff;  transform: rotate(90deg);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
     
     /* ============================================
        ALERTA CUSTOMIZADO
        ============================================ */
     .alerta-customizado { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); display: none; align-items: center; justify-content: center; z-index: 1000000; padding: 20px; animation: fadeIn 0.3s ease;}
     
     .alerta-customizado.active {  display: flex;}
     
     .alerta-content { background: #fff; padding: 40px; border-radius: 16px; max-width: 450px; width: 100%; text-align: center; animation: slideUp 0.4s ease; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); }
     
     .alerta-icon {  font-size: 60px;   color: #FF8C00;   margin-bottom: 20px; }
     
     .alerta-content h3 {  font-size: 24px;  color: var(--text-dark);  margin-bottom: 10px;}
     
     .alerta-content p {  font-size: 15px;  color: var(--text-gray);  line-height: 1.6;  margin-bottom: 30px;}
     
     .alerta-acoes {  display: flex;  gap: 12px;  justify-content: center;}
     
     .btn-alerta {   padding: 14px 24px;  border: none;  border-radius: 10px;  font-size: 15px;  font-weight: 600;  cursor: pointer;  display: flex;  align-items: center;  gap: 8px;  transition: all var(--transition-fast);}
     
     .btn-secondary {  background: #E0E0E0;  color: var(--text-dark);}
     
     .btn-secondary:hover {  background: #D0D0D0;}
     
     .btn-primary { background: var(--primary-blue); color: #fff;}
     
     .btn-primary:hover {  background: #006399;  transform: translateY(-2px);  box-shadow: 0 4px 12px rgba(0, 119, 190, 0.3); }
     
     /* ============================================
        MENSAGEM DE SUCESSO
        ============================================ */
     .mensagem-sucesso { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(10px); display: none; align-items: center; justify-content: center; z-index: 1000001; padding: 20px; animation: fadeIn 0.3s ease; }
     
     .mensagem-sucesso.active { display: flex; }
     
     .sucesso-content {  background: #fff;  padding: 50px 40px;  border-radius: 20px;  max-width: 450px;  width: 100%;  text-align: center;  animation: bounceIn 0.6s ease;  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);}
     
     .sucesso-icon {  font-size: 80px;  color: #27AE60;  margin-bottom: 20px; animation: checkmarkPop 0.6s ease; }
     
     .sucesso-content h3 {  font-size: 26px;  color: var(--text-dark);  margin-bottom: 15px;}
     
     .sucesso-content p {  font-size: 16px; color: var(--text-gray); margin-bottom: 30px;}
     
     #contadorRedirect {  font-weight: 700;  color: var(--whatsapp-green);  font-size: 18px;}
     
     .btn-sucesso { background: var(--whatsapp-green); color: #fff; border: none; padding: 16px 32px; border-radius: 12px; font-size: 16px; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; transition: all var(--transition-fast);}
     
     .btn-sucesso:hover { background: #22C55E; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);}
     
     .btn-sucesso i {
         font-size: 20px;
     }
     
     /* ============================================
        ANIMATIONS
        ============================================ */
     @keyframes fadeIn {
         from {     opacity: 0; } to {     opacity: 1;  }  }
     
     @keyframes slideUp {   from {       opacity: 0;       transform: translateY(30px);   }
         to { opacity: 1;  transform: translateY(0);  }
     }
     
     @keyframes bounceIn {
         0% {   opacity: 0;   transform: scale(0.3);  }
         50% { opacity: 1;  transform: scale(1.05);}
         70% {   transform: scale(0.9);
         }
         100% {
             transform: scale(1);
         }
     }
     
     @keyframes checkmarkPop {
         0% {     transform: scale(0);  }
         50% {      transform: scale(1.2);  }
         100% {   transform: scale(1);}
     }
     
     @keyframes pulse {   0%, 100% {    opacity: 1;    transform: scale(1);  }
         50% {   opacity: 0.5;     transform: scale(1.3); }
     }
     
     @keyframes btnPulse {
         0%, 100% {     box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3);}
         50% {     box-shadow: 0 6px 30px rgba(37, 211, 102, 0.5); }
     }
     
     /* ============================================
        RESPONSIVIDADE
        ============================================ */
     @media (max-width: 768px) {
         .modal-botao-whatsapp-form-content {  flex-direction: column;  max-height: 95vh; }
         .imagem-form-contato {  width: 100%;  height: 200px;}
         .content-form-whatsapp-container {  width: 100%;  padding: 30px 25px;}
         .titulo-form-botao { font-size: 26px;}
         .close-botao-form {   top: 15px;   right: 15px;   width: 36px;   height: 36px;}
         .alerta-content { padding: 30px 25px; }
         .alerta-acoes {  flex-direction: column; }
         .btn-alerta {  width: 100%;  justify-content: center; }
     }
     
     @media (max-width: 480px) {
         .modal-botao-whatsapp-form { padding: 10px;}
         .content-form-whatsapp-container { padding: 25px 20px;}
         .titulo-form-botao { font-size: 22px;}
         .subtitulo-form-botao { font-size: 13px;}
         .container-input-botao {   height: 50px;}
         .btn-iniciar-conversa {    height: 52px;}
         .sucesso-content { padding: 40px 30px; }
     }
     
     
     


        }