/* ***** NAVBAR */
.navbar_principal {
	display: flex;
	flex-wrap: wrap; /* Permite a quebra de linha dos itens em telas menores */
	align-items: center;
	justify-content: flex-start;
	position: relative;
	margin: 5px 2px;
	padding: 6px 12px;
	border: 3px solid rgb(200, 200, 200);
	border-radius: 10px;
	min-width: 300px;
	min-height: auto; /* Permite que a barra expanda verticalmente ao quebrar linha */
	background-image: linear-gradient(rgb(200, 200, 200), rgb(100, 100, 100) 70%);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
	font-family: "Tahoma", sans-serif;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	font-size: 14px;
	line-height: 22px; /* Mantido para controle de altura da linha */
	box-sizing: border-box;
	width: auto;
}

/* Clearfix mantido por segurança */
.navbar_principal::after {
	content: "";
	clear: both;
	display: table;
}

/* ***** BOTÃO DROPDOWN (BARRA MENU NA TELA PRINCIPAL) */
.dropbotao {
	font-family: "Tahoma", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	border: none;
	outline: none;
	min-width: 70px; /* Padrão para celulares/telas pequenas */
	color: rgb(230, 230, 230);
	padding: 2px 8px; 
	background-color: transparent;
	margin: 2px 2px; /* Aumentado espaçamento entre os botões */
	cursor: default;
}

/* Ajuste de min-width para desktops */
@media (min-width: 768px) {
	.dropbotao {
		min-width: 100px;
	}
}

/* ***** LINKS DIRETOS DA NAVBAR */
.navbar_principal > a {
	font-family: "Tahoma", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 25px;
	color: rgb(255, 255, 255);
	text-align: left;
	padding: 4px 16px; /* Aumentado de 10px para 16px nas laterais */
	text-decoration: none;
	margin: 2px 4px; /* Aumentado espaçamento entre os botões */
	cursor: default;
}

/* ***** LISTA DROPDOWN (CONTAINER DO BOTÃO + CONTEÚDO) */
.dropdown_principal {
	position: relative;
	display: flex;
	align-items: center;
	cursor: default;
}

/* ***** COR DE FUNDO DA CAIXA COM FOCO NA NAVBAR */
.navbar_principal > a:hover, 
.dropdown_principal:hover .dropbotao {
	background-color: rgb(0, 100, 150);
	color: rgb(255, 255, 255);
	border-radius: 2px;
	cursor: default;
}

/* ***** CONTEÚDO DO DROPDOWN */
.dropdown_principal-content {
	display: none;
	position: absolute;
	top: 100%;
	left: 5px;
	background-color: rgb(230, 230, 230);
	min-width: 150px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.7);
	border-radius: 2px;
	z-index: 1000;
	cursor: default;
}

/* ***** LINKS DENTRO DO ITEM NA DROPDOWN */
.dropdown_principal-content a {
	display: block;
	font-family: "Tahoma", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	color: rgb(100, 100, 100);
	padding: 8px 15px;
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
	cursor: default;
}

/* ***** FUNDO DO ITEM NA DROPDOWN */
.dropdown_principal-content a:hover {
	background-color: rgb(0, 100, 160);
	color: rgb(255, 255, 255);
	cursor: default;
}

/* ***** ITEM COM FOCO NA DROPDOWN */ 
.dropdown_principal:hover .dropdown_principal-content {
	display: block;
	cursor: default;
}