libreria-astro-lefebvre 0.1.119 → 0.1.121

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "libreria-astro-lefebvre",
-  "version": "0.1.119",
+  "version": "0.1.121",
   "description": "Librería de componentes Astro, React y Vue para Lefebvre",
   "author": "Equipo web desarrollo Lefebvre",
   "type": "module",

package/src/carbins/Author_2025_Algarve.ts

@@ -12,7 +12,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'nameAuthor',
       type: 'text',
-      help: 'Nombre del autor. Se renderiza como párrafo subrayado (Inter 16px color #262626) y admite HTML (set:html). Conviene que ocupe una sola línea',
+      help: 'Nombre del autor. Se renderiza como párrafo subrayado (IBM Plex Sans 16px color #262626) y admite HTML (set:html). Conviene que ocupe una sola línea',
       label: 'Nombre del autor',
       mandatory: false,
       example_value: 'María García López'
@@ -28,7 +28,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'descriptionAuthor',
       type: 'text',
-      help: 'Profesión o descripción del autor. Se renderiza como párrafo (Inter 14px color #363942) debajo del nombre y admite HTML (set:html). Conviene que ocupe una sola línea',
+      help: 'Profesión o descripción del autor. Se renderiza como párrafo (IBM Plex Sans 14px color #363942) debajo del nombre y admite HTML (set:html). Conviene que ocupe una sola línea',
       label: 'Descripción del autor',
       mandatory: false,
       example_value: 'Abogada especialista en Derecho Fiscal con 15 años de experiencia'

package/src/carbins/Boton_2026_Elx.ts

@@ -4,7 +4,7 @@ export const metadata: ComponentMetadata = {
   component_name: 'Boton_2026_Elx',
   category: 'CTA',
   name: 'Grupo de botones inline primario/secundario con icono opcional 2026',
-  description: 'Fila de uno o varios botones colocados inline (con salto de línea si no caben). Cada botón puede ser Primario (fondo azul #2134F1, texto blanco) o Secundario (fondo blanco, borde y texto azul #2134F1), ambos de 48px de alto, esquinas de 8px y sombra suave, según el diseño de Figma. Opcionalmente muestra un icono de "abrir" a la derecha del texto. Cada botón puede navegar a una URL o abrir un modal con formulario LF2 (el mismo modal de Contenido_2025_Malaga, compartido por todos los botones marcados como modal). Siempre renderiza al menos un botón',
+  description: 'Fila de uno o varios botones colocados inline (con salto de línea si no caben). Cada botón puede ser Primario (fondo azul #001978, texto blanco) o Secundario (fondo blanco, borde y texto azul #001978), ambos de 48px de alto, esquinas de 8px y sombra suave, según el diseño de Figma. Opcionalmente muestra un icono de "abrir" a la derecha del texto. Cada botón puede navegar a una URL o abrir un modal con formulario LF2 (el mismo modal de Contenido_2025_Malaga, compartido por todos los botones marcados como modal). Siempre renderiza al menos un botón',
   framework: 'Astro',
   priority: 1,
   tags: ['boton', 'cta', 'botones', 'inline', 'primario', 'secundario', 'modal', 'formulario', 'lf2'],

package/src/carbins/CTA_2025_Formentera.ts

@@ -28,7 +28,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'frontColor',
       type: 'text',
-      help: 'Color del texto en reposo (y del fondo al hacer hover). Acepta nombre CSS (ej. "white", "black") o código hex (ej. "#2134F1"). En hover, este valor y "Color de fondo" se intercambian',
+      help: 'Color del texto en reposo (y del fondo al hacer hover). Acepta nombre CSS (ej. "white", "black") o código hex (ej. "#001978"). En hover, este valor y "Color de fondo" se intercambian',
       label: 'Color del texto (frontal)',
       mandatory: false,
       example_value: '#ffffff'
@@ -39,7 +39,7 @@ export const metadata: ComponentMetadata = {
       help: 'Color de fondo en reposo (y del texto al hacer hover). Acepta nombre CSS o código hex. En hover, este valor y "Color del texto" se intercambian',
       label: 'Color de fondo',
       mandatory: false,
-      example_value: '#2134F1'
+      example_value: '#001978'
     },
     {
       name: 'borderColor',
@@ -47,7 +47,7 @@ export const metadata: ComponentMetadata = {
       help: 'Color del borde del botón (1px sólido). Acepta nombre CSS o código hex. NO cambia en hover',
       label: 'Color del borde',
       mandatory: false,
-      example_value: '#2134F1'
+      example_value: '#001978'
     },
    ]
 };

package/src/carbins/Cabecera_2027_Guadalajara.ts

@@ -0,0 +1,69 @@
+import type { ComponentMetadata } from '../interfaces/types';
+
+export const metadata: ComponentMetadata = {
+  component_name: 'Cabecera_2027_Guadalajara',
+  category: 'Header',
+  name: 'Cabecera sticky con menú configurable y subcategorías 2027',
+  description: 'Cabecera fija (sticky top-0) con logo de Lefebvre, botón CTA y menú horizontal completamente configurable vía prop "categories". Cada ítem admite target (_self o _blank) y una lista opcional de subcategorías en dropdown al hacer hover. Si no se pasa menú custom, cae en un menú por defecto. Incluye hamburguesa en móvil y structured data schema.org (SiteNavigationElement raíz con la jerarquía del menú)',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['header', 'cabecera', 'navegacion', 'sticky', 'menu', 'cta', 'configurable'],
+   fields: [
+     {
+      name: 'label',
+      type: 'text',
+      help: 'Texto del botón CTA principal que aparece en la esquina superior derecha de la cabecera',
+      label: 'Texto del botón CTA',
+      mandatory: false,
+      example_value: 'Pruébalo ya'
+    },
+     {
+      name: 'subdirectory',
+      type: 'text',
+      help: 'Ruta base del sitio (p. ej. "/genia-l"). Se concatena al enlace del logo y a las rutas del menú por defecto, y se usa en la URL del structured data SEO. Si se pasa un menú custom en "categories", este valor NO se aplica a esos enlaces — debes incluir la ruta completa en cada ítem',
+      label: 'Subdirectorio',
+      mandatory: false,
+      example_value: '/genia-l'
+    },
+    {
+      name: 'url',
+      type: 'text',
+      help: 'URL de destino del botón CTA. Por defecto "#"',
+      label: 'Enlace del botón CTA',
+      mandatory: false,
+      example_value: '/genia-l/pruebalo'
+    },
+    {
+      name: 'loading',
+      type: 'select',
+      help: 'Tipo de carga del logo de la cabecera. Usa "eager" si el logo está above the fold (recomendado en páginas con cabecera visible al cargar); "lazy" si el componente se renderiza fuera del viewport inicial',
+      label: 'Carga del logo',
+      options: ['lazy', 'eager'],
+      options_labels: ['Diferida', 'Inmediata'],
+      example_value: 'eager'
+    },
+    {
+      name: 'categories',
+      type: 'list',
+      help: 'Ítems del menú principal de navegación. Si se deja vacío o no se pasa, se muestra el menú por defecto (Cómo funciona, Seguridad, Casos reales, Contacto, Blog). Si defines este listado, debes incluir la ruta completa en cada "link" — el campo "subdirectory" NO se concatena',
+      label: 'Ítems del menú (opcional)',
+      mandatory: false,
+      items: {
+        type: 'object',
+        fields: [
+          { name: 'name',   type: 'text',   help: 'Texto visible del ítem del menú principal', label: 'Texto del ítem', example_value: 'Cómo funciona' },
+          { name: 'link',   type: 'text',   help: 'URL de destino del ítem. Debe ser la ruta completa (no se le concatena "subdirectory")', label: 'URL del ítem', example_value: '/genia-l/conoce-genia-l/' },
+          { name: 'target', type: 'select', help: 'Cómo se abre el enlace: "_self" en la misma pestaña, "_blank" en una pestaña nueva', label: 'Apertura del enlace', options: ['_self', '_blank'], options_labels: ['Misma pestaña', 'Nueva pestaña'], example_value: '_self' },
+        ]
+      }
+    },
+    {
+      name: 'siteUrl',
+      type: 'text',
+      help: 'Origen público del sitio (protocolo + host, sin barra final, p. ej. "https://lefebvre.es"). Se usa para la URL del SiteNavigationElement en el structured data SEO. Necesario en SSR tras un proxy, donde Astro.url resuelve al host interno (localhost). Si se deja vacío, se usa Astro.site o el host de la petición',
+      label: 'URL del sitio',
+      mandatory: false,
+      example_value: ''
+    }
+   ]
+};

package/src/carbins/Contenido_2025_Cordoba.ts

@@ -28,7 +28,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'tipo',
       type: 'select',
-      help: 'Etiqueta HTML y tamaño del título. Cada opción aplica estilos distintos: "h1" 56px alineado a la izquierda, "h2" 40px izquierda, "h3" 2xl semibold izquierda, "h3-center" 2xl semibold centrado, "h4" 2xl semibold izquierda, "h5"/"h6" sin estilos, "span" texto gris sin formato',
+      help: 'Etiqueta HTML y tamaño del título. Cada opción aplica estilos distintos: "h1" 56px (40px en móvil) alineado a la izquierda, "h2" 40px (36px en móvil) izquierda, "h3" 2xl semibold izquierda, "h3-center" 2xl semibold centrado, "h4" 2xl semibold izquierda, "h5"/"h6" sin estilos, "span" texto gris sin formato',
       label: 'Etiqueta del título',
       options: ['h1', 'h2', 'h3', 'h3-center', 'h4', 'h5', 'h6', 'span'],
       options_labels: ['H1', 'H2', 'H3', 'H3 centrado', 'H4', 'H5', 'H6', 'Span'],

package/src/carbins/Contenido_2025_Granada.ts

@@ -28,7 +28,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'tipo',
       type: 'select',
-      help: 'Etiqueta HTML y tamaño del título. "h1" 56px izquierda, "h2" 40px izquierda, "h3"/"h4" 2xl semibold izquierda, "h3-20"/"h4-20" 20px regular centrado, "h5"/"h6" sin estilos, "span" texto gris sin formato',
+      help: 'Etiqueta HTML y tamaño del título. "h1" 56px (40px en móvil) izquierda, "h2" 40px (36px en móvil) izquierda, "h3"/"h4" 2xl semibold izquierda, "h3-20"/"h4-20" 20px regular centrado, "h5"/"h6" sin estilos, "span" texto gris sin formato',
       label: 'Etiqueta del título',
       options: ['h1', 'h2', 'h3', 'h3-20', 'h4', 'h4-20', 'h5', 'h6', 'span'],
       options_labels: ['H1', 'H2', 'H3', 'H3 20px', 'H4', 'H4 20px', 'H5', 'H6', 'Span'],

package/src/carbins/Contenido_2025_Malaga.ts

@@ -72,7 +72,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'h2Size',
       type: 'select',
-      help: 'Tamaño del subtítulo h2 en desktop. "Por defecto" = 56px (o 46px si "Mostrar icono" + "Mostrar imagen" están ambos activados). "40px" = 40px fijo. En móvil siempre 36px',
+      help: 'Tamaño del subtítulo h2 en desktop. "Por defecto" = 56px (o 46px si "Mostrar icono" + "Mostrar imagen" están ambos activados). "40px" = 40px fijo. En móvil 36px (40px si es el tamaño por defecto)',
       label: 'Tamaño del h2',
       options: ['default', '40px'],
       options_labels: ['Por defecto', '40px'],

package/src/carbins/Contenido_2026_Castellon.ts

@@ -12,7 +12,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'title',
       type: 'text',
-      help: 'Título de la sección (h1, 56px en desktop y 36px en móvil). Admite HTML. Si se deja vacío, NO se muestra',
+      help: 'Título de la sección (h1, 56px en desktop y 40px en móvil). Admite HTML. Si se deja vacío, NO se muestra',
       label: 'Texto del título',
       mandatory: false,
       example_value: 'Novedades'

package/src/carbins/Contenido_2026_Denia.ts

@@ -4,7 +4,7 @@ export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2026_Denia',
   category: 'Contenido de Imagen',
   name: 'Sección con título, descripción e imagen lateral fija 2026',
-  description: 'Sección de contenido con layout horizontal: bloque de texto a la izquierda (título h2 a 28px/32px en Poppins y descripción en Inter 16px) e imagen lateral a la derecha (ocupa la mitad derecha en desktop). La imagen es fija (calculadora de GenIA-L) y no configurable. Incluye datos estructurados (schema.org WebPageElement) generados automáticamente a partir del título y descripción para SEO',
+  description: 'Sección de contenido con layout horizontal: bloque de texto a la izquierda (título h2 a 28px/32px en IBM Plex Serif y descripción en IBM Plex Sans 16px) e imagen lateral a la derecha (ocupa la mitad derecha en desktop). La imagen es fija (calculadora de GenIA-L) y no configurable. Incluye datos estructurados (schema.org WebPageElement) generados automáticamente a partir del título y descripción para SEO',
   framework: 'Astro',
   priority: 1,
   tags: ['contenido', 'imagen', 'texto', 'seo', 'schema'],
@@ -12,7 +12,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'title',
       type: 'text',
-      help: 'Título principal del bloque (se renderiza como h2 en Poppins 28px en móvil / 32px en desktop, color #262626). Admite HTML. También se inyecta en los datos estructurados (schema.org) como nombre del elemento',
+      help: 'Título principal del bloque (se renderiza como h2 en IBM Plex Serif 28px en móvil / 32px en desktop, color #262626). Admite HTML. También se inyecta en los datos estructurados (schema.org) como nombre del elemento',
       label: 'Texto del título',
       mandatory: false,
       example_value: 'Calculadora de productividad con IA jurídica'
@@ -20,7 +20,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'description',
       type: 'text',
-      help: 'Descripción que aparece debajo del título (Inter 16px, color #363942). Admite HTML. También se inyecta en los datos estructurados (schema.org) como descripción del elemento (con etiquetas HTML eliminadas automáticamente)',
+      help: 'Descripción que aparece debajo del título (IBM Plex Sans 16px, color #363942). Admite HTML. También se inyecta en los datos estructurados (schema.org) como descripción del elemento (con etiquetas HTML eliminadas automáticamente)',
       label: 'Texto de la descripción',
       mandatory: false,
       example_value: 'Estima cuántas horas de trabajo puede ahorrarte la inteligencia artificial aplicada al Derecho en tu despacho.'
@@ -28,7 +28,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'contentHTML',
       type: 'textArea',
-      help: 'Contenido HTML adicional que se renderiza debajo de la descripción (admite <p>, <h2>, <ul>, <strong>, etc.). Se aplican estilos globales: <p> internos en Inter 1em color #363942 y <h2> internos en Poppins 1.5em semibold color #262626. Si se deja vacío, no se renderiza el bloque',
+      help: 'Contenido HTML adicional que se renderiza debajo de la descripción (admite <p>, <h2>, <ul>, <strong>, etc.). Se aplican estilos globales: <p> internos en IBM Plex Sans 1em color #363942 y <h2> internos en IBM Plex Serif 1.5em semibold color #262626. Si se deja vacío, no se renderiza el bloque',
       label: 'Contenido HTML adicional',
       mandatory: false,
       example_value: '<p>Incluye fórmulas configurables y exporta el resultado a PDF.</p>'

package/src/carbins/Contenido_2026_Jaen.ts

@@ -4,7 +4,7 @@ export const metadata: ComponentMetadata = {
   component_name: 'Contenido_2026_Jaen',
   category: 'Contenido de Imagen',
   name: 'Cabecera enriquecida de post con autor, colegiado, imagen lateral y RRSS 2026',
-  description: 'Cabecera de artículo de blog con título configurable mediante 8 variantes de estilo preestablecidas (H1 categoría blog, H1 autor blog, H1 post blog, H1 post enriquecido, H2 blog, H2, H3, H4), subtítulo, número de colegiado del autor, descripción con tipografía conmutable (Poppins grande o Inter compacto), imagen lateral opcional con posición configurable (izquierda o derecha) y bloque de redes sociales al final con iconos que solo aparecen si su URL está rellena',
+  description: 'Cabecera de artículo de blog con título configurable mediante 8 variantes de estilo preestablecidas (H1 categoría blog, H1 autor blog, H1 post blog, H1 post enriquecido, H2 blog, H2, H3, H4), subtítulo, número de colegiado del autor, descripción con tipografía conmutable (IBM Plex Serif grande o IBM Plex Sans compacto), imagen lateral opcional con posición configurable (izquierda o derecha) y bloque de redes sociales al final con iconos que solo aparecen si su URL está rellena',
   framework: 'Astro',
   priority: 1,
   tags: ['contenido', 'blog', 'cabecera', 'rrss', 'autor', 'imagen', 'titulo'],
@@ -60,7 +60,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'tipo',
       type: 'select',
-      help: 'Etiqueta HTML y estilo del título. Cada opción aplica estilos distintos: "h1 categoría blog" 40px centrado normal, "h1 autor blog" 40px izquierda semibold, "h1 post blog" 40px centrado semibold, "h1 post enriquecido" 40px izquierda semibold, "h2 blog" 28px/32px izquierda normal, "h2" 36px/40px centrado normal, "h3" 20px/24px izquierda semibold, "h4" xl izquierda semibold, "h3 (como párrafo)" mismo estilo visual que H3 pero renderizado como <p> (sin que cuente como encabezado en la jerarquía SEO). Si se elige un valor fuera de la lista, el título se renderiza como párrafo simple',
+      help: 'Etiqueta HTML y estilo del título. Cada opción aplica estilos distintos: "h1 categoría blog" 36px/40px centrado normal, "h1 autor blog" 36px/40px izquierda semibold, "h1 post blog" 36px/40px centrado semibold, "h1 post enriquecido" 36px/40px izquierda semibold, "h2 blog" 28px/32px izquierda normal, "h2" 36px/40px centrado normal, "h3" 24px izquierda semibold, "h4" xl izquierda semibold, "h3 (como párrafo)" mismo estilo visual que H3 pero renderizado como <p> (sin que cuente como encabezado en la jerarquía SEO). Si se elige un valor fuera de la lista, el título se renderiza como párrafo simple',
       label: 'Etiqueta del título',
       options: ['h1-blog-categoria', 'h1-blog-autor', 'h1-blog-post', 'h1-blog-postenriquecido', 'h2-blog', 'h2', 'h3', 'h3-p', 'h4'],
       options_labels: ['H1 categoría blog', 'H1 autor blog', 'H1 post blog', 'H1 post enriquecido blog', 'H2 blog', 'H2', 'H3', 'H3 (como párrafo)', 'H4'],
@@ -87,10 +87,10 @@ export const metadata: ComponentMetadata = {
     {
       name: 'descriptionStyle',
       type: 'select',
-      help: 'Tipografía y tamaño del párrafo de descripción. "Poppins" aplica Poppins xl con leading 7 y margen inferior grande (para descripciones destacadas); "Inter" aplica Inter base sin margen (para descripciones compactas)',
+      help: 'Tipografía y tamaño del párrafo de descripción. "IBM Plex Serif" aplica IBM Plex Serif xl con leading 7 y margen inferior grande (para descripciones destacadas); "IBM Plex Sans" aplica IBM Plex Sans base sin margen (para descripciones compactas)',
       label: 'Estilo de la descripción',
       options: ['poppins', 'inter'],
-      options_labels: ['Poppins (grande)', 'Inter (compacto)'],
+      options_labels: ['IBM Plex Serif (grande)', 'IBM Plex Sans (compacto)'],
       example_value: 'poppins'
     },
     {

package/src/carbins/FAQ_2026_Takayama.ts

@@ -3,8 +3,8 @@ import type { ComponentMetadata } from '../interfaces/types';
 export const metadata: ComponentMetadata = {
   component_name: 'FAQ_2026_Takayama',
   category: 'Contenido con listas',
-  name: 'Acordeón de tarjetas blancas con título Poppins 24px, chevron y listas a 3 columnas con check 2026',
-  description: 'Acordeón según diseño de Figma (Apuntes y Consejos): etiqueta pequeña opcional sobre fondo azul muy claro y, debajo, una tarjeta blanca por ítem (esquinas 16px, sombra suave, padding 24px) con título Poppins 24px semibold y chevron a la derecha que gira al abrir. Comportamiento exclusivo: al abrir una pregunta se cierran las demás; un segundo click la cierra. Estado inicial configurable. Las respuestas admiten HTML: los párrafos se muestran en Inter 16px y las listas <ul><li> se pintan a 3 columnas en escritorio (1 en móvil) con un icono de check a la izquierda de cada elemento. Incluye datos estructurados FAQPage.',
+  name: 'Acordeón de tarjetas blancas con título IBM Plex Serif 24px, chevron y listas a 3 columnas con check 2026',
+  description: 'Acordeón según diseño de Figma (Apuntes y Consejos): etiqueta pequeña opcional sobre fondo azul muy claro y, debajo, una tarjeta blanca por ítem (esquinas 16px, sombra suave, padding 24px) con título IBM Plex Serif 24px semibold y chevron a la derecha que gira al abrir. Comportamiento exclusivo: al abrir una pregunta se cierran las demás; un segundo click la cierra. Estado inicial configurable. Las respuestas admiten HTML: los párrafos se muestran en IBM Plex Sans 16px y las listas <ul><li> se pintan a 3 columnas en escritorio (1 en móvil) con un icono de check a la izquierda de cada elemento. Incluye datos estructurados FAQPage.',
   framework: 'Astro',
   priority: 1,
   tags: ['texto', 'faq', 'acordeon', 'preguntas', 'interactivo', 'sumario', 'tarjeta'],
@@ -36,7 +36,7 @@ export const metadata: ComponentMetadata = {
       items: {
         type: 'object',
         fields: [
-          { name: 'question', type: 'text', help: 'Título de la tarjeta (Poppins 24px semibold). No admite HTML', label: 'Título de la tarjeta', example_value: 'Sumario' },
+          { name: 'question', type: 'text', help: 'Título de la tarjeta (IBM Plex Serif 24px semibold). No admite HTML', label: 'Título de la tarjeta', example_value: 'Sumario' },
           { name: 'answer', type: 'textArea', help: 'Contenido que aparece al abrir la tarjeta. Admite HTML. Los <p> se muestran como párrafo de 16px; las listas <ul><li> se pintan a 3 columnas en escritorio con un icono de check delante de cada elemento. Evitar scripts', label: 'Contenido de la tarjeta', example_value: '<p>Los siguientes temas son abordados de manera regular:</p><ul><li>Actualidad</li><li>Facturación</li><li>IRPF</li><li>ITP</li><li>Recaudación</li><li>Sanciones tributarias</li></ul>' }
         ]
       }

package/src/carbins/Hero_2026_Lliria.ts

@@ -4,7 +4,7 @@ export const metadata: ComponentMetadata = {
   component_name: 'Hero_2026_Lliria',
   category: 'Contenido de Imagen',
   name: 'Hero de portada con título, descripción, imagen de fondo y CTA móvil 2026',
-  description: 'Cabecera de portada a todo el ancho con imagen de fondo cover y 600px de alto mínimo, con el texto centrado verticalmente. En escritorio el texto (título h1 en Poppins 56px regular y descripción en 32px, ambos en color oscuro #262626) ocupa la mitad izquierda, dejando visible la imagen en la mitad derecha. En móvil el texto ocupa todo el ancho (título 36px semibold, descripción 28px), la imagen muestra su zona izquierda (object-position: left) y aparece un botón CTA opcional (SOLO visible en móvil, según diseño)',
+  description: 'Cabecera de portada a todo el ancho con imagen de fondo cover y 600px de alto mínimo, con el texto centrado verticalmente. En escritorio el texto (título h1 en IBM Plex Serif 56px regular y descripción en 32px, ambos en color oscuro #262626) ocupa la mitad izquierda, dejando visible la imagen en la mitad derecha. En móvil el texto ocupa todo el ancho (título 40px semibold, descripción 28px), la imagen muestra su zona izquierda (object-position: left) y aparece un botón CTA opcional (SOLO visible en móvil, según diseño)',
   framework: 'Astro',
   priority: 1,
   tags: ['hero', 'banner', 'imagen', 'portada', 'cabecera', 'inicio'],

package/src/carbins/Modal_2025_Sagunto.ts

@@ -20,7 +20,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'frontColor',
       type: 'text',
-      help: 'Color del texto del botón. Acepta nombre CSS (ej. "white", "black") o código hex (ej. "#2134F1"). NO se invierte en hover (a diferencia de CTA_2025_Formentera)',
+      help: 'Color del texto del botón. Acepta nombre CSS (ej. "white", "black") o código hex (ej. "#001978"). NO se invierte en hover (a diferencia de CTA_2025_Formentera)',
       label: 'Color del texto (frontal)',
       mandatory: false,
       example_value: '#ffffff'
@@ -31,7 +31,7 @@ export const metadata: ComponentMetadata = {
       help: 'Color de fondo del botón. Acepta nombre CSS o código hex',
       label: 'Color de fondo',
       mandatory: false,
-      example_value: '#2134F1'
+      example_value: '#001978'
     },
     {
       name: 'borderColor',
@@ -39,7 +39,7 @@ export const metadata: ComponentMetadata = {
       help: 'Color del borde del botón (1px sólido). Acepta nombre CSS o código hex',
       label: 'Color del borde',
       mandatory: false,
-      example_value: '#2134F1'
+      example_value: '#001978'
     },
     {
       name: 'imageModal',

package/src/carbins/Modal_2026_Almeria.ts

@@ -20,7 +20,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'frontColor',
       type: 'text',
-      help: 'Color del texto del botón propio. Acepta nombre CSS (ej. "white") o hex (ej. "#2134F1"). No se invierte en hover. Solo aplica si hay buttonText',
+      help: 'Color del texto del botón propio. Acepta nombre CSS (ej. "white") o hex (ej. "#001978"). No se invierte en hover. Solo aplica si hay buttonText',
       label: 'Color del texto (frontal)',
       mandatory: false,
       example_value: '#ffffff'
@@ -31,7 +31,7 @@ export const metadata: ComponentMetadata = {
       help: 'Color de fondo del botón propio. Acepta nombre CSS o hex. Solo aplica si hay buttonText',
       label: 'Color de fondo',
       mandatory: false,
-      example_value: '#2134F1'
+      example_value: '#001978'
     },
     {
       name: 'borderColor',
@@ -39,7 +39,7 @@ export const metadata: ComponentMetadata = {
       help: 'Color del borde del botón propio (1px sólido). Acepta nombre CSS o hex. Solo aplica si hay buttonText',
       label: 'Color del borde',
       mandatory: false,
-      example_value: '#2134F1'
+      example_value: '#001978'
     },
     {
       name: 'triggerHash',

package/src/carbins/Separador_2026_Teulada.ts

@@ -4,7 +4,7 @@ export const metadata: ComponentMetadata = {
   component_name: 'Separador_2026_Teulada',
   category: 'Separador',
   name: 'Separador con imagen de fondo, título y botón 2026',
-  description: 'Franja separadora a todo el ancho con imagen de fondo (background cover centrado) y 64px de padding vertical. Sobre la imagen se muestra, centrado y en blanco, un título h2 opcional (Poppins 20px semibold) y un botón opcional con borde blanco que al pasar el ratón se rellena de blanco con texto azul #2134F1. Para separadores sin imagen usa Separador_2025_Toledo o Separador_2025_Reinosa',
+  description: 'Franja separadora a todo el ancho con imagen de fondo (background cover centrado) y 64px de padding vertical. Sobre la imagen se muestra, centrado y en blanco, un título h2 opcional (IBM Plex Serif 20px semibold) y un botón opcional con borde blanco que al pasar el ratón se rellena de blanco con texto azul #001978. Para separadores sin imagen usa Separador_2025_Toledo o Separador_2025_Reinosa',
   framework: 'Astro',
   priority: 1,
   tags: ['separador', 'banner', 'imagen', 'cta', 'boton', 'franja'],

package/src/carbins/Texto_2025_Kyoto.ts

@@ -4,7 +4,7 @@ export const metadata: ComponentMetadata = {
   component_name: 'Texto_2025_Kyoto',
   category: 'Contenido de Texto',
   name: 'Bloque de texto HTML libre con título de 7 variantes y estilos globales 2025',
-  description: 'Bloque de texto con contenido HTML libre (admite <p>, <h1>-<h4>, <ul>, <strong>, etc.) renderizado vía set:html, precedido opcionalmente por un título con 7 variantes de etiqueta/tamaño (Sin título; H1 40/48; H2 32/40; H2 24/32; H3 24/32; H3 20/28; H4 20/28). Los <p> y <h2> internos del HTML reciben estilos globales Inter/Poppins automáticamente',
+  description: 'Bloque de texto con contenido HTML libre (admite <p>, <h1>-<h4>, <ul>, <strong>, etc.) renderizado vía set:html, precedido opcionalmente por un título con 7 variantes de etiqueta/tamaño (Sin título; H1 40/48 (36/44 en móvil); H2 32/40 (28/36 en móvil); H2 24/32; H3 24/32; H3 20/28; H4 20/28). Los <p> y <h2> internos del HTML reciben estilos globales IBM Plex Sans/IBM Plex Serif automáticamente',
   framework: 'Astro',
   priority: 1,
   tags: ['texto', 'html', 'titulo', 'contenido'],
@@ -20,7 +20,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'tipo',
       type: 'select',
-      help: 'Controla etiqueta HTML Y tamaño del título (van ligados). Todos los tipos usan Poppins semibold color #262626. "Sin título" NO muestra el título aunque "Texto del título" tenga valor. "H1" → <h1> a 40px / line-height 48px. "H2 32px" → <h2> a 32px / line-height 40px. "H2 32px Normal" → <h2> a 32px / line-height 40px con peso normal. "H2" → <h2> a 24px / line-height 32px. "H3 24px" → <h3> a 24px / line-height 32px (mismo tamaño visual que "H2" pero etiqueta HTML distinta). "H3" → <h3> a 20px / line-height 28px. "H4" → <h4> a 20px / line-height 28px (mismo tamaño visual que "H3" pero etiqueta HTML distinta)',
+      help: 'Controla etiqueta HTML Y tamaño del título (van ligados). Todos los tipos usan IBM Plex Serif semibold color #262626. "Sin título" NO muestra el título aunque "Texto del título" tenga valor. "H1" → <h1> a 40px / line-height 48px (36px / 44px en móvil). "H2 32px" → <h2> a 32px / line-height 40px (28px / 36px en móvil). "H2 32px Normal" → <h2> a 32px / line-height 40px (28px / 36px en móvil) con peso normal. "H2" → <h2> a 24px / line-height 32px. "H3 24px" → <h3> a 24px / line-height 32px (mismo tamaño visual que "H2" pero etiqueta HTML distinta). "H3" → <h3> a 20px / line-height 28px. "H4" → <h4> a 20px / line-height 28px (mismo tamaño visual que "H3" pero etiqueta HTML distinta)',
       label: 'Etiqueta del título',
       options: ['none', 'h1', 'h2-40', 'h2-32', 'h2-32-normal', 'h2', 'h3-24', 'h3', 'h4'],
       options_labels: ['Sin título', 'H1', 'H2 40px', 'H2 32px', 'H2 32px Normal', 'H2', 'H3 24px', 'H3', 'H4'],
@@ -29,7 +29,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'contentHTML',
       type: 'textArea',
-      help: 'Contenido HTML del bloque (admite <p>, <h2>, <ul>, <strong>, etc.). Se renderiza con set:html. Los <p> internos adoptan estilo Inter 1em, los <h2> internos Poppins 1.5em semibold',
+      help: 'Contenido HTML del bloque (admite <p>, <h2>, <ul>, <strong>, etc.). Se renderiza con set:html. Los <p> internos adoptan estilo IBM Plex Sans 1em, los <h2> internos IBM Plex Serif 1.5em semibold',
       label: 'Contenido HTML',
       mandatory: false,
       example_value: '<p>La inteligencia artificial aplicada al Derecho permite automatizar tareas repetitivas, buscar jurisprudencia en segundos y redactar borradores de contratos con plantillas personalizables.</p>'

package/src/carbins/Texto_2026_Alicante.ts

@@ -4,7 +4,7 @@ export const metadata: ComponentMetadata = {
   component_name: 'Texto_2026_Alicante',
   category: 'Contenido de Texto',
   name: 'Bloque centrado con icono circular, título, descripción y botón CTA 2026',
-  description: 'Bloque de contenido centrado con cuatro elementos verticales: (1) icono SVG fijo (campana de notificación azul) dentro de un chip circular con fondo #F2F3F8 y padding de 12px; (2) título h3 en Poppins 20px / 24px en desktop semibold; (3) descripción en Inter 16px; (4) botón CTA primario con fondo azul #2134F1, hover invertido (fondo blanco, texto azul). Todos los elementos (icono, descripción y botón) son ocultables independientemente. El título se renderiza siempre si tiene valor',
+  description: 'Bloque de contenido centrado con cuatro elementos verticales: (1) icono SVG fijo (campana de notificación azul) dentro de un chip circular con fondo #F2F3F8 y padding de 12px; (2) título h3 en IBM Plex Serif 20px / 24px en desktop semibold; (3) descripción en IBM Plex Sans 16px; (4) botón CTA primario con fondo azul #001978, hover invertido (fondo blanco, texto azul). Todos los elementos (icono, descripción y botón) son ocultables independientemente. El título se renderiza siempre si tiene valor',
   framework: 'Astro',
   priority: 1,
   tags: ['texto', 'icono', 'cta', 'boton', 'centrado'],
@@ -12,7 +12,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'title',
       type: 'text',
-      help: 'Título principal del bloque (se renderiza como h3 en Poppins 20px en móvil / 24px en desktop, semibold). Admite HTML. Si está vacío, el h3 se renderiza vacío',
+      help: 'Título principal del bloque (se renderiza como h3 en IBM Plex Serif 20px en móvil / 24px en desktop, semibold). Admite HTML. Si está vacío, el h3 se renderiza vacío',
       label: 'Texto del título',
       mandatory: false,
       example_value: '¿Quieres saber más sobre GenIA-L?'
@@ -20,7 +20,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'description',
       type: 'text',
-      help: 'Descripción que aparece debajo del título (Inter 16px, line-height 24px). Admite HTML. Solo se renderiza si "Mostrar descripción" está activado',
+      help: 'Descripción que aparece debajo del título (IBM Plex Sans 16px, line-height 24px). Admite HTML. Solo se renderiza si "Mostrar descripción" está activado',
       label: 'Texto de la descripción',
       mandatory: false,
       example_value: 'Solicita una demo personalizada y descubre cómo la IA jurídica puede transformar tu despacho.'
@@ -38,7 +38,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'showIco',
       type: 'boolean',
-      help: 'Si está activado, muestra un icono SVG fijo (campana de notificación azul #2134F1) dentro de un chip circular (fondo #F2F3F8, padding 12px, border-radius 48px). Si está desactivado, NO se renderiza el chip y el bloque empieza directamente por el título sin hueco residual',
+      help: 'Si está activado, muestra un icono SVG fijo (campana de notificación azul #001978) dentro de un chip circular (fondo #F2F3F8, padding 12px, border-radius 48px). Si está desactivado, NO se renderiza el chip y el bloque empieza directamente por el título sin hueco residual',
       label: 'Mostrar icono',
       mandatory: false,
       options: ['false', 'true'],
@@ -58,7 +58,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'txtBtn',
       type: 'text',
-      help: 'Texto del botón CTA primario. Solo se muestra si "Mostrar botón" está activado. Estilo: fondo azul #2134F1, texto blanco, hover invertido (fondo blanco con texto y borde azul)',
+      help: 'Texto del botón CTA primario. Solo se muestra si "Mostrar botón" está activado. Estilo: fondo azul #001978, texto blanco, hover invertido (fondo blanco con texto y borde azul)',
       label: 'Texto del botón',
       mandatory: false,
       example_value: 'Solicitar demo'
@@ -74,7 +74,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'color',
       type: 'text',
-      help: 'Color de texto aplicado al título y a la descripción (vía clase Tailwind text-[${color}]). Acepta cualquier valor CSS válido: hex (#262626), rgb(), nombre de color, etc. Por defecto #262626. NO afecta al color del botón CTA ni del icono (ambos azul #2134F1 fijo)',
+      help: 'Color de texto aplicado al título y a la descripción (vía clase Tailwind text-[${color}]). Acepta cualquier valor CSS válido: hex (#262626), rgb(), nombre de color, etc. Por defecto #262626. NO afecta al color del botón CTA ni del icono (ambos azul #001978 fijo)',
       label: 'Color del texto',
       mandatory: false,
       example_value: '#262626'

package/src/carbins/Texto_2026_Castellon.ts

@@ -28,10 +28,10 @@ export const metadata: ComponentMetadata = {
     {
       name: 'titleTag',
       type: 'select',
-      help: 'Etiqueta HTML y estilo visual del título. Variantes: "h1" 36-56px con padding lateral; "h1-40" 40px con mb-8; "h2" 36-40px; "h3" 2xl semibold; "h4" 20px semibold; "h5" y "h6" sin estilos complejos. La alineación horizontal se controla con el campo "Alineación".',
+      help: 'Etiqueta HTML y estilo visual del título. Variantes: "h1" 40-56px con padding lateral; "h1-40" 36-40px con mb-8; "h2" 36-40px; "h3" 2xl semibold; "h4" 20px semibold; "h5" y "h6" sin estilos complejos. La alineación horizontal se controla con el campo "Alineación".',
       label: 'Etiqueta del título',
       options: ['h1', 'h1-40', 'h2', 'h3', 'h4', 'h5', 'h6'],
-      options_labels: ['H1 (36-56px)', 'H1 40px', 'H2 (36-40px)', 'H3 (2xl semibold)', 'H4 (20px semibold)', 'H5', 'H6'],
+      options_labels: ['H1 (40-56px)', 'H1 36-40px', 'H2 (36-40px)', 'H3 (2xl semibold)', 'H4 (20px semibold)', 'H5', 'H6'],
       example_value: 'h2'
     },
     {

package/src/carbins/Titulo_2025_Algeciras.ts

@@ -20,7 +20,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'description',
       type: 'text',
-      help: 'Descripción opcional debajo del título (Inter 16px, centrada). Admite HTML. Solo se muestra si tiene valor',
+      help: 'Descripción opcional debajo del título (IBM Plex Sans 16px, centrada). Admite HTML. Solo se muestra si tiene valor',
       label: 'Texto de la descripción',
       mandatory: false,
       example_value: 'Descubre cómo GenIA-L transforma el trabajo diario de los despachos de abogados'
@@ -28,10 +28,10 @@ export const metadata: ComponentMetadata = {
     {
       name: 'tipo',
       type: 'select',
-      help: 'Estilo y etiqueta HTML del título. 15 variantes con distintos tamaños, alineaciones y márgenes: "h1" 36-56px centrado, "h1-40" 40px centrado mb-8, "h1-40-left" 40px izquierda, "h1-home" 36-56px centrado (usado como subtítulo del Home), "h2" 36-40px centrado, "h2-mb24" estilo badge fondo gris, "h2-mb64" 36-40px con padding, "h2-mb64-max900" igual con max-width 900px, "h3" 2xl semibold centrado, "h3-mb32" 32px izquierda, "h3-40-left" 40px izquierda, "h4"/"h5"/"h6" centrados sin estilos complejos, "p" párrafo simple. Si se pasa "h1Subtitle", el título se renderiza como badge (fondo gris, padding) y el "h1Subtitle" adopta el estilo principal',
+      help: 'Estilo y etiqueta HTML del título. 15 variantes con distintos tamaños, alineaciones y márgenes: "h1" 40-56px centrado (móvil-desktop), "h1-40" 36-40px centrado mb-8, "h1-40-left" 36-40px izquierda, "h1-home" 40-56px centrado (usado como subtítulo del Home), "h2" 36-40px centrado, "h2-mb24" estilo badge fondo gris, "h2-mb64" 36-40px con padding, "h2-mb64-max900" igual con max-width 900px, "h3" 2xl semibold centrado, "h3-mb32" 28-32px izquierda, "h3-40-left" 36-40px izquierda, "h4"/"h5"/"h6" centrados sin estilos complejos, "p" párrafo simple. Si se pasa "h1Subtitle", el título se renderiza como badge (fondo gris, padding) y el "h1Subtitle" adopta el estilo principal',
       label: 'Etiqueta del título',
       options: ['h1', 'h1-40', 'h1-40-left', 'h1-home', 'h2', 'h2-mb24', 'h2-mb64', 'h2-mb64-max900', 'h3', 'h3-mb32', 'h3-40-left', 'h4', 'h5', 'h6', 'p'],
-      options_labels: ['H1 (36-56px centrado)', 'H1 40px centrado', 'H1 40px izquierda', 'H1 home', 'H2 36-40px centrado', 'H2 badge', 'H2 con padding', 'H2 padding max-900', 'H3 centrado', 'H3 32px izquierda', 'H3 40px izquierda', 'H4', 'H5', 'H6', 'Párrafo'],
+      options_labels: ['H1 (40-56px centrado)', 'H1 36-40px centrado', 'H1 36-40px izquierda', 'H1 home', 'H2 36-40px centrado', 'H2 badge', 'H2 con padding', 'H2 padding max-900', 'H3 centrado', 'H3 28-32px izquierda', 'H3 36-40px izquierda', 'H4', 'H5', 'H6', 'Párrafo'],
       example_value: 'h1'
     },
     {
@@ -63,18 +63,18 @@ export const metadata: ComponentMetadata = {
     {
       name: 'subdescription',
       type: 'text',
-      help: 'Sub-descripción adicional (Poppins 20px, centrada). Solo se muestra si tiene valor. Aparece debajo de "description". Admite HTML',
-      label: 'Sub-descripción (Poppins 20px)',
+      help: 'Sub-descripción adicional (IBM Plex Serif 20px, centrada). Solo se muestra si tiene valor. Aparece debajo de "description". Admite HTML',
+      label: 'Sub-descripción (IBM Plex Serif 20px)',
       mandatory: false,
       example_value: 'Automatiza tareas, redacta documentos y encuentra jurisprudencia en segundos'
     },
     {
       name: 'fontFamily',
       type: 'select',
-      help: 'Tipografía de la descripción y sub-descripción. "Inter" (por defecto) o "Poppins". No afecta a los títulos (h1–h6), que siempre usan Poppins',
+      help: 'Tipografía de la descripción y sub-descripción. "IBM Plex Sans" (por defecto) o "IBM Plex Serif". No afecta a los títulos (h1–h6), que siempre usan IBM Plex Serif',
       label: 'Tipografía de la descripción',
       options: ['inter', 'poppins'],
-      options_labels: ['Inter', 'Poppins'],
+      options_labels: ['IBM Plex Sans', 'IBM Plex Serif'],
       example_value: 'inter'
     },
     {

package/src/carbins/Titulo_2025_Santorini.ts

@@ -4,7 +4,7 @@ export const metadata: ComponentMetadata = {
   component_name: 'Titulo_2025_Santorini',
   category: 'Título',
   name: 'Pastilla mini en mayúsculas con color azul corporativo 2025',
-  description: 'Pequeño <p> con texto renderizado en MAYÚSCULAS (CSS uppercase), color azul oscuro corporativo (#001978), semibold, tamaño pequeño (14px) y tracking ampliado. Pensado como etiqueta/badge de categoría por encima de títulos de contenido. No admite HTML: el texto se renderiza como texto plano',
+  description: 'Pequeño <p> con texto renderizado en MAYÚSCULAS (CSS uppercase), color azul oscuro corporativo (#001978), peso regular, tamaño pequeño (14px) y tracking ampliado. Pensado como etiqueta/badge de categoría por encima de títulos de contenido. No admite HTML: el texto se renderiza como texto plano',
   framework: 'Astro',
   priority: 1,
   tags: ['titulo', 'texto', 'badge', 'etiqueta', 'pastilla'],

package/src/components/Astro/Author_2025_Algarve.astro

@@ -48,12 +48,12 @@ const sizeClass = sizeClassMap[imageSize] ?? "max-w-[240px] max-h-[240px]";
 
             <div class="w-full h-auto flex items-center self-stretch">
                 <div class="w-full flex flex-col items-start gap-2">
-                    <p class="font-inter text-[#262626] text-base font-normal leading-6 underline">
+                    <p class="font-body text-[#262626] text-base font-normal leading-6 underline">
                         {urlAuthor
                             ? <a href={urlAuthor} class="hover:opacity-80 transition-opacity" set:html={nameAuthor}></a>
                             : <Fragment set:html={nameAuthor} />}
                     </p>
-                    <p class="font-inter text-[#363942] text-sm font-normal leading-5" set:html={descriptionAuthor}></p>
+                    <p class="font-body text-[#363942] text-sm font-normal leading-[21px]" set:html={descriptionAuthor}></p>
                 </div>
             </div>
         </div>
@@ -70,12 +70,12 @@ const sizeClass = sizeClassMap[imageSize] ?? "max-w-[240px] max-h-[240px]";
             
             <div class="w-full h-auto flex items-center self-stretch">
                 <div class="w-full flex flex-col items-start gap-2">
-                    <p class="font-inter text-[#262626] text-base font-normal leading-6 underline">
+                    <p class="font-body text-[#262626] text-base font-normal leading-6 underline">
                         {urlAuthor
                             ? <a href={urlAuthor} class="hover:opacity-80 transition-opacity" set:html={nameAuthor}></a>
                             : <Fragment set:html={nameAuthor} />}
                     </p>
-                    <p class="font-inter text-[#363942] text-sm font-normal leading-5" set:html={descriptionAuthor}></p>
+                    <p class="font-body text-[#363942] text-sm font-normal leading-[21px]" set:html={descriptionAuthor}></p>
                 </div>
             </div>
         </div>

package/src/components/Astro/Boton_2026_Elx.astro

@@ -28,11 +28,11 @@ const hasModal = items.some((btn) => isTrue(btn.openModal));
 const imageModalUrl = extractImageUrl(imageModal);
 const randomId = Math.floor(Math.random() * 1000);
 
-// Estilos del diseño de Figma (Button / Medium): 48px alto, radio 8px, Inter 16px semibold, sombra "Raised".
-const baseClass = 'inline-flex items-center justify-center h-12 px-4 gap-1 rounded-lg font-inter text-base font-semibold leading-6 no-underline hover:underline transition-all duration-300 cursor-pointer shadow-[0_2px_4px_-2px_rgba(0,0,0,0.08),0_4px_8px_-2px_rgba(0,0,0,0.04)]';
+// Estilos del diseño de Figma (Button / Medium): 48px alto, radio 8px, IBM Plex Sans 16px semibold, sombra "Raised".
+const baseClass = 'inline-flex items-center justify-center h-12 px-4 gap-1 rounded-lg font-body text-base font-semibold leading-6 no-underline hover:underline transition-all duration-300 cursor-pointer shadow-[0_2px_4px_-2px_rgba(0,0,0,0.08),0_4px_8px_-2px_rgba(0,0,0,0.04)]';
 const typeClass = {
-    primary: 'bg-[#2134F1] text-white',
-    secondary: 'bg-[rgba(255,255,255,0.01)] border border-[#2134F1] text-[#2134F1]',
+    primary: 'bg-[#001978] text-white',
+    secondary: 'bg-[rgba(255,255,255,0.01)] border border-[#001978] text-[#001978]',
 };
 ---
 
@@ -67,8 +67,8 @@ const typeClass = {
             </div>
             )}
             <div class={imageModalUrl ? "w-full lg:w-2/3" : "w-full"}>
-                <h2 class="font-poppins text-[#262626] text-[28px] lg:text-[32px] font-normal text-left leading-10 mb-8">{titleModal}</h2>
-                <div class="font-inter text-base font-normal leading-6 mb-8" set:html={descriptionModal} />
+                <h2 class="font-heading text-[#262626] text-[28px] leading-9 lg:text-[32px] lg:leading-10 font-normal text-left mb-8">{titleModal}</h2>
+                <div class="font-body text-base font-normal leading-6 mb-8" set:html={descriptionModal} />
                 <div id={`lf2-form-container-${randomId}`} class="w-full">
                     <!--FORMULARIO -->
                 </div>

package/src/components/Astro/CTA_2025_Formentera.astro

@@ -4,14 +4,14 @@ const {
     buttonText = "xxx",
     buttonUrl = "#",
     frontColor = 'white',
-    backColor = '#2134F1',
-    borderColor = '#2134F1',
+    backColor = '#001978',
+    borderColor = '#001978',
 } = Astro.props;
 
 ---
 <a
     href={buttonUrl}
-    class="text-base font-semibold font-inter inline-block mt-6 p-3 px-5 h-12 rounded-xl transition-colors duration-300 border border-solid w-fit"
+    class="text-base leading-6 font-semibold font-body inline-block mt-6 p-3 px-5 h-12 rounded-xl transition-colors duration-300 border border-solid w-fit"
     style={`border-color: ${borderColor}; background-color: ${backColor}; color: ${frontColor};`}
     onmouseover={`this.style.backgroundColor='${frontColor}'; this.style.color='${backColor}';`}
     onmouseout={`this.style.backgroundColor='${backColor}'; this.style.color='${frontColor}';`}