.barra_cima
{
	position:fixed!important;
	width:100%;
	height:60px;
	top:0;
	left:0;
	background-color:var(--primary);
	color:var(--branco);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	z-index:1000;
}
.meio_barra_cima
{
	position:relative;
	width:calc(100% - 40px);
	height:60px;
	/*background:red;*/
}

.div_logo_1
{
	position:absolute;
	top:10px;
	left:0;
	width:40px;
	height:40px;
	background-image:url(../img/logo_22.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%;
}

.div_logo_2
{
	position:absolute;
	height:60px;
	top:0px;
	left:45px;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size:20px;
	cursor:default;
	user-select: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.galeria_menu_cima
{
	position:absolute;
	display: none;
	gap: 20px;
	flex-wrap: nowrap;
	top:0;
	right:0;
}

.botao_menu_mobile
{
	position:absolute;
	background:transparent;
	top:10px;
	right:0;
	outline:0;
	border:0;
	height:40px;
	width:40px;
	background-image:url(../img/menu.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

/* HTML: <div class="loader"></div> */
.loader 
{
	width: 50px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 8px solid #0000;
	/*border-right-color: #21883897;*/
	border-right-color: #FFFFFF97;
	position: relative;
	animation: l24 .8s infinite linear;
}

.loader2 
{
	width: 50px;
	aspect-ratio: 1;
	border-radius: 50%;
	border: 8px solid #0000;
	/*border-right-color: #21883897;*/
	border-right-color: #21252997;
	position: relative;
	animation: l24 .8s infinite linear;
}

.loader:before,
.loader:after,
.loader2:before,
.loader2:after 
{
	content: "";
	position: absolute;
	inset: -8px;
	border-radius: 50%;
	border: inherit;
	animation: inherit;
	animation-duration: 2s;
}
.loader:after, .loader2:after 
{
	animation-duration: 4s;
}
@keyframes l24 
{
	100% {transform: rotate(1turn)}
}

@media screen and (min-width: 961px)
{
	.meio_barra_cima
	{
		position:relative;
		width:calc(100% - 40px);
		height:60px;
		/*background:blue;*/
	}
	
	.galeria_menu_cima 
	{
		position: absolute;
		display: flex;
		gap: 20px;
		flex-wrap: nowrap;
		top: 0;
		right: 0;
		
		/* Alinha os botões horizontalmente à direita */
		justify-content: flex-end;
		
		/* Alinha os botões verticalmente ao centro (opcional, mas recomendado) */
		align-items: center;
		
		width: 500px;

	}
	
	
	.botoes_menu_cima
	{
		position:relative;
		color:var(--branco);
		display: flex;
		justify-content: center;
		align-items: center;
		height:60px;
		outline:0;
		border:0;
		cursor:pointer;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-size:var(--tam_fonte_15);
		background:transparent;
		padding:0;
		
		/*
		padding-left:1px;
		padding-right:1px;
		*/
		user-select: none;
	}
	
	.botoes_menu_barra
	{
		position:absolute;
		background:var(--branco);
		height:3px;
		width:0%;
		bottom:0;
		left:0px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}
	
	.botoes_menu_cima:hover div
	{
		width:100%;
	}
	
	.botao_menu_mobile
	{
		display:none;
	}
}
@media screen and (min-width: 1120px)
{
	.meio_barra_cima
	{
		position:relative;
		width:1100px;
		height:60px;

	}
	
	.galeria_menu_cima 
	{
		position: absolute;
		display: flex;
		gap: 20px;
		flex-wrap: nowrap;
		top: 0;
		right: 0;
		
		/* Alinha os botões horizontalmente à direita */
		justify-content: flex-end;
		
		/* Alinha os botões verticalmente ao centro (opcional, mas recomendado) */
		align-items: center;
		
		width: 500px;
	}

	
	.botoes_menu_cima
	{
		position:relative;
		color:var(--branco);
		display: flex;
		justify-content: center;
		align-items: center;
		height:60px;
		outline:0;
		border:0;
		cursor:pointer;
		-webkit-transition: var(--transition);
		transition: var(--transition);
		font-size:var(--tam_fonte_15);
		background:transparent;
		padding:0;
		/*
		padding-left:1px;
		padding-right:1px;
		*/
		user-select: none;
	}
	.botoes_menu_barra
	{
		position:absolute;
		background:var(--branco);
		height:3px;
		width:0%;
		bottom:0;
		left:0px;
		-webkit-transition: var(--transition);
		transition: var(--transition);
	}
	
	.botoes_menu_cima:hover div, .botoes_menu_cima:focus div
	{
		width:100%;
	}
	
	.botao_menu_mobile
	{
		display:none;
	}
}