:root {

	--primary-color: #8f2261;
	--secondary-color: #87c095;
	--tertiary-color: #e6e7e9;
	--cinzaclaro1: rgba(230, 231, 232, 1.0);
	--cinzaclaro2: rgba(210, 211, 213, 1.0);
	--cinzaescuro: rgba(109, 110, 112, 1.0);
	--cinzaescuro2: rgba(64, 64, 65, 1.0);
	--quasebranco4: rgba(255, 255, 255, 0.4);
	--quasebranco8: rgba(255, 255, 255, 0.8);
}

html,
body {
	position: relative;
}

html,
body,
p {
	padding: 0;
	margin: 0;
	text-transform: none;
}



/* LANDING PAGE */

#landingpage {
	display: flex;
	flex-direction: column;
	width: 90%;
	margin: 0 5%;
}

/* Geral */
.tac {
	text-align: center;
}

.texto *,
.textos * {
	line-height: normal !important;
}

.back-cinzaclaro {
	background-color: var(--cinzaclaro1);
}

/* section {background-color: var(--cinzaclaro1);} */


@media screen and (min-width: 768px) {
	#landingpage {
		width: 100%;
		margin: 0;
	}
}


section.banner-landing .bannerimg {
	width: 100vw;
	height: 41.67vw;
	background-size: cover;
	background-repeat: no-repeat;
}

section.banner-landing .shadow {
	background-color: rgba(0, 0, 0, 0.45);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

section.banner-landing .textos {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0%;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

section.banner-landing .textos .t1 {
	font-size: max(2.09vw, 27px);
	margin-bottom: 20px;
	color: white;
	text-align: center;
}

section.banner-landing .textos .t2 {
	font-size: max(1.56vw, 20px);
	color: white;
}

section.banner-landing .textos .t3 {
	font-size: max(1.30vw, 15px);
	margin-bottom: 7.82vw;
	color: white;
}

section.banner-landing .swiper-pagination-bullet,
section.banner-landing .swiper-pagination-bullet-active {
	background: #fff;
}

section.banner-landing .swiper-wrapper,
section.banner-landing .swiper-slide {
	height: fit-content;
}

section.banner-landing .swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	top: 50%;
	right: 20px;
	transform: translate(0, -50%);
}

section.banner-landing .swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	top: 50%;
	left: 20px;
	transform: translate(0, -50%);
}


.gravatai {
	text-align: center;
	padding: 60px 0;
	text-transform: uppercase;
	font-size: 48px;
}

.gravatai span {
	background: var(--secondary-color);
	color: #fff;
	padding: 5px;
}

.gravatai h4 span {
	font-family: 'din_black', sans-serif;
}

@media screen and (max-width: 590px) {

	section.banner-landing .swiper-button-next,
	section.banner-landing .swiper-button-prev {
		display: none;
	}

	section.banner-landing .textos {
		justify-content: center;
		padding-top: 30px;
	}

	section.banner-landing .textos .t1 {
		text-align: center;
		padding: 0 10px;
	}

	section.banner-landing .textos .t2 {
		margin-bottom: 30px;
		padding: 0 10px;
	}
}

@media screen and (max-width: 500px) {
	section.banner-landing .textos {
		display: none;
	}
}

section.video {
	padding: 6vw;
}

section.video .videotexto {
	text-align: center;
	color: var(--cinzaescuro);
}

section.video .videotexto .t1 {
	font-size: max(1.67vw, 25px);
	line-height: normal;
}

section.video .videotexto .t2 {
	font-size: max(1.40vw, 20px);
	line-height: normal;
}

@media screen and (max-width: 900px) {
	section.video {
		padding: max(10px, 5.5vw) max(15px, 7.22vw);
	}
}

section.plantas {
	padding: 20px;
	background-color: var(--tertiary-color);
	align-content: center;
	display: flex;
	flex-direction: column;
	gap: 2vw;
	align-items: center;
	justify-content: center;
	text-align: center;
}

section.plantas img {
	width: 100%;
}

section.plantas ul {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	list-style: none;
	gap: 40px;
	text-transform: uppercase;
	align-content: center;
	flex-wrap: wrap;
}

section.plantas ul li {
	display: flex;
	gap: 10px;
	display: flex;
	align-items: center;
}

section.plantas ul .lista-item {
	display: inline-block;
	height: 30px;
	width: 30px;
	border-radius: 6px;
}

section.plantas a {
	padding: 20px 40px;
	color: #fff;
	background: var(--primary-color);
	border-radius: 30px;
	text-decoration: none;
}


.plantas .texto {
	font-size: 22px;
	width: 88%;
	margin: -60px 0 60px 0;
}

section.numeros {
	background-image: url(../img/fx-textura.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 50px;
	padding: 120px 65px;
}

section.numeros .numero {
	min-width: 100px;
}

section.numeros .pre,
section.numeros .valor {
	font-size: max(1.00vw, 15px);
	color: white;
	text-transform: uppercase;
}

section.numeros .sub {
	font-size: max(1.00vw, 15px);
	color: white;
	text-align: center;
	text-transform: uppercase;
}

section.numeros .sub b {
	font-weight: 800;
}




section.news {
	padding-top: 50px;
	padding-bottom: 50px;
}

section.news .texto .texto1 {
	text-align: center;
	color: var(--cinzaescuro2);
	font-weight: 500;
	font-size: 40px;
	margin-bottom: 30px;
}

section.news .texto .texto2 {
	text-align: center;
	color: var(--cinzaescuro2);
	font-size: 20px;
	width: 790px;
	margin: 0 auto;
}

section.news .swiper-wrapper,
section.banner-landing .swiper-slide {
	height: fit-content;
}


@media screen and (max-width: 800px) {
	section.news .texto .texto2 {
		width: max(80%, 350px);
	}
}

@media screen and (max-width: 600px) {
	section.news .texto {
		padding: 0 15px;
	}

	section.news .texto .texto2 {
		width: 100%;
	}

}

section .carrouselnews {
	padding: 50px 0 50px;
}

section .carrouselnews img {
	width: 100%;
	height: auto;
}

section.news .buttontype {
	background-color: black;
	color: white;
	padding: 30px max(9.34vw, 30px);
	font-size: max(17px, 1.30vw);
	text-align: center;
	text-decoration: none;
	border-radius: 75px;
	display: block;
	width: fit-content;
	margin: 0 auto;
}

section.img3d .texto {
	padding: 50px 20px 20px;
	text-align: center;
	color: var(--cinzaescuro);
}

section.img3d .texto .texto1 {
	font-size: 39px;
	margin-bottom: 20px;
}

section.img3d .texto .texto2 {
	font-size: 22px;
}

section.img3d .img3dimagem {
	width: 100%;
	height: 80vw;
	min-height: 350px;
	max-height: 800px;
	background-image: url('../img/expansao/01.jpg');
	background-size: cover;
	background-repeat: repeat;
	background-position: bottom;
}

.news-bg {
	background-size: contain;
	background-repeat: no-repeat;
	height: 400px;
	width: 650px;
	display: flex;
}

.news-item {
	align-self: flex-end;
	background: #8f2261;
	width: 100%;
	height: 20%;
	padding: 10px 40px 10px 40px;
	text-align: center;
	color: #fff !important;
}

.news-item a {
	color: #FFF;
	font-size: 20px;
}

@media screen and (max-width: 750px) {
	section.img3d .texto .texto1 {
		font-size: 36px;
	}

	.news-item {
		background: #87c095 !important;
	}
}

section.expansao .texto {
	padding: 70px 15px 70px;
	text-align: center;
	color: var(--cinzaescuro);
}

section.expansao .texto .texto1 {
	font-size: 39px;
	margin-bottom: 20px;
}

section.expansao .texto .texto2 {
	font-size: 22px;
}

@media screen and (max-width: 750px) {
	section.expansao .texto .texto1 {
		font-size: 36px;
	}
}

section.expansao .centralgrid {
	display: block;
	margin: 0 auto;
	width: 100%;
}

section.expansao .grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(12, 1fr);
	gap: 30px;
	height: 800px;
}

section.expansao .grid .box {
	background-color: var(--cinzaescuro);
	float: none;
	width: auto;
}

section.expansao .grid .box1 {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 12;
}

section.expansao .grid .box2 {
	grid-column-start: 4;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 6;
}

section.expansao .grid .box3 {
	grid-column-start: 6;
	grid-column-end: 8;
	grid-row-start: 1;
	grid-row-end: 6;
}

section.expansao .grid .box4 {
	grid-column-start: 8;
	grid-column-end: 13;
	grid-row-start: 1;
	grid-row-end: 8;
}

section.expansao .grid .box5 {
	grid-column-start: 4;
	grid-column-end: 6;
	grid-row-start: 6;
	grid-row-end: 12;
}

section.expansao .grid .box6 {
	grid-column-start: 6;
	grid-column-end: 8;
	grid-row-start: 6;
	grid-row-end: 12;
}

section.expansao .grid .box7 {
	grid-column-start: 8;
	grid-column-end: 13;
	grid-row-start: 8;
	grid-row-end: 12;
}

section.expansao .grid .expansao_bgimg {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}


@media screen and (max-width: 1200px) {
	section.expansao .grid .expansao_bgimg {
		background-position: top;
	}

	section.expansao .grid .box1 .expansao_bgimg {
		background-position: 0 28%;
	}

	section.expansao .grid .box5 .expansao_bgimg {
		background-position: 0 28%;
	}

	section.expansao .grid .box1 {
		grid-column-start: 1;
		grid-column-end: 7;
		grid-row-start: 1;
		grid-row-end: 7;
	}

	section.expansao .grid .box2 {
		grid-column-start: 7;
		grid-column-end: 13;
		grid-row-start: 1;
		grid-row-end: 7;
	}

	section.expansao .grid .box3 {
		grid-column-start: 1;
		grid-column-end: 7;
		grid-row-start: 7;
		grid-row-end: 13;
	}

	section.expansao .grid .box4 {
		grid-column-start: 7;
		grid-column-end: 13;
		grid-row-start: 7;
		grid-row-end: 13;
	}

	section.expansao .grid .box5 {
		grid-column-start: 1;
		grid-column-end: 7;
		grid-row-start: 13;
		grid-row-end: 18;
	}

	section.expansao .grid .box6 {
		grid-column-start: 7;
		grid-column-end: 13;
		grid-row-start: 13;
		grid-row-end: 18;
	}

	section.expansao .grid .box7 {
		grid-column-start: 1;
		grid-column-end: 13;
		grid-row-start: 18;
		grid-row-end: 24;
	}
}







@media screen and (max-width: 1200px) {

	section.expansao .grid .box3,
	section.expansao .grid .box6 {
		display: none;
	}

	section.expansao .grid .box2 {
		grid-column-end: 8;
	}

	section.expansao .grid .box5 {
		grid-column-end: 8;
	}
}

@media screen and (max-width: 900px) {
	.swiper-container {
		width: 100vw;
	}

	section.expansao .grid .box1 {
		display: none;
	}

	section.expansao .grid .box2 {
		grid-column-start: 1;
	}

	section.expansao .grid .box5 {
		grid-column-start: 1;
	}
}

@media screen and (max-width: 650px) {

	section.expansao .grid .box4,
	section.expansao .grid .box7 {
		display: none;
	}

	section.expansao .grid .box2 {
		grid-column-end: 13;
	}

	section.expansao .grid .box5 {
		grid-column-end: 13;
	}

	section.expansao .grid .box2 .expansao_bgimg {
		background-position: top;
	}

	section.expansao .grid .box5 .expansao_bgimg {
		background-position: top;
	}
}


footer {
	background-color: black;
	padding: 65px 50px 20px;
}

footer ul {
	padding: 0;
	list-style: none;
	margin-bottom: 50px;
}

footer ul li {
	color: var(--quasebranco8);
}

footer .logos {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 60px;
	flex-wrap: wrap;
}

footer .logos img {
	width: 100px;
	height: auto;
}

footer a {
	text-decoration: none;
}

footer p {
	color: var(--quasebranco8);
	text-align: center;
	margin-bottom: 50px;
}

footer p a {
	color: var(--quasebranco8);
}

footer .buttontype {
	border: 1px solid white;
	color: white;
	padding: 20px 6.78vw;
	font-size: 25px;
	margin: 0 auto 40px auto;
	text-align: center;
	text-decoration: none;
	border-radius: 75px;
	display: block;
	width: fit-content;
	background: black;
	transition: all ease 0.4s;
}

footer .buttontype:hover {
	border: 1px solid var(--cinzaclaro1);
	background: var(--quasebranco8);
	color: black;
}

footer .bywho {
	width: 100%;
	text-align: right;
}

footer .bywho a {
	color: var(--quasebranco8);
}

@media screen and (max-width: 1200px) {
	footer .buttontype {
		font-size: max(1.30vw, 17px);
	}
}


.modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 10;
}

.modal .modalcontent {
	padding: 15px;
}

@media screen and (max-width: 960px) {
	.modal .modalcontent {
		padding-top: 150px;
	}
}

.modal .closemodal {
	display: block;
	text-align: right;
	color: white;
	padding-right: 20px;
	padding-bottom: 10px;
	cursor: pointer;
}

.modal .imgmodal {
	width: max(88.54vw, 340px);
	margin: 0 auto;
	display: block;
}

.modal .imgmodal img {
	width: max(88.54vw, 340px);
}

.modal .modal2content {
	padding: 15px;
}

@media screen and (max-width: 960px) {
	.modal .modal2content {
		padding-top: 150px;
	}
}

.modal .closemodal2 {
	display: block;
	text-align: right;
	color: white;
	padding-right: 20px;
	padding-bottom: 10px;
	cursor: pointer;
}

.modal .imgmodal2 {
	width: max(88.54vw, 340px);
	margin: 0 auto;
	display: block;
}

.modal .imgmodal2 img {
	margin: 0 auto;
	display: block;
	max-width: 90%;
	max-height: 90vh;
}