feat(department): Adiciona o menu principal localizado no header

src/arquivos/sass/partials/_menu.scss

@@ -11,6 +11,45 @@
 	}
 
 	.main-menu {
-		display: none;
+		&__departments {
+			display: flex;
+			align-items: center;
+		}
+
+		&__department {
+			margin-right: 40px;
+
+			@include mq(lg, min) {
+				&:hover {
+					.main-menu__department-link {
+						font-weight: 700;
+						text-decoration: underline;
+						color: $blue-500;
+					}
+				}
+			}
+
+
+		}
+
+		&__department-link {
+			font-size: 12px;
+			line-height: 15px;
+
+			text-transform: uppercase;
+
+			color: #FFFFFF;
+
+			@include mq(lg, min) {
+				&::after {
+					content: attr(title);
+					font-weight: bold;
+					display: block;
+					height: 0;
+					overflow: hidden;
+					visibility: hidden;
+				}
+			}
+		}
 	}
 }

src/arquivos/sass/utils/_variaveis.scss

@@ -11,6 +11,7 @@ $black-500: #000;
 $white-500: #fff;
 $blue-500: #00C8FF;
 $gray-500: #333333;
+
 // universal
 
 // Grid breakpoints

src/controles-customizados/menuPrincipal.html

@@ -0,0 +1,21 @@
+<nav class="main-menu">
+	<ul class="main-menu__departments">
+		<li class="main-menu__department">
+			<a class="main-menu__department-link" href="#" title="LOREM IPSUM"
+				>LOREM IPSUM</a
+			>
+		</li>
+
+		<li class="main-menu__department">
+			<a class="main-menu__department-link" href="#" title="LOREM IPSUM"
+				>LOREM IPSUM</a
+			>
+		</li>
+
+		<li class="main-menu__department">
+			<a class="main-menu__department-link" href="#" title="LOREM IPSUM"
+				>LOREM IPSUM</a
+			>
+		</li>
+	</ul>
+</nav>

src/template-pagina/sub-templates/amandaalmeida-header.html

@@ -5,7 +5,7 @@
 				<button aria-label="menu" class="menu__button">
 					<i class="sprite sprite-menu-icon"></i>
 				</button>
-				<nav class="main-menu"></nav>
+				<vtex.cmc:menuPrincipal />
 			</div>
 
 			<a href="/"