Feat: Agregar animación de hover sutil a tabs

- Aumentar opacidad del texto de 60% a 80% en hover
- Mostrar borde inferior sutil (30% opacity) en hover
- Agregar text-shadow suave en modo oscuro
- Solo afecta tabs inactivas (no las activas)
- Transiciones específicas: color, border-color, text-shadow
- CERO cambios de tamaño o desplazamiento, solo colores

nuxt4/app/assets/css/main.css

@@ -129,10 +129,19 @@
 .cata-tab {
   border-bottom: 2px solid transparent;
   padding: 0.5rem 1rem;
-  transition: all 200ms;
+  transition: color 200ms, border-color 200ms, text-shadow 200ms;
   color: color-mix(in srgb, var(--cata-fg) 60%, transparent);
 }
 
+.cata-tab:hover:not(.cata-tab-active) {
+  color: color-mix(in srgb, var(--cata-fg) 80%, transparent);
+  border-bottom-color: color-mix(in srgb, var(--cata-primary) 30%, transparent);
+}
+
+.dark .cata-tab:hover:not(.cata-tab-active) {
+  text-shadow: 0 0 2px currentColor;
+}
+
 .cata-tab-active {
   border-bottom: 2px solid var(--cata-primary);
   border-color: var(--cata-primary);