.header .nav {
				margin-left: 150px;
				justify-content: center;
			}
			
			.header .nav a {
			 	width: 120px;
			}
			
			#logoCliente {
				margin-left: 50px;
				margin-right: 50px;
			}

			.hero .filter-container {
				border-radius: 20px;
				text-align: center;
				z-index: 3;
				padding-top: 30px;
				padding-left: 35px;
				padding-right: 35px;
				max-width: 900px;
			}
			

			.hero .filter-container h3 {
				margin-top: 30px;
				font-size: 25px;
			}
			
			.nav a.active {
				border-bottom: 5px solid orange; 
			}
						
			
			.quadros-imoveis-imobiliaria {
				max-width: 1050px;
				width: 100%;
			}
			
			.section {
			    display: flex;
			    justify-content: center;
			    flex-direction: column;	
			    align-items: center;	
			    	
			}

			.imovel-list-index-imobiliaria {
				display: flex; 
				flex-wrap: wrap;
				justify-content: center;
				padding: 0;
				margin: 0;	
			}
			
			#titulodestaque {
				margin-top: 90px;
			}

			.quemsomos-texto {
			    display: flex;
			    justify-content: center;
			    padding: 20px;  /* margem extra do container */
			    flex-direction: column;
			    max-width: 600px;       /* largura máxima, não fixa */
			    width: 100%;            /* ocupa disponível até o max */
			}
			
			.quemsomos-texto p {
			    font-size: 20px;
			    margin: 0 auto;         /* centraliza horizontalmente */
			    position: relative;
			    text-align: center;
			    box-sizing: border-box; /* padding incluso na largura */
			}			
			
			.quadros-quemsomos {
				background-repeat: no-repeat;
				background-position: center bottom; 
				background-size: cover;
				border-radius: 20px;
				padding: 30px;
				position: relative;
				margin: 20px;
			}
			
			.quadros-quemsomos::after {
				border-radius: 20px;
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;				
			}
			
			.quadros-quemsomos > * {
			  position: relative;
			  z-index: 1;                     /* tudo acima do ::after */
			}
			
			.quemsomos-texto-caixas p,
			.aspas,
			.quadros-quemsomos img {
			  position: relative;             /* garante que respeitam o z-index do item */
			  z-index: 1;
			}
			.quadros-quemsomos img {
			  width: 100px;
			}
			
			.quemsomos-texto-caixas p {
				font-size: 16px;
				text-align: center;
			}	
						
			.title-container {
				margin-top: 60px;
				width: 70%;
				display: flex;
				position: relative;
				left: 5%;
				justify-content: flex-start; /* Garante que o título comece na esquerda do container */
			}
			
			.underline-section {
				position: absolute;
				left: 0%; /* Já está correto: ancora no lado esquerdo do .title-container */
				top: 65px;
				/* Adicione esta linha (previne qualquer centralização via transform): */
				transform: none; 
			}	
			
			.container-contato {
				margin: 15px;
			}
				

			#logoDetail {
				border-radius: 15px;
				padding: 5px;
				padding-left: 25px;
				padding-right: 25px;
			}		
			.imovel-details-info {
				text-align: left;
			}
					
			.imovel-buttons .fav-button, .imovel-buttons .share-button, .fav-details-button, .share-details-button {
				border-radius: 10px;
				width: 30px; /* Largura da imagem do botão */
				height: 30px; /* Altura da imagem do botão */
				cursor: pointer;
				margin-right: 0px; /* Espaçamento entre os botões */
				padding: 5px;
			}
			
			.imovel-title,
			.imovel-price {
			    text-align: left;
			    display: block; /* garante que ocupem toda a largura */
			}
			.dot-containerPic {
				margin-bottom: 10px;
			}
			
			#contato {
				background-image: none;
			}
			
			.developer-footer {
			    border-top: 1px solid #333;
			}
			
			
			/* Layout do Container de Contato */
			.container-contato {
			    display: flex;
			    flex-wrap: wrap;
			    gap: 50px;
			    align-items: flex-start;
			}
			
			#cadastroForm {
			    flex: 1.5;
			    min-width: 320px;
			}
			
			/* Sidebar de Informações */
			.info-contato-sidebar {
			    flex: 1;
			    min-width: 300px;
			    display: flex;
			    flex-direction: column;
			    gap: 25px;
			    text-align: left; /* Garante alinhamento à esquerda */
			    margin-top: 40px;
			    padding-left: 15px;
			}
			
			.info-item {
			    display: flex;
			    align-items: flex-start; /* Alinha ícone com a primeira linha do texto */
			    gap: 15px;
			}
			
			.info-item p {
			    margin: 0;
			    font-size: 16px;
			    line-height: 1.4;
			    text-align: left; /* Alinhamento explícito */
			}
			
			.info-item img, .social-links img {
			    width: 24px;
			    height: 24px;
			    flex-shrink: 0; /* Impede o ícone de amassar */
			    object-fit: contain;
			}
			
			/* Links de Redes Sociais */
			.social-links {
			    display: flex;
			    flex-direction: column;
			    gap: 18px;
			    margin-top: 10px;
			    padding-top: 25px;
			    border-top: 1px solid rgba(0,0,0,0.1);
			}
			
			.social-links a {
			    display: flex;
			    align-items: center;
			    gap: 15px;
			    text-decoration: none;
			    color: inherit;
			    font-size: 16px;
			    transition: color 0.3s;
			}
			
			.social-links a:hover {
			    color: #007bff;
			}
			
			
			/* Estilo da Marca d'água Centralizada */
			.contato-marcadagua {
			    position: absolute;
			    top: 50%;
			    left: 50%;
			    transform: translate(-50%, -50%); /* Move a imagem metade do seu tamanho para trás, centralizando-a */
			    width: 350px; /* Tamanho fixo solicitado */
			    height: auto;
			    opacity: 0.1; 
			    pointer-events: none; 
			    z-index: 0;
			}
			
			/* Garante que o container de contato seja a referência de espaço */
			.container-contato {
			    position: relative;
			    display: flex;
			    flex-wrap: wrap;
			    gap: 50px;
			    align-items: flex-start;
			    min-height: 450px; /* Altura mínima para comportar a marca d'água de 400px com folga */
			}
			
			/* Estilo do Logo na Sidebar */
			.sidebar-logo-container {
			    width: 100%;
			    margin-bottom: 20px;
			    display: flex;
			    justify-content: flex-start;
			}
			
			.sidebar-logo {
			    max-width: 180px;
			    height: auto;
			    object-fit: contain;
			}
			
			/* Ajuste de Z-index para o formulário ficar acima da marca d'água */
			#cadastroForm {
			    position: relative;
			    z-index: 1;
			}			
			
			/* Responsividade Mobile */
			@media (max-width: 768px) {
				.header {
					background-color: rgba(0, 0, 0);
				}
			
			    .container-contato {
			        flex-direction: column;
			    }
			    .info-contato-sidebar {
			        width: 100%;
			        order: 2; /* Fica abaixo do form no mobile */
			        padding-top: 30px;
			        border-top: 1px dashed #ccc;
			    }
			}
			
			@media (max-width: 1000px) {
			    .section {
			        height: auto; /* Permite que a seção se expanda com o conteúdo */
			        scroll-snap-align: none; /* Desativa o efeito de 'snap' */
			        scroll-behavior: auto;
			    }
			    
			    /* Corrige o Hero, que pode ser afetado pelo padding-top do container-index */
			    .hero {
			        height: 100vh; /* Mantém 100vh para a primeira seção (Hero) se desejar */
			    }
			}