/* Atualizado em 22/08/2024 */
.bc-azul-microlins{
	background-color: #00377b;
}

.bc-branco{
	background-color: white;
}

.bc-cinza1{
	background-color: #e5e5e5;
}

.bc-cinza2{
	background-color: #d9d9d9;
}

.bc-flathub-branco-98{
	background-color: #fafafa;
}

.bc-flathub-branco-94{
	background-color: #f0f0f0;
}

.bc-flathub-branco-86{
	background-color: #dddcd9;
}

.bc-flathub-cinza-1{
	background-color: #ecebea;
}

.alinhar-centro-horizontal{
	align-items: center;
}

.alinhar-centro-vertical{
	justify-content: center;
}

.alinhar-distribuido-vertical{
	justify-content:space-between;
}

.alinha-esquerda-vertical{
	justify-content: flex-start;
}

.alinhar-baixo-horizontal{
	align-items: baseline;
}

.margem-topo{
	margin-top: 2%;
}

.margem-baixo{
	margin-bottom: 2%;
}

.margem-esquerda{
	margin-left: 2%;
}

.margem-direita{
	margin-right: 2%;
}

.mobile-borda-inferior{
	border: none;
}

body{
	margin: 0;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	min-height: 100vh;
	padding: 0;
	font-size: 1em;
	color: #1a1a1a;
}

header{
	width: 100%;
	padding: 0;
	display: flex;
	justify-content:center;	
	align-items:center;
	flex-wrap: wrap;
	padding: 1em 0px;
	background-color: white;
}

.linha{
	width: 100%;
	padding: 0;
	display: flex;
	justify-content:center;	
	align-items:center;
	flex-wrap: wrap;
	padding: 2em 0px;
}

.navbar {
	overflow: hidden;
	width: 75%;
	height: 4em;
	display: flex;
	justify-content:flex-start;
	align-items:center;
	gap: 3em;
}

.navbar img{
	height: 3em;
	margin-right: 2em;
}

.navbar a{
	text-decoration: none;
	color: #1a1a1a;
}

.navbar a:hover{
	text-decoration: none;
	color: #00377b;
	font-weight:800;
}

.categoria{
	padding: 0;
	width: 75%;
	display: flex;
	justify-content:flex-start;
	align-items:center;
	gap: 2em;
	flex-wrap: wrap;
}

.categoria h1{
	width: 100%;
	font-size: 0.9em;
	margin-bottom: -1em;
	margin-top: -1em;
	color: #808080;
	display: flex;
	justify-content:flex-start;
	align-items: center;
	gap: 5px;
}

.categoria h1 span{
	font-size: 1.2em;
}

.cartao{
	display: flex;
	width: 13em;
	height: 4em;
	border-radius: 14px;
	padding: 1em;
	text-decoration: none;
	line-height:1.4em;
	font-size: 1em;
	color: #1a1a1a;
	align-items: center;
	text-align: left;
	transition: transform 0.2s; /* Animação */
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}

.cartao:hover {
	transform: scale(1.1); /* Zoom */
}

.cartao:active{
	transform: scale(1); /* Zoom */
}

.cartao img{
	width: 65px;
	margin-right: 1em;
}

.banner-imagem{
	/* width: 45%; */
	transition: transform 0.2s;
}

.banner-imagem:hover {
	transform: scale(1.1); /* Zoom */
}

.banner-imagem:active{
	transform: scale(1); /* Zoom */
}

footer{
	display: flex;
	padding: 1em 0;
	margin: 0;
	justify-content: center;
	align-items: center;
	color: white;
	font-weight: normal;
}

@media (max-width: 1024px) {

	.mobile-borda-inferior{
		border-bottom: 1px solid #ccc;	
	}

	.navbar{
		width: 100%;
		padding: 2em 3em;
		flex-direction: column;
		height: auto;
		text-align: center;
		gap: 2em;
		font-size: 1.2em;
	}

	.navbar img{
		height: auto;
		width: 75%;
		margin: 0;
		margin-bottom: 1em;
	}

	.navbar a{
		width: 100%;
		padding-bottom: 2em;			
	}

	.categoria{
		width: 100%;
		padding: 2em 3em;
	}

	.categoria h1{
		font-size: 1em;
	}
	
	.categoria h1 span{
		font-size: 1.4em;
	}

	.cartao{
		width: 100%;
		font-size: 1.2em;
	}

	.banner-imagem{
		width: 100%;
	}
}

@media (max-width: 1750px) and (min-width:1024px) {
}