/* Reset básico */
html,
body,
h1,
h2,
h3,
p {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	overflow-x: hidden;
	scroll-behavior: smooth;
}
h1,
h2,
h3{
	overflow-y: hidden;
}

body {
  font-family: "Poppins", serif;
	line-height: 1.6;
	font-size: 16px;
	/* Base font size para cálculo em rem */
}
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-9,
.col-md-10{
	padding: 0;
}
p.btn{	
	background-color: #ced542;
	border:1px solid #ced542;
	font-weight: 700;
}
p.btn:hover{	
	background-color: #cc7b39;
	border:1px solid #fff;
}
p.btn a{
	text-decoration: none;
	color: #fff;
}
p.card-subtitle{
	font-size: 12px !important;
    text-transform: uppercase;
    font-weight: 700;
	color: #ced542 !important;
}
/* Navbar */
.navbar {
    padding: 10px 0;
    text-transform: uppercase;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: rgba(204, 123, 57, 0.9); /* Mantendo o fundo original */
}

/* Ajuste do Logo */
.navbar-brand img {
    max-height: 60px;
}

/* Itens do menu */
.navbar-nav .nav-link {
    margin-left: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #fff !important;
}

/* Botão no menu */
.navbar-nav .btn {
    background: #ced542;
    border: 1px solid #ced542;
    font-weight: 700;
}

.navbar-nav .btn:hover {
    background-color: #483a34;
}

/* Banner */
.hero {
	height: 100vh;
	background: #cc7b39 url("../img/hero.jpg"); 
	text-align: left;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 1rem 1rem 0 1rem;
}
.hero .logo{width: 40%;margin-right: 60%;
float: left;}
.hero .logo img{width: 100%;}
.hero h1 {
  font-weight: 700;
	font-size: 4.2rem;
	text-transform: uppercase;
	color: #fff;
	width: 100%;
	float: left;
}

.form-control{
	color: #fff!important;
}

.hero h2 {
  font-weight: 700;
	font-size: 3rem;
	text-transform: uppercase;
	color: #fff;
	width: 100%;
	float: left;
}
.hero p {
	font-size: 1.25rem;
	/* 20px */
	width: 75%;
	margin-top: 1rem;
	color: #f1f1f1;
}
/* Details Section */
.details {
	background-color: #f0f0f0;
	padding: 2rem 1rem;
}

.details .col-md-4{
	padding: 1rem;
	position: relative;
}

.details p {
	font-size: 1.125rem;
	/* 18px */
	color: #394649;
	margin-top: 1rem;
	z-index: 999;
	position: relative;
}


.details span {
    font-weight: bold;
    font-style: italic;
    font-size: 7rem;
    position: absolute;
    left: -5%;
    top: 8%;
}
.details p.card-subtitle {
    color: #cc7b39 !important;
}

/* About Section */
.about {
	background-color: #394649;
	padding: 5rem 1rem;
}

.about h2 {
	font-size: 3.5rem;
  font-weight: 700;
	text-transform: uppercase;
	color: #fff;
}

.about p {
	font-size: 1.125rem;
	/* 18px */
	color: #fff;
	margin-top: 1rem;
}


.about span {
	font-weight: bold;
	font-style: italic;
}

/* Local Section */
.local {
	background-color: #cc7b39;
}

.local .content {
	flex: 1;
}

.local .container {
	margin: 0;
	max-width: 100%;
}

.local h2 {
  font-weight: 700;
	font-size: 3rem;
	text-transform: uppercase;
	color: #fff;
}

.local p {
	font-size: 1.125rem;
	/* 18px */
	color: #fff;
	margin-top: 1rem;
}

.local .text {
	padding: 10% 10% 10% 5%;
}

.local iframe {
	width: 100%;
	height: 100%;
}

/* Mapa Section */
.mapa {
	height: 100vh;
	background: #ebc25c url("../img/bg_mapa.jpg"); 
	text-align: left;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 1rem;
}

.mapa .content {
	flex: 1;
}

.mapa .container {
	margin: 0;
	max-width: 100%;
}

.mapa h2 {
  font-weight: 700;
	font-size: 3rem;
	text-transform: uppercase;
	color: #fff;
}

.mapa p {
	font-size: 1.125rem;
	/* 18px */
	color: #fff;
	margin-top: 1rem;
}

.mapa .text {
	padding: 7% 5% 5% 3%;
}

.mapa .map img {
	width: 100%;
	padding: 10% 5%;
}
.mapa ul{
	padding: 5% 0;
}
.mapa ul li{
	list-style: none;
	padding: 2% 0;
	color: #fff;
}
.mapa .numero{
	padding: 1% 3%;
	margin-right: 3%;
	background: #394649;
  font-weight: 700;
	color: #fff;
}

.mapa .text .local{
	background: transparent;
  font-weight: 700;
}

.mapa .text .distancia{
  font-weight: 300;
	font-style: italic;
	
}

.mapa p.btn{
	width: auto !important;
	margin: 0 auto !important;
}

/* Fotos Section */
.fotos {
	background-color: #ced542;
}

.fotos .content {
	flex: 1;
}

.fotos .container {
	margin: 0;
	max-width: 100%;
}

.fotos .text {
	padding: 4% 5%;
}

.fotos h2 {
  font-weight: 700;
	font-size: 2rem;
	text-transform: uppercase;
	color: #fff;
}

.fotos .text ul{
	padding: 5% 0 0 0;
}
.fotos .text ul li{
	list-style: none;
	width: 45%;
	margin: 0 5% 10% 0;
	float: left;
}
.fotos .text ul li img{
	width: 100%;
}

/* Planta Section */
.planta {
	background-color: #f0f0f0;
}

.planta .content {
	flex: 1;
}

.planta .container {
	margin: 0;
	max-width: 100%;
}

.planta h2 {
  	font-weight: 700;
	font-size: 2.5rem;
	text-transform: uppercase;
	color: #cc7b39;
}

.planta p {
	font-size: 1.125rem;
	/* 18px */
	color: #cc7b39;
	margin-top: 1rem;
}

.planta .text {
	padding: 10% 10% 10% 5%;
}

.planta img {
	padding: 10% 0 10% 10%;
	width: 100%;
}

/* Contact Form */
.contact {
	background-color: #394649;
}
.contact .container {
    margin: 0;
    max-width: 100%;
}
.contact .text {
    padding: 5%;
}

.contact .content {
	flex: 1;
}
.contact h2 {
  font-weight: 700;
	font-size: 2.5rem;
	text-transform: uppercase;
	color: #fff;
}

.contact p {
	color: #fff;
	margin-bottom: 2%;
	text-align: center;
}

.contact form {
	max-width: 37.5rem;
	/* 600px */
	margin: 0 auto;
}

.contact input,
.contact select {
	width: 100%;
	padding: 1rem;
	margin-bottom: 1rem;
	font-size: 1rem;
	/* 16px */
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid #cc7b39;
	border-radius: 0;
	background-color: #394649;
	color: #fff;
	float: left;
}

.contact input:focus,
.contact select:focus {
	outline: none;
	background-color: #394649;
	border-color: #ced542;
}

.contact .btn {
	background-color: #cc7b39;
	width: 100%;
	color: #fff;
	padding: 0.75rem 1.5rem;
	font-size: 1rem;
	/* 16px */
	border: none;
	border-radius: 0;
	cursor: pointer;
}

.contact .btn:hover {
	background-color: #ced542;
}

/* Footer */
/* Footer Styles */
.footer {
	background-color: #2a3637;
	/* Cor de fundo marrom escuro */
	color: #ffffff;
	/* Cor do texto branca */
	padding: 2rem 1rem;
	/* Espaçamento interno do footer */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
}
.footer h2{
	text-transform: uppercase;
	font-size: 1.5rem;
	font-weight: 700;
}

.footer-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
}

.footer-logo img {
	max-height: 3rem;
	margin-bottom: 0.5rem;
}

.footer-logo p {
	font-size: 0.875rem;
	/* 14px em rem */
	color: #ffffff;
}
.footer-logo a,
.footer-logo a:hover{
	color: #fff;
	text-decoration: none;
}
.footer-social {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.footer-social p {
	font-size: 0.875rem;
	/* 14px */
	margin: 0;
}

.footer-social a img {
	width: 1.5rem;
	/* 24px */
	height: auto;
}
.whatsapp{
	width: 75px;
	height: 75px;
	position: fixed;
	bottom:3%;
	right: 2%;
	z-index: 999;
}
.whatsapp img{
	width: 100%;
	height: auto;
}

/* Responsividade */
@media (max-width: 768px) {
	
    /* Mantém o menu fixo no topo no mobile */
    .navbar {
        background-color: rgba(204, 123, 57, 1);
    }
    /* Ajusta o botão hamburguer */
    .navbar-toggler {
        border: none;
        background: transparent;
        outline: none;
    }
    /* Cor branca para o ícone do hamburguer */
    .navbar-toggler-icon {
        filter: invert(100%);
    }
    /* Faz o menu ocupar toda a largura e centraliza */
    .navbar-collapse {
        background: rgba(204, 123, 57, 0.95); /* Mantém o tom laranja */
        padding: 10px;
        border-radius: 5px;
    }
    .navbar-nav {
        text-align: center;
        width: 100%;
    }
    .navbar-nav .nav-item {
        margin-bottom: 10px;
    }

    /* O botão "Agendar Visita" ocupa toda a largura no mobile */
    .navbar-nav .btn {
        width: 100%;
        text-align: center;
    }

	a.btn{
		font-size: 20px;
	}

	.navbar-brand {
		margin-left: 1rem!important;
	}
	
	.navbar-nav .nav-link {
		margin-left: 0!important;
	}

	.hero .col-md-6{
		max-width: 100%;
	}
	.hero h1 {
		/*font-size: 3.5rem;*/
        font-size: 50px;
		/* 36px */
	}
	.hero h2 {
		font-size: 2.5rem;
		/* 36px */
	}

	.hero p {
		width: 95%!important;
		font-size: 1.5rem;
		/* 16px */
	}

	.about h2 {
		font-size: 1.5rem;
		/* 24px */
	}

	.about p {
		font-size: 1rem;
		/* 16px */
	}
	.mapa{
		height: auto!important;
		padding-bottom: 25px;
	}
	.mapa h3 {
		font-size: 1.5rem;
		/* 24px */
	}
	.mapa .text {
		padding: 0!important;
		margin-left: 1%;
	}
	.local iframe {
		min-height: 500px;
	}
		.fotos .text ul li {
		width: 47.5%;
		margin: 0 5% 5% 0;
	}
		.fotos .text ul li.direita {
		margin: 0 0 5% 0;
	}

	.fotos .text ul li img {
		width: 90%!important;
	}

	#localizacao{
		padding-top: 30px;
	}
	#plantas {
		padding-top: 60px;
	}

	.planta img {
		padding: 0!important;
		width: 90%!important;
		margin: 5%;
	}

	.cta p {
		font-size: 1rem;
		/* 16px */
	}

	.contact h2 {
		font-size: 1.5rem;
		/* 24px */
	}
}

.obrigado{
	height: 100vh;
    background: #ebc25c url(../img/bg_mapa.jpg);
	display: flex;
	justify-content: center;
	align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 1rem;
}