* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	transition: all .3s ease-in-out;
}

:root {
	--douradoNavbar: #bc9c61;
	--CorFonte: #85705f;
	--MarromClaro: #b38f6c;
	--SizeParagrafo: 16.67px;
}

@keyframes float {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0);
	}
}

html,body {
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
}

body::-webkit-scrollbar {
	width: 10px;
}

body::-webkit-scrollbar-track {
	background: var(--MarromClaro);
}

body::-webkit-scrollbar-thumb {
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid var(--MarromClaro);
}

.message {
	transition: .8s ease-in-out;
	z-index: 99999;
	border-radius: 5px;
	border: 3px solid #37b452;
	color: #fff;
	position: fixed;
	top: 30px;
	margin: 0 auto;
	justify-content: center;
	transform: translateX(-50%);
	left: 50%;
	display: flex;
	align-items: center;
	background-color: #4BD068;
	padding: 18px 20px;
}

.message p {
	margin-bottom: 0;
}

.message.message-error {
	border: 3px solid #c53434;
	background-color: #D73D3D;
}

.btn-whats {
	background-color: #00b300;
	clip-path: circle();
	border-radius: 50%;
	padding: 14px;
	position: fixed;
	right: 6%;
	bottom: 10%;
	z-index: 99!important;
	display: flex;
	justify-content: center;
	align-items: center;
	animation: float 5s ease-in-out infinite;
}

.btn-whats svg {
	color: #fff;
	font-size: 50px;
}

.content {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
}

header {
	position: fixed;
	background-color: #fff;
	border-top: 21px solid var(--douradoNavbar);
	text-align: center;
	z-index: 99;
	width: 100%;
	padding: 8px;
}

header .content-header {
	max-width: 1260px;
	margin: 0 auto;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .btnMobile {
	display: none;
}

header .btnMobile {
	width: 30px;
	height: 25px;
	position: relative;
	cursor: pointer;
}

header .btnMobile span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: var(--CorFonte);
	border-radius: 10px;
	opacity: 1;
	left: 0;
	transition: transform 0.3s,opacity 0.3s;
}

header .btnMobile span:nth-child(1) {
	top: 0;
}

header .btnMobile span:nth-child(2) {
	top: 11px;
}

header .btnMobile span:nth-child(3) {
	top: 22px;
}

header .btnMobile.open span:nth-child(1) {
	transform: translateY(11px) rotate(45deg);
}

header .btnMobile.open span:nth-child(2) {
	opacity: 0;
}

header .btnMobile.open span:nth-child(3) {
	transform: translateY(-11px) rotate(-45deg);
}

header .wrapper-logo img {
	width: 225px;
	height: 101px;
	object-fit: cover;
}

header .wrapper-logo.mobile {
	display: none;
}

header .wrapper-links {
	margin: 0 auto;
	list-style: none;
	display: flex;
	align-items: center;
	gap: 67px;
	transform: translateX(75px);
}

header .wrapper-links.active {
	transition: transform .4s ease-in-out;
	background-color: var(--douradoNavbar);
	padding: 50px;
	padding-bottom: 0;
	width: 100%;
	height: 100vh;
	transform: translateX(0%);
	visibility: visible;
	opacity: 1;
	left: 0;
	top: 0;
	position: absolute;
	text-align: left;
}

header .wrapper-links.active li {
	margin-bottom: 50px;
}

header .wrapper-links.active li a {
	color: #fff;
}

header .wrapper-links li a {
	white-space: nowrap;
	text-decoration: none;
	font-size: 20.87px;
	color: var(--CorFonte);
}

header .wrapper-links li a.selected {
	font-weight: 600;
}

header .wrapper-links li.link-contact {
	transform: translateX(-20px);
	background-color: var(--douradoNavbar);
	border-radius: 7px;
	padding: 8px 20px;
}

header .wrapper-links li.link-contact a {
	color: #fff;
}

header .wrapper-links .dropdown-menu {
	padding: 20px;
}

main {
	flex: 1;
}

section {
	flex: 2;
}

h2#title-section {
	color: var(--MarromClaro);
	font-size: 25px;
}

.faixa-header {
	margin-top: 10rem;
	color: #fff;
	padding: 46px;
	background-image: url(../img/faixa-header.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: auto;
	display: flex;
	align-items: center;
	text-align: center;
}

.faixa-header h3 {
	font-size: 16.67px;
	margin: 0 auto;
}

.faixa-header a {
	color: #fff;
	text-decoration: none;
}

.section-contato {
	color: #fff;
	padding: 60px;
	background-image: url(../img/pagHome/banner-contato.webp);
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	height: 25rem;
}

.section-contato .wrapper-contato {
	float: left;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: translateX(-50px);
}

.section-contato .wrapper-contato h3 {
	font-size: 25px;
	text-align: center;
	max-width: 700px;
}

.section-contato .wrapper-contato .wrapper-inputs {
	text-align: center;
	justify-content: center;
	margin: 0 auto;
	display: flex;
	gap: 57px;
}

.section-contato .wrapper-contato .wrapper-inputs .group-input {
	display: flex;
	flex-direction: column;
}

.section-contato .wrapper-contato .wrapper-inputs .group-input input {
	width: 270px;
	height: 35px;
	padding: 10px;
	border: none;
	border-radius: 5px;
}

.section-contato .wrapper-contato .wrapper-inputs .group-input input:focus {
	border: none;
	outline: none;
}

.section-contato .wrapper-contato .group-checkbox {
	gap: 5px;
	display: flex;
	align-items: start;
	margin-top: 30px;
	margin-bottom: 27px;
}

.section-contato .wrapper-contato .group-checkbox p,.section-contato .wrapper-contato .group-checkbox a {
	color: #fff;
}

.section-contato .wrapper-contato .group-checkbox input {
	transform: translateY(6px);
}

.section-contato .wrapper-contato .group-button button {
	background-color: #fff;
	border: none;
	border-radius: 8px;
	padding: 1px 30px;
	font-size: 20.83px;
	color: var(--CorFonte);
	transition: background-color .3s ease-in;
}

.section-contato .wrapper-contato .group-button button:hover {
    background-color: var(--douradoNavbar);
    color: #fff;
}

.faixa-footer {
	padding: 20px;
	background-color: var(--MarromClaro);
}

.faixa-footer a {
	text-decoration: none;
	color: #fff;
}

.faixa-footer .wrapper-faixa {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 53px;
	transform: translateX(-80px);
}

.faixa-footer .wrapper-faixa .text {
	width: 390px;
	color: #fff;
	font-weight: 800;
	text-align: right;
	text-align-last: right;
	border-right: 3px solid #fff;
	padding-right: 10px;
}

.faixa-footer .wrapper-faixa .button button {
	border: none;
	background-color: #fff;
	color: var(--MarromClaro);
	border-radius: 7px;
	padding: 3px 20px;
	font-weight: bolder;
}

footer {
	flex-shrink: 0;
	background-color: rgb(255,255,255);
	padding-top: 20px;
}

footer img {
	width: 230px;
	height: auto;
	margin-left: 5px;
}

footer .wrapper-footer {
	margin: 0 auto;
	justify-content: space-between;
	height: max-content;
	display: flex;
	margin-top: 14px;
	flex-wrap: wrap;
}

footer .wrapper-footer .content-link {
	width: 250px;
}

footer .wrapper-footer .content-link h3 {
	font-weight: 700;
	font-size: 25px;
	margin-bottom: 10px;
	text-align: center;
	color: var(--CorFonte);
}

footer .wrapper-footer .content-link.about {
	width: 300px;
}

footer .wrapper-footer .content-link.about p:hover {
	color: var(--CorFonte);
}

footer .wrapper-footer .content-link.contact h3,footer .wrapper-footer .content-link.about h3 {
	text-align: left;
	color: var(--CorFonte);
}

footer .wrapper-footer .content-link a {
	text-decoration: none!important;
	font-size: 16.95px;
	color: var(--font-text-color);
}

footer .wrapper-footer .content-link ul {
	padding-left: 0!important;
}

footer .wrapper-footer .content-link ul li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	flex-wrap: wrap;
}

footer .wrapper-footer .content-link ul li i {
	transform: translateY(3px);
}

footer .wrapper-footer .content-link.pages .group-links {
	display: flex;
	justify-content: center;
}

footer .wrapper-footer .content-link.contact a {
	display: flex;
	align-items: center;
	gap: 6px;
	text-align: justify;
}

footer .wrapper-footer .content-link li a {
	position: relative;
}

footer .wrapper-footer .content-link li a:hover {
	color: var(--CorFonte);
}

footer .wrapper-footer .content-link li.selected a {
	color: var(--CorFonte);
	font-weight: 600;
}

.byEngenho {
	text-align: center;
	padding: 3px;
	background-color: var(--CorFonte);
}

@media(max-width:1200px) {
	header .content-header {
		padding: 0 10px;
	}

	header .btnMobile {
		display: block;
		z-index: 99;
	}

	header .wrapper-links {
		opacity: 0;
		display: block;
		width: 0;
		position: absolute;
		transform: translateX(-100%);
		visibility: hidden;
	}

	header .wrapper-logo.mobile {
		display: block;
	}

	header .wrapper-logo img {
		width: 170px;
		height: auto;
	}

	header .wrapper-links .wrapper-logo.desktop {
		display: none;
	}

	header .wrapper-links li.link-contact {
		background-color: transparent;
	}

	.section-contato .wrapper-contato h3 {
		text-shadow: 1px 1px 0 #361c06;
	}

	.section-contato form {
		padding: 20px;
		backdrop-filter: blur(8px);
		box-shadow: 0 10px 15px 10px rgb(0 0 0 / 15%);
		background-color: rgb(125 105 88 / 41%);
		border-radius: 20px;
	}

	.faixa-header {
		background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/faixa-header.webp);
		background-position-x: 85%;
		margin-top: 7rem;
	}

	.faixa-header h3 {
		text-shadow: 1px 1px 0 #361c06;
	}

	.faixa-footer .wrapper-faixa {
		flex-direction: column;
		transform: translateX(0);
		gap: 20px;
	}

	.faixa-footer .wrapper-faixa .text br {
		display: none;
	}

	.faixa-footer .wrapper-faixa .text {
		width: 100%;
		font-weight: 800;
		text-align: center;
		text-align-last: center;
		border-right: none;
		border-bottom: 3px solid #fff;
		padding-right: 0;
		padding-bottom: 10px;
	}

	footer img {
		display: flex;
		margin: 0 auto;
		margin-bottom: 30px!important;
	}

	footer .wrapper-footer .content-link {
		width: 100%!important;
	}

	footer .wrapper-footer .content-link.about h3 {
		text-align: center;
		width: 100%;
	}

	footer .wrapper-footer {
		flex-direction: column;
		justify-content: center;
		text-align: center;
		align-items: center;
		gap: 60px;
		padding: 20px;
	}

	footer .wrapper-footer .content-link ul li {
		justify-content: center;
	}

	footer .wrapper-footer .content-link.contact h3 {
		text-align: center;
	}

	footer .wrapper-footer .content-link.contact a {
		text-align: center;
		align-items: center!important;
		flex-direction: column;
	}

	footer .wrapper-footer .content-link.pages .group-links {
		justify-content: space-around;
	}
}

@media(max-width:860px) {
	main .content-main .item img {
		height: auto;
		width: 200%;
	}

	.section-contato {
		height: auto;
		padding: 40px 30px;
	}

	.section-contato .wrapper-contato {
		width: 100%;
		transform: none;
		padding: 20px;
		backdrop-filter: blur(8px);
		box-shadow: 0 10px 15px 10px rgb(0 0 0 / 15%);
		background-color: rgb(125 105 88 / 41%);
		border-radius: 20px;
	}

	.section-contato .wrapper-contato .wrapper-inputs {
		gap: 20px;
		flex-direction: column;
		width: 100%;
	}

	.section-contato .wrapper-contato .wrapper-inputs .group-input {
		text-align: left;
	}

	.section-contato .wrapper-contato .wrapper-inputs .group-input input {
		width: 100%;
		height: 35px;
	}

	.section-contato .wrapper-contato .group-checkbox {
		gap: 0;
	}

	.section-contato .wrapper-contato .group-checkbox input {
		width: 30px;
		height: 30px;
	}

	.section-contato .wrapper-contato .group-checkbox label {
		transform: translate(-20px,8px);
		text-shadow: 1px 1px 0 #361c06;
	}
	[data-anime]{
        transform: none !important;
        animation: none !important;
    }
}
[data-anime]{
    opacity: 0;
    transition: 1.2s;
}
[data-anime="left"]{
    transform: translate3d(-200px,0px,0);
}
[data-anime="right"]{
    transform: translate3d(200px,0px,0);
}
[data-anime="bottom"]{
    transform: translate3d(0px , -300px,0);
}
[data-anime="bottom-vertical"]{
    transform: translate3d(0 , 300px,0);
}
[data-anime].animate{
    opacity: 1;
    transform: translate3d(0px,0px,0px);
}