@jjlmoya/utils-nautical 1.3.0 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jjlmoya/utils-nautical",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "type": "module",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/category/seo.astro

@@ -0,0 +1,37 @@
+---
+import {
+  SEOTitle,
+  SEOTip,
+  SEOArticle,
+  SEOList,
+} from '@jjlmoya/utils-shared';
+import { nauticalCategory } from './index';
+import type { KnownLocale } from '../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await nauticalCategory.i18n[locale]?.();
+if (!content) return null;
+
+const { seo } = content;
+---
+
+<SEOArticle>
+  {seo.map((section: any) => {
+    switch (section.type) {
+      case 'title':
+        return <SEOTitle title={section.text} level={section.level || 2} />;
+      case 'paragraph':
+        return <p set:html={section.html} />;
+      case 'list':
+        return <SEOList items={section.items} />;
+      case 'tip':
+        return <SEOTip title={section.title}><Fragment set:html={section.html} /></SEOTip>;
+      default:
+        return null;
+    }
+  })}
+</SEOArticle>

package/src/index.ts

@@ -5,6 +5,7 @@ export * from './tool/sailArea';
 export * from './tool/speedConverter';
 export * from './tool/endurance';
 export * from './category';
+export { default as NauticalCategorySEO } from './category/seo.astro';
 
 export type {
   KnownLocale,

package/src/tool/endurance/style.css

@@ -13,6 +13,8 @@
   --n-success: #10b981;
   --n-warning: #f59e0b;
   --n-error: #f43f5e;
+  --ec-hero-bg: #0f172a;
+  --ec-hero-label: #22d3ee;
 
   max-width: 1000px;
   margin: 0 auto;
@@ -33,6 +35,8 @@
   --n-success: #34d399;
   --n-warning: #fbbf24;
   --n-error: #fb7185;
+  --ec-hero-bg: #020617;
+  --ec-hero-label: #22d3ee;
 }
 
 .ec-main-container {
@@ -137,7 +141,7 @@
 }
 
 .ec-hero-display {
-  background: var(--n-primary);
+  background: var(--ec-hero-bg);
   border-radius: 1rem;
   padding: 2rem;
   color: var(--n-primary-on);
@@ -156,7 +160,7 @@
   font-size: 0.65rem;
   font-weight: 900;
   text-transform: uppercase;
-  color: var(--n-cyan);
+  color: var(--ec-hero-label);
   letter-spacing: 0.1em;
 }
 
@@ -167,7 +171,7 @@
 }
 
 .ec-main-value {
-  font-size: 4rem;
+  font-size: 5rem;
   font-weight: 900;
   color: var(--n-primary-on);
   line-height: 1;
@@ -181,10 +185,10 @@
 }
 
 .ec-fuel-badge {
-  font-size: 1.5rem;
+  font-size: 0.85rem;
   font-weight: 900;
-  color: var(--n-primary-on);
-  opacity: 0.7;
+  color: var(--ec-hero-label);
+  letter-spacing: 0.05em;
 }
 
 .ec-progress-track {

package/src/tool/underKeel/style.css

@@ -13,6 +13,9 @@
   --n-success: #10b981;
   --n-warning: #f59e0b;
   --n-error: #f43f5e;
+  --ukc-label-size: 0.75rem;
+  --ukc-label-weight: 800;
+  --ukc-label-spacing: 0.06em;
 
   display: flex;
   flex-direction: column;
@@ -85,9 +88,12 @@
 }
 
 .ukc-input-block label {
-  font-size: 0.8rem;
-  font-weight: 600;
-  opacity: 0.7;
+  font-size: var(--ukc-label-size);
+  font-weight: var(--ukc-label-weight);
+  color: var(--n-primary-on);
+  opacity: 0.9;
+  text-transform: uppercase;
+  letter-spacing: var(--ukc-label-spacing);
 }
 
 .ukc-unit-input {
@@ -112,7 +118,7 @@
   right: 12px;
   font-size: 0.85rem;
   font-weight: 700;
-  opacity: 0.4;
+  opacity: 0.6;
 }
 
 .ukc-hr-divider {