feat: :sparkles: estilizar header

app/components/AppHeader.vue

@@ -1,15 +1,15 @@
 <template>
-  <header class="absolute top-0 left-0 w-full z-50 bg-[#0A0B09]/85 backdrop-blur-sm">
-    <nav class="w-full flex items-center justify-center gap-10 h-[52px] px-8">
+  <header class="absolute top-7 center-0 z-50 bg-black/60">
+    <nav class="w-full flex items-center justify-center h-[55px] px-4">
       <NuxtLink
         v-for="item in navItems"
         :key="item.label"
         :to="item.href"
-        class="relative text-xs font-semibold tracking-widest uppercase transition-colors duration-200 pb-1 whitespace-nowrap"
+        class="relative text-xs font-open-sans font-semibold px-3 uppercase transition-colors duration-200 pb-1 leading-7"
         :class="[
           item.active
-            ? 'text-[#E3FA6D] after:absolute after:bottom-0 after:left-0 after:w-full after:h-[2px] after:bg-[#E3FA6D]'
-            : 'text-white/80 hover:text-white'
+            ? 'text-[#E3FA6D] after:absolute after:bottom-0 after:left-0 after:w-full after:h-0.5 after:bg-[#E3FA6D]'
+            : 'text-white hover:text-white/85'
         ]"
       >
         {{ item.label }}