/* Box Topo */
.boxTopo{position: relative; display: flex ; align-items: center; width: 100%; background: #000; height: 100vh; max-height: 880px; min-height: 550px;}
	.boxTopo::after{content: "";width: 100%;height: 100%;background: url('../img/bannerComunidadeLocal.webp') no-repeat center top;background-size: cover; opacity: 0.7;position: absolute;top: 0px;left: 50%;transform: translateX(-50%);}
	.boxTopo .centro{width: 100%;max-width: 1640px;padding: 0px 20px;margin: 0px auto;}
		.boxTopo .centro h2{width: 100%;max-width: 568px;line-height: 52px;margin: 0px;padding-top: 62px;}
			.boxTopo .centro h2 b{display: block;}

	/* Estatistica */
	.boxTopo .estatistica{background: #0000007A;position: relative;z-index: 2;}
		.boxTopo .estatistica .centro{display: flex;justify-content: space-between;gap: 20px;position: relative;z-index: 0;padding: 63px 20px 0px;}

			.boxTopo .estatistica .centro span{width: max-content;display: block;font-size: 16px;font-weight: 700;line-height: 16px;text-transform: uppercase;letter-spacing: 0.02em;color: #A0A0A0;}
				.boxTopo .estatistica .centro span b{display: block;font-size: 12px;font-weight: 700;letter-spacing: 0.02em;color: #5A5A5A;margin-top: 2px;}
			.boxTopo .estatistica .centro p{color: #FFF;letter-spacing: 0.037em;}

			/* Total */
			.boxTopo div.estatistica .centro div.total{width: 100%;max-width: 273px;position: relative;z-index: 1;}
			.boxTopo div.estatistica .centro div.total strong{font-size: 32px; font-weight: 300; line-height: 40px; letter-spacing: -0.02em; color: #FFF;}
				.boxTopo div.estatistica .centro div.total strong b{font-size: 40px;font-weight: 600;margin-right: 8px;}

			/* Detalhe */
			.boxTopo div.estatistica .centro span.detalhe{width: 20px;min-width: 20px;position: relative;}
				.boxTopo div.estatistica .centro span.detalhe::after{content: "";width: 2px;height: 100%;background: linear-gradient(180deg, rgba(59, 59, 59, 0.2) 0%, #454545 100%);position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);pointer-events: none;}

			.boxTopo div.estatistica .centro ul{display: flex;justify-content: space-between;gap: 20px;width: 100%;max-width: 1208px;padding-bottom: 71px;}
				.boxTopo div.estatistica .centro ul li{width: 100%;max-width: max-content;display: flex;flex-direction: column;justify-content: space-between;gap: 11px;position: relative;}
					.boxTopo div.estatistica .centro ul li.objetivo{min-width: 314px;}
					.boxTopo div.estatistica .centro ul li.bioma{max-width: 238px;}
					.boxTopo div.estatistica .centro ul li:not(.boxTopo div.estatistica .centro ul li.objetivo) span::after, .boxTopo div.estatistica .centro div.total span::after{content: "";width: calc(100% + 9px);display: block;height: 2px;background: #2E2E2E;margin: 8px 0px 8px;pointer-events: none;}
						
/* Box Conteudo */
.boxConteudo > ul > li:nth-of-type(even){background: #EDE9E8;}
	.boxConteudo ul li .centro{width: 100%;max-width: 1640px;display: flex;justify-content: space-between;gap: 20px;padding: 0px 20px 0px;margin: 0px auto;}
		.boxConteudo ul li .centro .titulo{width: 100%;max-width: 273px;height: max-content;position: sticky;top: -57px;padding: 160px 0px 100px;}
			.boxConteudo ul li .centro .titulo h2{font-size: 48px;font-weight: 300;line-height: 52px;letter-spacing: -0.02em;text-align: right;color: #423E3B;}
					.boxConteudo ul li .centro .titulo h2 b{font-weight: 700;}

		.boxConteudo ul li .centro .detalhe{width: 100%;max-width: 20px;position: relative;}
		.boxConteudo ul li:first-of-type .centro .detalhe{margin-top: 160px;}
		.boxConteudo ul li:first-of-type .centro .detalhe::before{content: "";width: 20px;height: 20px;background: radial-gradient(circle, #EDE9E8 21%, #FFF 28%);border: 2px solid #EDE9E8;border-radius: 100%;position: absolute;left: 50%;top: 5px;transform: translateX(-50%);z-index: 1;pointer-events: none;}
			.boxConteudo ul li .centro .detalhe::after{content: "";width: 2px;height: 100%;background: url("data:image/svg+xml,%3Csvg width='2' height='408' viewBox='0 0 2 408' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='-4.37114e-08' x2='1.00002' y2='434' stroke='%23EDE9E8' stroke-width='2' stroke-dasharray='4 4'/%3E%3C/svg%3E%0A");position: absolute;left: 50%;top: 5px;transform: translateX(-50%);pointer-events: none;}
			.boxConteudo ul li:nth-of-type(even) .centro .detalhe::after{background:  url("data:image/svg+xml,%3Csvg width='2' height='408' viewBox='0 0 2 408' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='-4.37114e-08' x2='1.00002' y2='434' stroke='%23DBDBDB' stroke-width='2' stroke-dasharray='4 4'/%3E%3C/svg%3E%0A");position: absolute;left: 50%;top: 5px;transform: translateX(-50%);}

		.boxConteudo ul li .centro .conteudo{width: 100%;max-width: 1208px;position: relative;padding: 160px 0px 100px;}
			.boxConteudo ul li .centro .conteudo h3{font-size: 20px;font-weight: 800;line-height: 28px;letter-spacing: 0.02em;text-transform: uppercase;color: #0D0D0D;margin-bottom: 12px;}
			.boxConteudo ul li .centro .conteudo p{font-size: 20px;font-weight: 400;line-height: 32px;letter-spacing: 0.02em;color: #807573;}
				.boxConteudo ul li .centro .conteudo p b{font-weight: 700;color: #423E3B;}

			.boxConteudo ul li .centro .conteudo ul.distribuicao{margin: 44px 0px 32px 13px;}
			.boxConteudo ul li .centro .conteudo ul.produtores{margin: 32px 0px 0px 12px;}
				.boxConteudo ul li .centro .conteudo ul li{display: flex;gap: 13px;margin-bottom: 12px;}
				.boxConteudo ul li .centro .conteudo ul.produtores li{margin-bottom: 32px;gap: 12px;}
				.boxConteudo ul li .centro .conteudo ul.distribuicao li::before{content: "";width: 4px;min-width: 4px;height: 4px;background: #1E1E1E;border-radius: 100%;margin-top: 15px;}
				.boxConteudo ul li .centro .conteudo ul.produtores li::before{content: "";width: 6px;min-width: 6px;height: 6px;background: #1E1E1E;border-radius: 100%;margin-top: 14px;}

		.boxConteudo ul li .centro .conteudoEcossistema{display: flex;justify-content: space-between; gap: 20px;}
			.boxConteudo ul li .centro .conteudo p{width: 100%; max-width: 888px;}
			.boxConteudo ul li .centro .conteudoEcossistema div.localizacao{width: 100%;max-width: 223px;margin-top: 6px;}
				.boxConteudo ul li .centro .conteudoEcossistema div.localizacao span{display: block;font-size: 16px;font-weight: 800;line-height: 16px;text-transform: uppercase;color: #423E3B;}
				.boxConteudo ul li .centro .conteudoEcossistema div.localizacao span::after{content: "";display: block;width: 60px;height: 2px;background: #EDE9E8;margin: 10px 0px 29px;}
				.boxConteudo ul li .centro .conteudoEcossistema div.localizacao svg{width: 223px;height: 192px;}

			.boxConteudo ul li .centro .conteudo ul.boxImagens{display: flex;justify-content: space-between;flex-wrap: wrap;display: grid;grid-template-columns: repeat(auto-fill, minmax(291px, 1fr));gap: 16px;margin-bottom: 53px;}
				.boxConteudo ul li .centro .conteudo ul.boxImagens li{width: 100%; height: 100%;}
					.boxConteudo ul li .centro .conteudo ul.boxImagens li figure{width: 100%; height: 286px; position: relative;}
						.boxConteudo ul li .centro .conteudo ul.boxImagens li figure::before{content: "";width: 100%;height: 154px;background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 0.78785) 74.36%, #0A0A0A 110.94%);border-radius: 0px 0px 4px 4px;position: absolute;bottom: 0px;left: 0px;pointer-events: none;}
						.boxConteudo ul li .centro .conteudo ul.boxImagens li figure img{width: 100%;height: 100%;border-radius: 4px;object-fit: cover;}
					.boxConteudo ul li .centro .conteudo ul.boxImagens li figurecaption{width: 100%;max-width: 336px;font-size: 18px;font-weight: 600;line-height: 20px;letter-spacing: 0.02em;color: #FFF;position: absolute;bottom: 23px;left: 50%;transform: translateX(-50%);padding: 0px 20px;}

@media (min-width: 1000px) and (max-width: 1800px) {
    .boxTopo .centro{padding-left: 96px;} }

@media (min-width: 1000px) and (max-width: 1370px){
    .boxTopo {max-height: 615px;}
        .boxTopo .centro{transform: scale(0.85);}
            .boxTopo .centro h2 { padding-top: 126px;}}

/* MOBILE */

._320 main{width: 100%; max-width: 440px; margin: 0px auto; overflow: clip;}

/* Box Topo */
._320 .boxTopo{height: 280px; min-height: initial;}
	._320 .boxTopo .centro{padding: 0 20px; position: relative; width: fit-content; margin: 50px auto 0;}
	        ._320 .boxTopo .centro::before{content: ""; display: block; position: absolute; width: calc(100% - 40px); height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #00000029; z-index: -1; filter: blur(25px); user-select: none; pointer-events: none;}
		._320 .boxTopo .centro h2{padding-top: initial; max-width: 220px; line-height: 26px; margin-bottom: 0px;}
		._320 body.en .boxTopo .centro h2{max-width: 256px;}
			._320 body.en .boxTopo .centro h2 b{display: initial;}

/* Box Conteudo */
._320 .boxConteudo > ul{position: relative;}
	._320 .boxConteudo > ul::before{content: ""; width: 100%;height: 132px;background: linear-gradient(180deg, #473D373D 0%, #473D3700 100%);position: absolute;top: 0px;left: 0px;pointer-events: none;}
		._320 .boxConteudo ul li .centro{padding: 60px 20px;flex-direction: column;gap: 0px;}
		._320 .boxConteudo ul li .centro.plano{padding-top: 0px;}
			._320 .boxConteudo ul li .centro .titulo{max-width: initial;position: sticky;padding: 0px;}
				._320 .boxConteudo ul li .centro .titulo h2{font-size: 24px;line-height: 32px;text-align: center;}

			._320 .boxConteudo ul li .centro .detalhe{display: none;}

			._320 .boxConteudo ul li .centro .conteudo{padding: 38px 0px 0px;}
				._320 .boxConteudo ul li .centro .conteudo h3{font-size: 16px;line-height: 22px;text-align: center;margin-bottom: 20px;}
					._320 .boxConteudo ul li .centro .conteudo ul.fauna li{font-size: 16px;line-height: 28px;}

			._320 .boxConteudo ul li .centro .conteudoEcossistema{flex-direction: column;gap: 60px;padding: 38px 0px 0px;}
				._320 .boxConteudo ul li .centro .conteudo p{font-size: 16px;line-height: 24px;text-align: center;}
				._320 .boxConteudo ul li .centro .conteudoEcossistema div.localizacao{max-width: initial;margin: 0px;}
					._320 .boxConteudo ul li .centro .conteudoEcossistema div.localizacao span{text-align: center;}
					._320 .boxConteudo ul li .centro .conteudoEcossistema div.localizacao span::after{margin: 10px auto 38px;}
					._320 .boxConteudo ul li .centro .conteudoEcossistema div.localizacao svg{display: block;margin: 0px auto;}

			._320 .boxConteudo ul li .centro .conteudo ul{margin: 34px 0px 34px 13px;}
				._320 .boxConteudo ul li .centro .conteudo ul li:last-of-type{margin-bottom: 0px;}
					._320 .boxConteudo ul li .centro .conteudo ul li p{text-align: left;}

			._320 .boxConteudo ul li .centro .conteudo ul.produtores{margin-bottom: 0px;}
				._320 .boxConteudo ul li .centro .conteudo ul.produtores li:last-of-type{margin-bottom: 0px;}
					._320 .boxConteudo ul li .centro .conteudo ul.produtores li p{text-align: left;}

				._320 .boxConteudo ul li .centro .conteudo ul.boxImagens{grid-template-columns: repeat(auto-fill, minmax(124px, 1fr));margin: 0px;gap: 15px;}
						._320 .boxConteudo ul li .centro .conteudo ul.boxImagens li figure{height: 155px;}
							._320 .boxConteudo ul li .centro .conteudo ul.boxImagens li figure::before{height: 80px;}
							._320 .boxConteudo ul li .centro .conteudo ul.boxImagens li figure img{object-fit: cover;}
						._320 .boxConteudo ul li .centro .conteudo ul.boxImagens li figurecaption{max-width: initial;font-size: 12px;line-height: 16px;text-align: center;bottom: 15px;padding: 0px 10px;}

				._320 .boxConteudo ul li .centro.plano .conteudo p{width: 100%;max-width: 191px;line-height: 26px;margin: 0px auto 10px;}
				._320 .boxConteudo ul li .centro.plano .conteudo a:link,
				._320 .boxConteudo ul li .centro.plano .conteudo a:active,
				._320 .boxConteudo ul li .centro.plano .conteudo a:visited{gap: 12px;padding: 11px 22px 13px;}
					._320 .boxConteudo ul li .centro.plano .conteudo a b{font-size: 16px;}