/* header.css */

.header {
	position: relative;
	top: 10px;
	left: 50%;
	transform: translate(-50%);
	width: 100%;
	border-radius: 15px;
	z-index: 999;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.265rem 1.25rem;
	background-color: #0e0e99;
}

.logo {
	position: relative;
	height: 140px;
	width: 250px;
}

.logo_whats {
	display: flex;
	align-items: right;
}

.nav-center {
	display: flex;
	margin-left: 20px;
	justify-content: left;
	align-items: center;
}

.nav-center ul {
	display: flex;
	gap: 1rem;
}

.nav-center a,
.nav-right a {
	font-size: 1.25rem;
	color: #333333;
}

.nav-center a:hover,
.nav-right a:hover {
	color: #7c3aed;
}

.nav-right ul {
	display: flex;
	gap: 1rem;
	align-items: center;
}

.telefone {
	display: flex;
	align-items: right;
}

.nav-right a:hover img {
	opacity: 0.7;
}