@charset "utf-8";

/* === Formatacao centralizada === */
#container {
	margin: 5vh 0 0;
	display: grid;
	grid-template-columns: repeat(12, [col-start] 1fr);
	grid-template-rows: auto;
}

#conteudo {
	grid-column: -10 / 10;
}

/* === Conteudo Projeto === */
#titulo {
	font-size: 24px;
	text-align: center;

	padding: 5vh 5vw;
}

#titulo h1 {
	font-family: 'Gilbert-Bold';
	font-weight: 500;
	font-size: 48px;
	margin: 2vh 0 3vh 0;
}

#titulo p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	font-size: 24px;
	padding: 0;
	margin: 0;
}

#categoria {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;

	padding: 3vh 0 0 0;
}

#categoria h2 {
	font-weight: 500;
}

#capa {
	padding: 5vh 0 0 0;
}

#capa img {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#capa p {
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-size: 12px;
}

#sobre {
	padding: 1vh 0 0 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
}

#sobre h2 {
	font-family: 'Gilbert-Bold';
	font-weight: 500;
	font-size: 24px;
}

#sobre p {
	font-size: 16px;
}

#fontes {
	padding: 5vh 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
}

#fontes h2 {
	font-family: 'Gilbert-Bold';
	font-weight: 500;
	font-size: 2rem;
}

#fontes p {
	font-size: 14px;
}

.pano-image {
	width: 100%;
	height: 500px;
}

#galeria {
	padding: 7vh 0 5vh 0;
}

.splide__slide img {
	width: 100%;
	height: 100%;
	/* max-height: 700px; */
	display: block;
	margin-left: auto;
	margin-right: auto;
}


#splide-thumb {
	margin: 3vh 0 0 0;
}

.splide__arrows.splide__arrows--ltr {
	background: none;
	background: none;
	border: none;
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
	opacity: 1;
	position: relative;
	z-index: 1;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.splide__slide p {
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-size: 1.15rem;
}

#galeria p {
	font-family: "Open Sans", sans-serif;
	text-align: center;
    font-size: 12px;
}

/* === Media Query === */
@media screen and (max-width: 960px) {
	#container {
		margin-top: 10px;
		display: grid;
		grid-template-columns: repeat(12, [col-start] 1fr);
		grid-template-rows: auto;
	}

	#conteudo {
		grid-column: 1 / -1;
	}

	#categoria {
		padding: 2vh 2vw;
		font-size: 0.8rem;
	}

	#capa{
		padding: 1vh 0  ;
	}

	#capa img {
		width: 100% !important;
	}

	#capa p {
		padding: 0 2vw;
	}

	#sobre {
		padding: 0vh 6vw;
	}

	#sobre p{
		font-size: 16px;
	}

	#fontes {
		padding: 3vh 6vw;
	}
	#fontes p {
		font-size: 1rem;
	}

	#galeria {
		padding: 2vh 2vw;
	}

	.splide__slide img {
		width: 100% !important;
		height: 100%;
		/* max-height: 250px; */
		display: block;
		margin-left: auto;
		margin-right: auto;
	}



	#titulo h1 {
		font-size: 22px !important;
		
	}

	#titulo p {
		
		font-size: 16px;
		margin-top: 15px;
	}

	#capa p {
		font-family: 'Open Sans', sans-serif;
		text-align: center;
		font-size: 10px;
	}

}

@media only screen and (max-width: 375px) {
	#titulo {
		font-size: 14px;
	}

	#categoria {
		font-size: 10px;
	}

	#sobre {
		font-size: 10px;
	}

	#fontes {
		font-size: 10px;
	}

}