libreria-astro-lefebvre 0.2.14 → 0.2.17

package/package.json

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

package/src/carbins/Formulario_2025_Nara.ts

@@ -9,6 +9,14 @@ export const metadata: ComponentMetadata = {
   priority: 1,
   tags: ['formulario', 'suscripcion', 'email', 'newsletter', 'minimalista'],
    fields: [
+    {
+      name: 'categoria',
+      type: 'text',
+      help: 'Etiqueta opcional (span) encima del título, con bullet rojo, fondo gris suave y tipografía mono en mayúsculas. Solo se muestra si el campo tiene valor',
+      label: 'Categoría',
+      mandatory: false,
+      example_value: 'Newsletter'
+    },
     {
       name: 'title',
       type: 'text',

package/src/components/Astro/Contenido_2026_Sevilla.astro

@@ -104,7 +104,7 @@ const imageUrl = imageBase || extractImageUrl(image);
                 )}
                 
                 <div class={`w-full lg:w-1/2 p-0 md:p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
-                    <img src={imageUrl} alt={title} width="600" height="450" class="max-w-xl w-full h-auto object-cover rounded-none md:rounded-2xl m-auto aspect-auto lg:aspect-[58/54]" loading={loading} />
+                    <img src={imageUrl} alt={title} width="600" height="450" class={`max-w-xl w-full h-auto object-cover rounded-[40px] ${orientation === 'left' ? '[transform:perspective(1000px)_rotateY(-7deg)]' : '[transform:perspective(1000px)_rotateY(7deg)]'} m-auto aspect-[58/54]`} loading={loading} />
                 </div>
                 
                 {/* <div class={`w-full lg:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'} aspect-square`}>
@@ -171,7 +171,6 @@ const imageUrl = imageBase || extractImageUrl(image);
     )}
 </section>
 </div>
-
 <div id={`teruel-popup-modal-${randomId}`} class="fixed w-full h-full pt-12 top-0 left-0 z-9999 hidden bg-[#ebe7da]/60 backdrop-blur-sm flex items-center justify-center">
     <div class="flex flex-col w-full md:w-4/5 max-w-[1000px] max-h-[calc(100vh-96px)] m-auto p-4 rounded-2xl bg-white shadow-lg border border-[#e1c8b4] overflow-y-auto modal-guia">
         <div class="w-full flex justify-end">

package/src/components/Astro/Formulario_2025_Nara.astro

@@ -1,7 +1,8 @@
 ---
 
 const {
-    title = "Mantente al día de la IA jurídica",
+    categoria = "",
+    title ="Mantente al día de la IA jurídica",
     description = "Recibe en tu email los últimos artículos, tendencias, casos de uso y novedades sobre inteligencia artificial aplicada al sector legal.",
     lf2FormTitle = "",
     businessAction = false,
@@ -37,6 +38,7 @@ const structuredData = `<script type="application/ld+json">
 
 <div class="w-full max-w-[1200px] flex flex-col md:flex-row p-6 md:py-6 md:px-0 gap-12">
     <div class="w-full flex flex-col">
+        {categoria?.trim() && <span class="self-start inline-flex items-center gap-2 px-2 py-1 mb-4 rounded bg-black/[0.04] text-center font-mono text-sm font-normal leading-5 tracking-[0.84px] uppercase text-[#403830] [font-feature-settings:'liga'_off,'clig'_off]"><span class="size-1.5 rounded-full bg-[#d71635]" aria-hidden="true"></span>{categoria}</span>}
         <h2 class="font-heading text-[28px] leading-9 md:text-[32px] md:leading-10 font-semibold text-[#1b1b1b] mb-4">{title}</h2>
         <p class="font-heading text-xl leading-7 font-normal text-[#403830]">{description}</p>
     </div>