.banner{
	width: 100%;
	background-color: #000;
}
.banner img{
	width: 100%;
	object-fit: contain;
}
.bn-d{
	display: flex;
}
.bn-m{
	display: none;
}

/* ----- CONTEUDO 1 ----- */
.conteudo1{
	width: 100%;
	background-color: var(--verde);
	padding: 3% 0;
}
.conteudo1-content{
	margin-left: auto;
	width: 85%;
	display: flex;
}
.conteudo1-text{
	width: 33%;
	margin-right: auto;
	align-self: center;
}
.conteudo1-text h2{
	color: #fff;
	font-size: 2.5vw;
	font-weight: 900;
	margin-bottom: 5%;
}
.conteudo1-text p{
	color: #fff;
	font-size: 0.95vw;
	line-height: 1.5;
}
.eventos-slider{
	width: 65%;
}
.et-slide{
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.et-slide img{
	width: 100%;
	object-fit: contain;
	border-radius: 20px;
}
.et-slide .filtro{
	display: none;
}
.et-slide .et-text{
	display: none;
}
.et-slide:hover .filtro, .et-slide:hover .et-text{
	display: flex;
	flex-wrap: wrap;
}
.et-slide:hover .filtro{
	position: absolute;
	top: 0;
}
.et-slide:hover .et-text{
	position: absolute;
	bottom: 10%;
	width: 100%;
	justify-content: center;
	text-align: center;
}
.et-slide:hover .et-text h2{
	color: #fff;
	font-size: 1vw;
	font-weight: 500;
}
.et-slide:hover .et-text div{
	width: 100%;
	justify-content: center;
	text-align: center;
}
.et-slide:hover .et-text div span{
	color: var(--verde);
	font-size: 0.90vw;
	font-weight: 500;
	margin-right: 4%;
}
.et-slide:hover .et-text div img{
	width: 8%;
}

/* ----- CONTEUDO 2 ----- */
.conteudo2{
	width: 100%;
	background-image: url('../imagens/eventos/bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.borda-t{
	border-top: 1px solid var(--verde);
}
.conteudo2-cards{
	width: 100%;
	display: flex;
	padding: 5% 0;
}
.box{
	display: flex;
	width: 75%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.box-slide{
	width: 58%;
}
.evento1-slider{
	width: 100%;
}
.et1-slide{
	width: 98%;
	position: relative;
	cursor: pointer;
}
.et1-slide img{
	width: 100%;
}
.et1-slide .filtro{
	display: none;
}
.et1-slide:hover .filtro{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
}
.evento2-slider{
	width: 100%;
	margin-top: 5%;
}
.et2-slide{
	width: 90%;
	cursor: pointer;
}
.et2-slide img{
	width: 100%;
}
.box-text{
	width: 39%;
	margin-left: auto;
	align-content: center;
}
.box-text h2{
	color: #fff;
	font-size: 2.5vw;
	font-weight: 900;
	margin-bottom: 5%;
}
.box-text p{
	line-height: 1.5;
	color: #fff;
	font-size: 1vw;
	margin-bottom: 5%;
}
.text-item{
	display: flex;
	width: 100%;
	margin-top: 4%;
}
.text-item h3{
	color: #fff;
	min-width: 60%;
	font-weight: 500;
	font-size: 0.90vw;
}
.text-item span{
	color: var(--verde);
	min-width: 40%;
	font-weight: 500;
	font-size: 0.90vw;
}

.paginacao{
	width: 75%;
	margin: 0 auto;
	padding-bottom: 5%;
}
.paginacao-content{
	background-color: var(--verde);
	border-radius: 30px;
	padding: 2vh 1.5vw;
}
.paginacao-content li{
	display: flex;
	width: 2vw;
	justify-content: center;
}
.paginacao-content a{
	color: #fff;
	font-size: 1vw;
	font-weight: 500;
	width: 100%;
	display: flex;
	justify-content: center;
}
.paginacao-content a:hover{
	color: #707070;
}



/* MEDIA DESKTOP */
@media screen and (max-width: 1600px){

}

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

}

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

}

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

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

}

/* MOBILE */
@media screen and (max-width: 768px){

}

@media screen and (max-width: 480px){
	.bn-d{
		display: none;
	}
	.bn-m{
		display: flex;
	}
	.conteudo1{
		padding: 10% 0;
	}
	.conteudo1-content{
		width: 100%;
		flex-wrap: wrap;
	}
	.conteudo1-text{
		width: 90%;
		margin: 0 auto 5%;
	}
	.conteudo1-text h2{
		font-size: 8vw;
	}
	.conteudo1-text p{
		font-size: 3.5vw;
	}
	.eventos-slider{
		width: 90%;
		margin: 0 auto;
	}
	.conteudo2-cards{
		padding: 10% 0;
	}
	.box{
		width: 90%;
		flex-wrap: wrap;
	}
	.box-slide{
		width: 100%;
		margin-bottom: 10%;
	}
	.et1-slide{
		width: 100%;
	}
	.et2-slide{
		width: 95%;
	}
	.box-text{
		width: 100%;
	}
	.box-text h2{
		font-size: 7.5vw;
	}
	.box-text p{
		font-size: 3.5vw;
	}
	.text-item h3, .text-item span{
		font-size: 3vw;
	}
	.paginacao{
		width: 90%;
	}
	.paginacao-content li{
		width: 10vw;
	}
	.paginacao-content a{
		font-size: 5vw;
	}

	.et-slide:hover .et-text h2{
		font-size: 4vw;
		text-align: center;
	}
	.et-slide:hover .et-text div span{
		font-size: 3.5vw;
		text-align: center;
	}
}

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

}

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

}