libreria-astro-lefebvre 0.1.2 → 0.1.4

package/package.json

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

package/src/carbins/Texto_2025_Kyoto.ts

@@ -20,10 +20,10 @@ 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" → <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 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)',
       label: 'Etiqueta del título',
-      options: ['none', 'h1', 'h2-40', 'h2-32', 'h2', 'h3-24', 'h3', 'h4'],
-      options_labels: ['Sin título', 'H1', 'H2 40px', 'H2 32px', 'H2', 'H3 24px', 'H3', 'H4'],
+      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'],
       example_value: 'h2'
     },
     {

package/src/carbins/Texto_2026_Castellon.ts

@@ -20,7 +20,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'title',
       type: 'text',
-      help: 'Título principal. Admite HTML. La etiqueta HTML (h1-h6) se elige en el campo "Etiqueta del título". El estilo visual es el mismo para cualquier etiqueta; solo cambia la semántica/SEO.',
+      help: 'Título principal. Admite HTML. La etiqueta HTML y su estilo visual se eligen en el campo "Etiqueta del título" (cada variante tiene su propio tamaño, leading y márgenes).',
       label: 'Texto del título',
       mandatory: true,
       example_value: 'Inteligencia artificial al servicio del Derecho'
@@ -37,7 +37,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'titleAlign',
       type: 'select',
-      help: 'Alineación horizontal del pretítulo, del título y del botón. La descripción siempre se renderiza a ancho completo, sin alineación configurable.',
+      help: 'Alineación horizontal del pretítulo, del título, de la descripción y del botón. La descripción mantiene siempre ancho completo (w-full); solo cambia la alineación de su texto interno.',
       label: 'Alineación del título',
       options: ['left', 'center', 'right'],
       options_labels: ['Izquierda', 'Centro', 'Derecha'],
@@ -46,7 +46,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'description',
       type: 'textArea',
-      help: 'Descripción a ancho completo del contenedor padre. Admite HTML (editor enriquecido). Solo se muestra si tiene valor.',
+      help: 'Descripción a ancho completo del contenedor padre. Admite HTML (editor enriquecido). La alineación del texto interno sigue el campo "Alineación del título". Solo se muestra si tiene valor.',
       label: 'Descripción',
       mandatory: false,
       example_value: '<p>Descubre cómo la IA jurídica transforma el trabajo diario de los despachos de abogados.</p>'

package/src/components/Astro/Texto_2025_Kyoto.astro

@@ -14,7 +14,8 @@ const {
     {title && tipo === "h1" && <h1 class={`font-poppins text-[${color}] text-[40px] font-semibold leading-[48px] mb-4`} set:html={title}></h1>}
     {title && tipo === "h2-40" && <h2 class={`font-poppins text-[${color}] text-[36px] md:text-[40px] font-normal text-center leading-[48px] my-8`} set:html={title}></h2>}
     {title && tipo === "h2-32" && <h2 class={`font-poppins text-[${color}] text-[32px] font-semibold leading-10 mb-4`} set:html={title}></h2>}
-    {title && tipo === "h2" && <h2 class={`font-poppins text-[${color}] text-[24px] font-semibold leading-8 mb-4`} set:html={title}></h2>}
+    {title && tipo === "h2-32-normal" && <h2 class={`font-poppins text-[${color}] text-[32px] font-semibold leading-10 mb-4`} set:html={title}></h2>}
+    {title && tipo === "h2" && <h2 class={`font-poppins text-[${color}] text-[24px] font-normal leading-8 mb-4`} set:html={title}></h2>}
     {title && tipo === "h3-24" && <h3 class={`font-poppins text-[${color}] text-[24px] font-semibold leading-8 mb-4`} set:html={title}></h3>}
     {title && tipo === "h3" && <h3 class={`font-poppins text-[${color}] text-[20px] font-semibold leading-7 mb-4`} set:html={title}></h3>}
     {title && tipo === "h4" && <h4 class={`font-poppins text-[${color}] text-[20px] font-semibold leading-7 mb-4`} set:html={title}></h4>}

package/src/components/Astro/Texto_2026_Castellon.astro

@@ -12,10 +12,15 @@ const {
 
 const alignClass = titleAlign === 'center' ? 'text-center' : titleAlign === 'right' ? 'text-right' : 'text-left';
 const btnSelf = titleAlign === 'center' ? 'self-center' : titleAlign === 'right' ? 'self-end' : 'self-start';
+const pretitleMargin = titleAlign === 'center' ? 'mx-auto' : titleAlign === 'right' ? 'ml-auto' : '';
 ---
 
 <section class="w-full flex flex-col gap-4">
-    {pretitle && <span class={`block w-full font-inter text-[#363942] text-sm md:text-base font-normal ${alignClass}`} set:html={pretitle}></span>}
+    {pretitle && (
+        <div class={`w-auto w-fit ${pretitleMargin}`}>
+            <span class="block font-inter text-[#363942] text-sm md:text-base font-normal rounded-sm bg-[#F2F3F8] py-2 px-3" set:html={pretitle}></span>
+        </div>
+    )}
 
     {title && titleTag === 'h1' && <h1 class={`font-poppins text-[#262626] text-[36px] md:text-[56px] font-normal ${alignClass} leading-[44px] md:leading-[64px] px-6 md:my-12`} set:html={title}></h1>}
     {title && titleTag === 'h1-40' && <h1 class={`font-poppins text-[#262626] text-[40px] font-normal ${alignClass} leading-[48px] mb-8`} set:html={title}></h1>}
@@ -25,7 +30,7 @@ const btnSelf = titleAlign === 'center' ? 'self-center' : titleAlign === 'right'
     {title && titleTag === 'h5' && <h5 class={`font-poppins text-[#262626] ${alignClass}`} set:html={title}></h5>}
     {title && titleTag === 'h6' && <h6 class={`font-poppins text-[#262626] ${alignClass}`} set:html={title}></h6>}
 
-    {description && <div class="w-full font-inter text-[#363942] text-base font-normal leading-7" set:html={description}></div>}
+    {description && <div class={`w-full font-inter text-[#363942] text-base font-normal leading-7 ${alignClass}`} set:html={description}></div>}
 
     {showBtn && btnLabel && (
         <a href={btnSrc} class={`${btnSelf} text-white font-inter font-normal bg-[#2134F1] px-5 py-3 border border-[#2134F1] rounded-xl hover:bg-white hover:text-[#2134F1] transition-all duration-300`}>{btnLabel}</a>