body {
            background-color: rgb(255, 255, 255);
            font-family: 'Open Sans', sans-serif;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }	
		.section1 {
			margin-top: 0;
			margin-bottom: 50px;
			flex: 1;		
		}
		.apresentation {
            display: grid;
            grid-template-columns: 3fr 5fr 1fr;
            gap: 20px;
			max-width: 100%;
			margin: 0 20px;
			padding: 0 30px 10px 10px;
        }
		.text-apresentation{
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: black;
			cursor: default;
			width: 100%;
			padding: 70px 40px 0 0;

		}
		.text-apresentation:hover {
			color: black; /* Mantém a cor preta ao passar o mouse */
			text-decoration: none; /* Garante que o sublinhado não apareça */
		}		
		.img-hn{
			max-width: 500px;
			width: 100%;
		}	
		.apresentation h3{
			color: #1d8a5e;
			font-size: 28px;
			font-weight: bold;
		}
		.sign{
			padding-top: 5px;
			font-size: 18px;
			font-family: 'Great Vibes', cursive;
		}	
		.section2 {
			margin: 0 20px 50px 20px;
			flex: 1;		
		}
		.gallery-title {
			text-align: left;
			font-size: 28px;
			font-weight: bold;
			margin: 0;
			padding-top: 15px;
			padding-left: 50px;
			color: #1d8a5e;
			background-color: #f2f2f2;
			border-radius: 10px 10px 0 0;
		}
		.gallery {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
			padding: 30px;
			background-color: #f2f2f2;
        }
        .gallery-item {
            position: relative;
            overflow: hidden;
            border-radius: 10px;
			display: flex;
			justify-content: center;
			align-items: center;
			margin: 0 10px 10px 10px;
        }
        .gallery-item img {
			width: 350px;
			height: auto;
            display: block;
            transition: transform 0.4s ease;
			border-radius: 10px;
        }
        .gallery-item:hover img {
            transform: scale(1.1);
        }
        .overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.4s ease;
            text-align: center;
            padding: 10px;
			border-radius: 10px;
        }
        .gallery-item:hover .overlay {
            opacity: 1;
        }
        .overlay h5 {
            margin-bottom: 10px;
            font-size: 18px;
        }
		.quote-section {
			text-align: center;
			margin: 0;
			padding: 20px;
			background-color: #f2f2f2;
			border-radius: 0 0 10px 10px;		
		}
		.quote-section p {
			font-size: 18px;
			margin-bottom: 20px;
			color: #333;			
		}
		.quote-section .btn {
			font-weight: bold;
			background-color: #1d8a5e;
			border: none;
			padding: 10px 20px;
			border-radius: 5px;
			transition: background-color 0.3s ease;
		}
		.quote-section .btn:hover {
			background-color: #145a3d;
		}
		.section3 {
			margin: 0 20px 50px 20px;
			flex: 1;		
		}
		.quality-title {
			text-align: left;
			font-size: 28px;
			font-weight: bold;
			margin: 0;
			padding-top: 15px;
			padding-left: 50px;
			color: #1d8a5e;
			background-color: #f2f2f2;
			border-radius: 10px 10px 0 0;
		}
		.quality {
            gap: 10px;
			max-width: 100%;
			margin: 0;
			padding: 30px;
			background-color: #f2f2f2;
			border-radius: 0 0 10px 10px;
			font-weight: bold;
        }
        
        @media (max-width: 600px) {
			
			.section1 {
				margin-top: 200px;
				margin-bottom: 50px;
			}

			.apresentation {
				display: block; /* IMPORTANTE: permite o texto contornar a imagem */
				width: 100%;
				padding: 10px;
			}

			.img-hn {
				float: left;
				max-width: 200px;  /* ajusta o tamanho desejado no mobile */
				width: auto;
				margin: 0 10px 10px 0; /* espaço entre imagem e texto */
			}

			.text-apresentation {
				font-size: 12px;
				font-weight: bold;
				color: black;
				text-align: justify;
				display: block; /* mantém o fluxo normal */
			}
		}