npm - libreria-astro-lefebvre - Versions diffs - 0.0.8 → 0.0.10 - Mend

libreria-astro-lefebvre 0.0.8 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (28) hide show

package/package.json CHANGED Viewed

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

package/src/carbins/Repetidor_2025_Dubai.ts CHANGED Viewed

@@ -3,8 +3,8 @@ import type { ComponentMetadata } from '../interfaces/types';
 export const metadata: ComponentMetadata = {
   component_name: 'Repetidor_2025_Dubai',
   category: 'Repetidor',
-  name: 'Carrusel Genial 2025',
-  description: 'Carrusel para el directorio de Genial en la corporativa de Lefebvre',
+  name: 'Contenidos titulo descripción y botón Genial 2025',
+  description: 'Contenidos para el directorio de Genial en la corporativa de Lefebvre',
   framework: 'Astro',
   priority: 1,
   tags: ['contenido', 'carrusel', 'genial'],

package/src/carbins/Repetidor_2025_Estocolmo.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 export const metadata: ComponentMetadata = {
   component_name: 'Repetidor_2025_Estocolmo',
   category: 'Repetidor',
-  name: 'Repetidor de contenido Genial 2025',
+  name: 'Repetidor de contenido Genial sin campos 2025',
   description: 'Repetidor de contenido para el directorio de Genial en la corporativa de Lefebvre',
   framework: 'Astro',
   priority: 1,

package/src/carbins/Repetidor_2025_Tokyo.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import type { ComponentMetadata } from '../interfaces/types';
 export const metadata: ComponentMetadata = {
   component_name: 'Repetidor_2025_Tokyo',
   category: 'Repetidor',
-  name: 'Repetidor de contenido Genial 2025',
+  name: 'Repetidor de contenido con bloque Genial 2025',
   description: 'Repetidor de contenido para el directorio de Genial en la corporativa de Lefebvre',
   framework: 'Astro',
   priority: 1,

package/src/carbins/SEO_Head_Section.ts ADDED Viewed

@@ -0,0 +1,49 @@
+import type { ComponentMetadata } from '../interfaces/types';
+export const metadata: ComponentMetadata = {
+  component_name: 'SEO_Head_Section',
+  category: 'SEO',
+  name: 'SEO Head Section',
+  description: 'Sección de encabezado SEO para mejorar la visibilidad en buscadores',
+  framework: 'Astro',
+  priority: 1,
+  tags: ['seo', 'genial'],
+   fields: [
+    {
+      name: 'title',
+      type: 'text',
+      label: 'Título de la página',
+      mandatory: false,
+      example_value: 'Lefebvre'
+    },
+    {
+      name: 'description',
+      type: 'text',
+      label: 'Descripción de la página',
+      mandatory: false,
+      example_value: ''
+    },
+    {
+      name: 'canonical',
+      type: 'text',
+      label: 'URL canónica',
+      mandatory: false,
+      example_value: ''
+    },
+    {
+      name: 'shareImgSrc',
+      type: 'text',
+      label: 'Src de la imagen para compartir',
+      mandatory: false,
+      example_value: 'https://www.ejemplo.com/imagen.jpg'
+    },
+    {
+      name: 'robots',
+      type: 'select',
+      label: 'Indexación por parte de los motores de búsqueda',
+      options: ['index, follow', 'noindex, nofollow', 'index, nofollow', 'noindex, follow'],
+      options_labels: ['Indexar y seguir enlaces', 'No indexar ni seguir enlaces', 'Indexar pero no seguir enlaces', 'No indexar pero seguir enlaces'],
+      example_value: 'index, follow'
+    },
+   ]
+};

package/src/components/Astro/Cabecera_2025_Barcelona.astro CHANGED Viewed

@@ -8,7 +8,7 @@ const {
 ---
 <section class="w-full flex pb-12">
-    <div class="max-w-7xl w-full mx-auto flex gap-2 bg-white text-[#363942] py-2 text-[14px]">
+    <div class="max-w-7xl w-full mx-auto flex gap-2 bg-white text-[#363942] px-6 md:px-2 py-2 text-[14px]">
         <a href={subdirectory + '/'}><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
             <path fill-rule="evenodd" clip-rule="evenodd" d="M11.607 2.26475C11.1639 2.32582 10.6509 2.48899 10.1624 2.72428C9.60055 2.99492 9.00859 3.34706 6.66084 4.80718C4.31852 6.26394 3.93572 6.53182 3.40193 7.08788C2.90464 7.60592 2.64374 8.07514 2.46575 8.77158C2.28122 9.49354 2.26758 9.74391 2.2535 12.6665C2.24172 15.1104 2.25893 16.3111 2.31649 17.061C2.44485 18.7333 2.80188 19.7175 3.55237 20.4678C4.28974 21.2051 5.2235 21.5501 6.83418 21.6806C7.50612 21.735 8.61888 21.75 11.9999 21.75C15.3809 21.75 16.4937 21.735 17.1656 21.6806C18.7575 21.5516 19.699 21.2081 20.4254 20.4911C20.9976 19.9264 21.341 19.2288 21.5307 18.2464C21.724 17.2457 21.7637 16.2126 21.7463 12.6447C21.7321 9.7458 21.7182 9.49232 21.534 8.77158C21.356 8.07514 21.0951 7.60592 20.5979 7.08788C20.0641 6.53182 19.6813 6.26394 17.3389 4.80718C14.9942 3.34893 14.4021 2.99663 13.8362 2.72324C13.4707 2.54669 13.003 2.3831 12.6586 2.3114C12.3947 2.25643 11.8444 2.23204 11.607 2.26475ZM11.6269 3.73267C11.5426 3.74947 11.3777 3.79614 11.2605 3.83636C10.6997 4.02896 10.2326 4.29571 7.66624 5.88901C5.52292 7.21964 5.04514 7.53681 4.65608 7.88712C3.98123 8.49478 3.78607 9.00003 3.72514 10.2972C3.69616 10.9139 3.69657 15.5359 3.72565 16.2378C3.80342 18.1147 4.03097 18.9336 4.63227 19.501C5.0201 19.867 5.59984 20.0807 6.49905 20.189C7.24869 20.2793 7.46553 20.283 11.9999 20.283C16.5343 20.283 16.7511 20.2793 17.5007 20.189C19.2668 19.9762 19.925 19.3378 20.1684 17.6016C20.2815 16.7945 20.3028 15.9639 20.291 12.8283C20.284 10.9976 20.272 10.0331 20.254 9.86956C20.1456 8.88351 19.9347 8.41609 19.3684 7.90674C18.9506 7.53089 18.535 7.25522 16.2312 5.82558C13.7693 4.29779 13.2896 4.02434 12.7476 3.83985C12.3354 3.69954 11.9691 3.6645 11.6269 3.73267Z" fill="#363942"/>
             <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5553 14.1632C10.1564 14.1632 9.83307 14.4866 9.83307 14.8856V20.6644C9.83307 21.0634 9.50969 21.3868 9.11079 21.3868C8.71189 21.3868 8.38852 21.0634 8.38852 20.6644V14.8856C8.38852 13.6888 9.35864 12.7185 10.5553 12.7185H13.4444C14.6411 12.7185 15.6113 13.6888 15.6113 14.8856V20.6644C15.6113 21.0634 15.2879 21.3868 14.889 21.3868C14.4901 21.3868 14.1667 21.0634 14.1667 20.6644V14.8856C14.1667 14.4866 13.8433 14.1632 13.4444 14.1632H10.5553Z" fill="#363942"/>

package/src/components/Astro/Cabecera_2025_Madrid.astro CHANGED Viewed

@@ -45,7 +45,7 @@ const categories = [
 ---
 <header class="sticky top-0 w-full bg-white z-50 flex flex-col justify-center align-center items-center p-0">
-    <nav class="px-4 py-2 w-full border-b-1 border-gray-400">
+    <nav class="px-4 py-2 w-full border-b-1 border-gray-300">
         <div class="max-w-7xl flex items-center justify-between py-2 mx-auto">
             <a href={subdirectory + '/'} class="hidden md:flex items-center">
@@ -85,8 +85,8 @@ const categories = [
     <nav class="w-full flex items-center border-b-1 border-gray-300">
         <ul class="max-w-7xl hidden lg:flex items-center justify-start gap-8 mx-auto">
             {categories.map(category => (
-                <li class="relative group px-8 py-6 border-b-2 border-transparent hover:border-b-2 hover:border-indigo-600">
-                    <a href={category.link} class="flex items-center">
+                <li class="relative group border-b-2 border-transparent hover:border-b-2 hover:border-indigo-600 hover:bg-gray-100">
+                    <a href={category.link} class="flex items-center px-8 py-6">
                         <span>
                             {category.name}
                         </span>

package/src/components/Astro/Contenido_2025_Alcorcon.astro CHANGED Viewed

@@ -17,7 +17,7 @@ const {
     <article class="w-full flex flex-col items-center justify-center p-6">
-        <div class="max-w-7xl h-full flex justify-center items-center aspect-auto relative md:w-4/5 lg:aspect-video">
+        <div class="max-w-7xl w-full h-full flex justify-center items-center aspect-auto relative md:w-4/5 lg:aspect-video">
             <div class="absolute inset-0">
                 {src && src !== "" ? (
@@ -30,8 +30,8 @@ const {
             </div>
             <div class="w-4/5 relative z-10 flex flex-col justify-center items-center h-full text-center p-0 py-8 md:p-6">
-                <h2 class="text-[#262626] font-poppins text-[72px] font-semibold text-center leading-none">{title}</h2>
-                <p class="text-[#262626] font-poppins text-[36px] font-normal leading-[32px] text-center mb-8">{subtitle}</p>
+                <h2 class="text-[#262626] font-poppins text-[56px] md:text-[72px] font-semibold text-center leading-none">{title}</h2>
+                <p class="text-[#262626] font-poppins text-[32px] md:text-[36px] font-normal leading-[32px] text-center mb-8">{subtitle}</p>
                 <div class="text-[#363942] font-inter text-xl font-normal leading-[28px] mb-8 text-center" set:html={description}></div>
                  {showBtn ? (

package/src/components/Astro/Contenido_2025_Malaga.astro CHANGED Viewed

@@ -33,7 +33,7 @@ const {
                         <div class={`w-1/2`} style={`
                             ${orientation === 'left' ? `padding-left: ${paddingLeft}px` : `padding-right: ${paddingLeft}px`}
                         `}>
-                            <h2 class="text-[2.625em] leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
+                            <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
                             <div
                             class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8"
                             set:html={description}
@@ -49,9 +49,16 @@ const {
                     </div>
                 ) : (
-                    <div class={`w-full md:w-1/2 p-4 pr-4 ${orientation === 'left' ? 'max-[767px]:pl-4' : 'pr-[var(--padding-left)] pl-0' }`}
+                    <style>
+                        @media (max-width: 767px) {
+                            .css-mq-pl-767 {
+                                padding-left: 1rem !important;
+                            }
+                        }
+                    </style>
+                    <div class={`w-full md:w-1/2 p-4 pr-4 ${orientation === 'left' ? 'css-mq-pl-767' : 'pr-[var(--padding-left)] pl-0' }`}
                     style={{ 'padding-left': `${paddingLeft}px` }}>
-                        <h2 class="text-[2.625em] leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
+                        <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
                         <div
                         class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8"
                         set:html={description}
@@ -87,7 +94,7 @@ const {
                         </svg>
                         <div class="w-1/2 p-4 flex flex-col flex-wrap ">
-                            <h2 class="text-[2.625em] leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
+                            <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
                             <div
                             class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8"
                             set:html={description}
@@ -104,7 +111,7 @@ const {
                 ) : (
                     <div class="w-1/2 p-4 flex flex-col flex-wrap ">
-                        <h2 class="text-[2.625em] leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
+                        <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
                         <div
                         class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8"
                         set:html={description}

package/src/components/Astro/Contenido_2025_Montevideo.astro CHANGED Viewed

@@ -13,7 +13,7 @@ const {
 ---
-<a href={link} class="w-full flex flex-col cursor-pointer">
+<a href={link} class="w-full flex flex-col cursor-pointer px-4 md:px-0">
     <article class="w-full h-full flex flex-col rounded-lg border border-gray-200 items-center shadow-sm hover:bg-gradient-to-r from-[#001978] via-[#2134F1] to-[#F81BBD] transition-all duration-300 p-[1px]">
         <div class="bg-white mt-[1px] rounded-tl-[7px] rounded-tr-[7px] h-full">
             <div class="w-full">

package/src/components/Astro/Footer_2025_Napoles.astro CHANGED Viewed

@@ -1,47 +1,52 @@
 ---
 import Separador_2025_Reinosa from './Separador_2025_Reinosa.astro';
+const {
+    subdirectory = "",
+} = Astro.props;
 const categories = [
     {
         name: 'Lefebvre',
         link: '#',
         subcategories: [
-            {name: 'Lefebvre.es', link: 'https://lefebvre.es/quienes-somos/'},
+            {name: 'Lefebvre.es', link: 'https://lefebvre.es'},
             {name: 'Conócenos', link: 'https://lefebvre.es/cultura-empresarial/equipo-direccion/'},
-            {name: 'Trabaja con nosotros', link: 'https://lefebvre.es/talento'},
+            {name: 'Trabaja con nosotros', link: 'https://lefebvre.es/talento/'},
             {name: 'Contacto Lefebvre', link: 'https://lefebvre.es/contacto/'},
-            {name: 'Canal ético', link: '#'},
-            {name: 'Partners', link: '#'}
+            {name: 'Canal ético', link: 'https://lefebvre.es/etica-cumplimiento/'},
+            // {name: 'Partners', link: 'https://lefebvre.es/cultura-empresarial/'}
         ],
     },
     {
         name: 'Explora GenIA-L',
         link: '#',
         subcategories: [
-            {name: 'IA Jurídica', link: '#'},
-            {name: 'Casos reales', link: '#'},
-            {name: 'Novedades y recursos', link: '#'},
-            {name: 'Preguntas Frecuentes', link: '#'},
-            {name: 'Contacto GenIA-L', link: '#'}
+            // {name: 'IA Jurídica', link: '#'},
+            {name: 'Casos reales', link: subdirectory + '/casos-reales'},
+            {name: 'Conoce GenIA-L', link: subdirectory + '/conoce-genia-l'},
+            // {name: 'Novedades y recursos', link: '#'},
+            // {name: 'Preguntas Frecuentes', link: '#'},
+            {name: 'Contacto GenIA-L', link: subdirectory + '/contacto'}
         ],
     },
     {
         name: 'Portales Lefebvre',
         link: '#',
         subcategories: [
-            {name: 'GenIA-L', link: '#'},
-            {name: 'Formacion', link: '#'},
-            {name: 'ElDerecho.com', link: '#'},
-            {name: 'EsapcioAsesoría.com', link: '#'},
-            {name: 'Derecholocal.es', link: '#'},
-            {name: 'ESG', link: '#'}
+            {name: 'GenIA-L', link: 'https://lefebvre.es/genia-l'},
+            {name: 'Formacion', link: 'https://lefebvre.es/formacion'},
+            {name: 'Elderecho.com', link: 'https://elderecho.com'},
+            {name: 'Espacioasesoria.com', link: 'https://espacioasesoria.com'},
+            {name: 'Derecholocal.es', link: 'https://derecholocal.es'},
+            {name: 'ESG', link: 'https://lefebvre.es/esg'}
         ],
     },
     {
         name: 'Tienda Online',
         link: '#',
         subcategories: [
-            {name: 'Nuestros productos', link: '#'}
+            {name: 'Nuestros productos', link: 'https://lefebvre.es/tienda'}
         ],
     },

package/src/components/Astro/Formulario_2025_Seul.astro CHANGED Viewed

@@ -7,6 +7,7 @@ const {
     orientation = "left",
     imageSrc,
     lf2FormTitle = "Formulario de contacto",
+    businessAction = false
 } = Astro.props;
 const idTargetLf2 = 'lf2-form-' + Math.random().toString(36).substring(2, 15);
@@ -31,7 +32,7 @@ const idTargetLf2 = 'lf2-form-' + Math.random().toString(36).substring(2, 15);
         <article class="flex flex-col items-center justify-center py-6">
             <div class={`flex-col md:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-full items-start gap-4 justify-center`}>
                 <div class="w-full md:w-1/3 flex justify-start mb-8 flex-col">
-                    <p class="font-poppins text-[#262626] text-[32px] font-semibold text-left leading-[40px] mb-[16px] text-wrap md:text-nowrap">{title}</p>
+                    <p class="font-poppins text-[#262626] text-[32px] font-semibold text-left leading-[40px] mb-[16px] text-wrap">{title}</p>
                     <p>{description}</p>
                 </div>
                 <div class={`w-full md:w-1/2 p-0 md:p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
@@ -44,14 +45,20 @@ const idTargetLf2 = 'lf2-form-' + Math.random().toString(36).substring(2, 15);
 </div>
-<script is:client define:vars={{ idTargetLf2 , lf2FormTitle}}>
+<script is:client define:vars={{ idTargetLf2 , lf2FormTitle, businessAction}}>
     document.addEventListener('DOMContentLoaded', () => {
+        let defaultParameters = {};
+        if(businessAction) {
+            defaultParameters.accioncomercial = businessAction;
+        }
         let configLf2 = {
             fake: true,
             formulario: lf2FormTitle,
-            bootstrap: false,
+            bootstrap: true,
             target: '#'+idTargetLf2,
-            defaultparameters: {},
+            defaultparameters: defaultParameters,
         };
         try {
             apiManager.pintarFormularioAutogestionado(configLf2);

package/src/components/Astro/Imagen_2025_Bogota.astro CHANGED Viewed

@@ -29,7 +29,7 @@ const {
             </div>
             <div class="w-4/5 relative z-10 flex flex-col justify-center items-center h-full text-center p-0 py-8 md:p-6">
-                <h3 class="text-[#ffffff] font-poppins text-[40px] font-semibold text-center leading-[48px] mb-[32px]">{title}</h3>
+                <h3 class="text-[#ffffff] font-poppins text-[36px] md:text-[40px] font-semibold text-center leading-[44px] md:leading-[48px] mb-[32px]">{title}</h3>
                 <div class="text-[#ffffff] font-inter text-xl font-normal leading-[28px] mb-8 text-center" set:html={description}></div>
                  {showBtn ? (

package/src/components/Astro/Repetidor_2025_Cabra.astro CHANGED Viewed

@@ -61,7 +61,7 @@ const identifier = 'js-megablock'+ Math.random().toString(36).substring(2, 15);
                             />
                         </div>
                         <div class="w-full md:w-1/2 p-0 md:pr-2">
-                            <img src={item.image} alt="Imagen" class="w-full h-auto rounded-xl" />
+                            <img src={item.image} alt="Imagen" class="w-full min-h-auto lg:min-h-full object-cover rounded-xl" />
                         </div>
                     </div>

package/src/components/Astro/Repetidor_2025_Dubai.astro CHANGED Viewed

@@ -11,7 +11,7 @@ const {
 import Repetidor_2025_Orcasitas from './Repetidor_2025_Orcasitas.astro';
 ---
 <article class="w-full flex flex-col text-center items-center justify-center p-12 pb-4 bg-[#ffffff] rounded-2xl">
-    <h2 class="text-[2.625em] leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
+    <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
     <div class="max-w-[900px] text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8">
         <p set:html={description}></p>
     </div>

package/src/components/Astro/Repetidor_2025_Estocolmo.astro CHANGED Viewed

@@ -8,7 +8,7 @@ const {
 ---
 <div class="w-full flex flex-row flex-wrap items-center justify-center mb-4">
-    <div class="max-w-7xl gap-3 flex flex-col md:flex-row flex-nowrap items-stretch justify-center mb-0">
+    <div class="max-w-7xl gap-3 px-4 md:px-0 flex flex-col md:flex-row flex-nowrap items-stretch justify-center mb-0">
         {items.map(item => (
             <Contenido_2025_Montevideo
                 link={item.link}

package/src/components/Astro/Repetidor_2025_Michigan.astro CHANGED Viewed

@@ -6,12 +6,12 @@ const {
 ---
 <section class="w-full flex flex-col items-center justify-center">
     {items.map(item => (
-        <article class="w-full flex flex-col items-center justify-center border-b-1 border-b-[#B6B7BB]" style={items.indexOf(item) === items.length - 1 ? 'border-bottom: none;' : ''} >
-            <div class={`flex-col flex md:${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} items-center gap-4`}>
+        <article class="w-full flex flex-col items-center justify-center border-0 md:border-b-1 border-b-[#B6B7BB]" style={items.indexOf(item) === items.length - 1 ? 'border-bottom: none;' : ''} >
+            <div class={`flex-col flex md:${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} items-center gap-4 mb-8 md:mb-0`}>
                 <div class="w-full md:w-1/2 p-4 flex flex-col flex-wrap ">
-                    <h2 class="text-[32px] leading-[40px] mb-[24px] text-[#363942] font-poppins font-semibold">{item.title}</h2>
+                    <h2 class="text-[28px] md:text-[32px] leading-[36px] md:leading-[40px] mb-[24px] text-[#363942] font-poppins font-semibold">{item.title}</h2>
                     <div
-                    class="text-[#363942] font-inter font-normal text-base leading-[28px] flex flex-col gap-4 mb-8"
+                    class="text-[#363942] font-inter font-normal text-base leading-[28px] flex flex-col gap-4 md-0 md:mb-8"
                     set:html={item.description}
                     />
                 </div>

package/src/components/Astro/Repetidor_2025_Orcasitas.astro CHANGED Viewed

@@ -22,10 +22,17 @@ const randomId = Math.floor(Math.random() * 1000);
         </div>
     }
-    <div class="w-full">
+    <style is:global>
+        .glider-track{
+            display: flex;
+            align-items: start !important;
+        }
+    </style>
+    <div class="w-full ">
         <div id={carouselId} class="glider w-full">
             {items.map((item, idx) => (
-                <div class="p-10 bg-white" key={idx}>
+                <div class="p-10 bg-white">
                 {item.iframeSrc ? (
                     <div class="w-full">
                         <span class={`popup-iframe-trigger-${randomId} cursor-pointer`} data-iframesrc={item.iframeSrc}>
@@ -51,13 +58,13 @@ const randomId = Math.floor(Math.random() * 1000);
     </div>
 <div id={"popup-iframe-modal-" + randomId } class="fixed w-full h-full top-0 left-0 z-9999 hidden">
-    <div class="flex flex-col justify-center items-center w-full h-full bg-blue-100/90 p-4">
+    <div class="flex flex-col justify-center items-center w-full h-full bg-gray-100/90 p-4">
         <div class="w-full flex justify-end">
-            <button class="js-close-popup w-auto m-4 p-2 bg-white rounded transition-transform hover:scale-125 cursor-pointer">❌</button>
+            <button class="js-close-popup w-auto m-4 p-2 bg-white rounded transition-transform hover:scale-125 cursor-pointer">X</button>
         </div>
         <div class="w-full h-full flex items-center justify-center">
             <iframe
-                class="rounded-xl shadow-lg max-w-3/4 aspect-video"
+                class="rounded-xl shadow-lg max-w-full md:max-w-3/4 aspect-video"
                 src=""
                 frameborder="0"
                 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
@@ -90,100 +97,107 @@ const randomId = Math.floor(Math.random() * 1000);
             new Glider(document.querySelector('#' + carouselId), {
-            // `auto` allows automatic responsive
-            // width calculations
-            slidesToShow: slidesToShow,
-            slidesToScroll: '1',
-            // should have been named `itemMinWidth`
-            // slides grow to fit the container viewport
-            // ignored unless `slidesToShow` is set to `auto`
-            itemWidth: undefined,
-            // if true, slides wont be resized to fit viewport
-            // requires `itemWidth` to be set
-            // * this may cause fractional slides
-            exactWidth: false,
-            // speed aggravator - higher is slower
-            duration: .5,
-            // dot container element or selector
-            dots: '#' + buttonsId,
-            // arrow container elements or selector
-            arrows: {
-                prev: '#' + prevId,
-                // may also pass element directly
-                next: '#' + nextId
-            },
-            // allow mouse dragging
-            draggable: true,
-            // how much to scroll with each mouse delta
-            dragVelocity: 3.3,
-            // use any custom easing function
-            // compatible with most easing plugins
-            easing: function (x, t, b, c, d) {
-                return c*(t/=d)*t + b;
-            },
-            // event control
-            scrollPropagate: false,
-            eventPropagate: true,
-            // Force centering slide after scroll event
-            scrollLock: false,
-            // how long to wait after scroll event before locking
-            // if too low, it might interrupt normal scrolling
-            scrollLockDelay: 150,
-            // Force centering slide after resize event
-            resizeLock: true,
-            // Glider.js breakpoints are mobile-first
-            responsive: [
-                {
-                breakpoint: 1400,
-                settings: {
-                    slidesToShow: slidesToShow,
-                    slidesToScroll: 1
-                }
-                },
-                {
-                breakpoint: 1200,
-                settings: {
-                    slidesToShow: (slidesToShow >= 5)? slidesToShow - 1 : slidesToShow,
-                    slidesToScroll: 1
-                }
-                },
-                {
-                breakpoint: 900,
-                settings: {
-                    slidesToShow: 3,
-                    slidesToScroll: 1
-                }
+                // `auto` allows automatic responsive
+                // width calculations
+                slidesToShow: slidesToShow,
+                slidesToScroll: '1',
+                // should have been named `itemMinWidth`
+                // slides grow to fit the container viewport
+                // ignored unless `slidesToShow` is set to `auto`
+                itemWidth: undefined,
+                // if true, slides wont be resized to fit viewport
+                // requires `itemWidth` to be set
+                // * this may cause fractional slides
+                exactWidth: false,
+                // speed aggravator - higher is slower
+                duration: .5,
+                // dot container element or selector
+                dots: '#' + buttonsId,
+                // arrow container elements or selector
+                arrows: {
+                    prev: '#' + prevId,
+                    // may also pass element directly
+                    next: '#' + nextId
                 },
-                {
-                breakpoint: 767,
-                settings: {
-                    slidesToShow: 3,
-                    slidesToScroll: 3
-                }
+                // allow mouse dragging
+                draggable: true,
+                // how much to scroll with each mouse delta
+                dragVelocity: 3.3,
+                // use any custom easing function
+                // compatible with most easing plugins
+                easing: function (x, t, b, c, d) {
+                    return c*(t/=d)*t + b;
                 },
-                {
-                breakpoint: 575,
-                settings: {
-                    slidesToShow: 1,
-                    slidesToScroll: 1
-                }
-                }
-            ]
+                // event control
+                scrollPropagate: false,
+                eventPropagate: true,
+                // Force centering slide after scroll event
+                scrollLock: false,
+                // how long to wait after scroll event before locking
+                // if too low, it might interrupt normal scrolling
+                scrollLockDelay: 150,
+                // Force centering slide after resize event
+                resizeLock: true,
+                // Glider.js breakpoints are mobile-first
+                responsive: [
+                    {
+                        breakpoint: 1400,
+                        settings: {
+                            slidesToShow: slidesToShow,
+                            slidesToScroll: 1
+                        }
+                    },
+                    {
+                        breakpoint: 1200,
+                        settings: {
+                            slidesToShow: (slidesToShow >= 5)? slidesToShow - 1 : slidesToShow,
+                            slidesToScroll: 1
+                        }
+                    },
+                    {
+                        breakpoint: 900,
+                        settings: {
+                            slidesToShow: 3,
+                            slidesToScroll: 1
+                        }
+                    },
+                    {
+                        breakpoint: 767,
+                        settings: {
+                            slidesToShow: 3,
+                            slidesToScroll: 3
+                        }
+                    },
+                    {
+                        breakpoint: 575,
+                        settings: {
+                            slidesToShow: 1,
+                            slidesToScroll: 1
+                        }
+                    },
+                    {
+                        breakpoint: 0,
+                        settings: {
+                            slidesToShow: 1,
+                            slidesToScroll: 1
+                        }
+                    }
+                ]
             });
         });
     </script>

package/src/components/Astro/Repetidor_2025_Oslo.astro CHANGED Viewed

@@ -19,13 +19,13 @@ const randomId = Math.floor(Math.random() * 1000);
 </div>
 <div id={"popup-iframe-modal-" + randomId } class="fixed w-full h-full top-0 left-0 z-9999 hidden">
-    <div class="flex flex-col justify-center items-center w-full h-full bg-blue-100/90 p-4">
+    <div class="flex flex-col justify-center items-center w-full h-full bg-gray-100/90 p-4">
         <div class="w-full flex justify-end">
-            <button class="js-close-popup w-auto m-4 p-2 bg-white rounded transition-transform hover:scale-125 cursor-pointer">❌</button>
+            <button class="js-close-popup w-auto m-4 p-2 bg-white rounded transition-transform hover:scale-125 cursor-pointer">X</button>
         </div>
         <div class="w-full h-full flex items-center justify-center">
             <iframe
-                class="rounded-xl shadow-lg max-w-3/4 aspect-video"
+                class="rounded-xl shadow-lg max-w-full md:max-w-3/4 aspect-video"
                 src=""
                 frameborder="0"
                 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"

package/src/components/Astro/Repetidor_2025_Quito.astro CHANGED Viewed

@@ -12,7 +12,7 @@ const {
     <div class="max-w-[900px] text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-2 mb-8">
         {items.map((item) => (
-            <div class="w-auto flex flex-row gap-4 items-center">
+            <div class="w-auto flex flex-row gap-4 items-center last:text-[#2134F1]">
                 {
                     item.icon === "locator" ? (
                                         <svg xmlns="http://www.w3.org/2000/svg" width="14" height="18" viewBox="0 0 14 18" fill="none">

package/src/components/Astro/Repetidor_2025_Tokyo.astro CHANGED Viewed

@@ -11,7 +11,7 @@ const {
 ---
 <article class="w-full flex flex-col md:flex-row text-center items-center justify-center p-12 bg-cover bg-[url(src/assets/images/genial/ico-shield.webp)] bg-[#F5F6FA] bg-no-repeat bg-position-[center_center] md:bg-auto md:bg-position-[-60px_center] rounded-2xl">
     <div class="w-full md:w-2/3 flex flex-col text-left p-0 mb-4 md:pl-[180px]">
-        <h2 class="text-[2.625em] leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
+        <h2 class="text-[28px] md:text-[2.625em] leading-[36px] md:leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
         <div class="max-w-[900px] text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8">
             <p set:html={description}></p>
         </div>

package/src/components/Astro/Repetidor_2025_Yakarta.astro CHANGED Viewed

@@ -39,7 +39,7 @@ const idAccordion = 'js-acordeon-' + Math.random().toString(36).substring(2, 15)
                     <div class="collapse-title" id={`accordion${index + 1}`}>
                         <div class="w-full flex flex-col lg:flex-row flex-1 gap-[48px]">
                             <div class="w-full flex flex-col justify-center pl-[0px] lg:pl-[120px]">
-                                <p class="text-[32px] leading-[40px] mb-[8px] text-[#363942] font-semibold not-italic font-poppins">{item.title}</p>
+                                <p class="text-[28px] md:text-[32px] leading-[36px] mb-[8px] text-[#363942] font-semibold not-italic font-poppins">{item.title}</p>
                                 <p class="text-[#363942] font-poppins font-normal text-[20px] not-italic leading-[28px]" set:html={item.description}></p>
                             </div>
                             <div class="w-full lg:w-2/2 flex items-start">

package/src/components/Astro/SEO_Head_Section.astro ADDED Viewed

@@ -0,0 +1,27 @@
+---
+const {
+    title,
+    description,
+    robots = 'index, follow',
+    canonical = Astro.url.href,
+    shareImgSrc,
+    } = Astro.props;
+---
+    <title>{title}</title>
+    <meta name="description" content={description} />
+    <meta name="robots" content={robots} />
+    <link rel="canonical" href={canonical} />
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content={Astro.url.href} />
+    <meta property="og:title" content={title} />
+    <meta property="og:description" content={description} />
+    {shareImgSrc && <meta property="og:image" content={shareImgSrc} />}
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content={Astro.url.href} />
+    <meta property="twitter:title" content={title} />
+    <meta property="twitter:description" content={description} />
+    {shareImgSrc && <meta property="twitter:image" content={shareImgSrc} />}

package/src/components/Astro/TextImageBlock.astro CHANGED Viewed

@@ -12,7 +12,7 @@ const {
     <article class="w-3/5 flex flex-col items-center justify-center p-12">
         <div class={`flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} items-start gap-4`}>
             <div class="w-1/2 p-4 flex flex-col flex-wrap ">
-                <h2 class="text-[2.625em] leading-[47px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
+                <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic">{title}</h2>
                 <div
                   class="text-[#363942] font-inter font-normal text-[1.125em] not-italic leading-[28px] flex flex-col gap-4 mb-8"
                   set:html={description}

package/src/components/Astro/Titulo_2025_Algeciras.astro CHANGED Viewed

@@ -12,8 +12,9 @@ const {
 <div class={`w-full md:w-3/5 max-w-auto md:w-full flex ${flexJustify === 'justify-center' ? 'justify-center' : 'justify-start'} flex-col px-4`}>
     {
         tipo === "h1" ? <h1 class="font-poppins text-[36px] md:text-[56px] font-normal text-center leading-[44px] md:leading-[64px] px-6 my-4 md:my-[48px]" set:html={title}></h1>
-        : tipo === "h2" ? <h2 class="font-poppins text-[40px] font-normal text-center leading-[48px] mb-[0] md:mb-[32px]" set:html={title}></h2>
-        : tipo === "h2-mb64" ? <h2 class="font-poppins text-[40px] font-normal text-center leading-[48px] p-6 mb-[0]" set:html={title}></h2>
+        : tipo === "h1-40" ? <h2 class="font-poppins text-[40px] font-normal text-center leading-[48px] mb-[0] md:mb-[32px]" set:html={title}></h2>
+        : tipo === "h2" ? <h2 class="font-poppins text-[36px] md:text-[40px] font-normal text-center leading-[48px] mb-[48px] md:mb-[32px]" set:html={title}></h2>
+        : tipo === "h2-mb64" ? <h2 class="font-poppins text-[36px] md:text-[40px] font-normal text-center leading-[44px] md:leading-[48px] p-6 mb-[0]" set:html={title}></h2>
         : tipo === "h3" ? <h3 class="font-poppins text-[24px] font-semibold text-center leading-[32px] mb-[8px]" set:html={title}></h3>
         : tipo === "h3-mb32" ? <h3 class="font-poppins text-[32px] font-normal text-left leading-[40px] mb-[32px]" set:html={title}></h3>
         : tipo === "h4" ? <h4 class="font-poppins text-center" set:html={title}></h4>
@@ -22,6 +23,6 @@ const {
         : <p>{title}</p>
     }
     {description && description.trim() !== "" && (
-        <div class="w-full md:w-2/5 text-[#363942] mx-auto font-inter text-xl font-normal leading-[28px] mb-8 text-center" set:html={description}></div>
+        <div class="w-full md:w-3/5 text-[#363942] mx-auto font-inter text-xl font-normal leading-[28px] mb-8 text-center" set:html={description}></div>
     )}
 </div>

package/src/generated/componentRegistry.ts CHANGED Viewed

@@ -1,88 +1,90 @@
-// FICHERO GENERADO AUTOMÁTICAMENTE usando esto: "npm run generate:registry"  ==> NO TOCAR ESTO A MANO (o sus crujo) !!.
-import * as AstroButton from '../carbins/AstroButton.ts';
-import * as CTA_2025_Formentera from '../carbins/CTA_2025_Formentera.ts';
-import * as Cabecera_2025_Barcelona from '../carbins/Cabecera_2025_Barcelona.ts';
-import * as Cabecera_2025_Madrid from '../carbins/Cabecera_2025_Madrid.ts';
-import * as Contenido_2025_Alcorcon from '../carbins/Contenido_2025_Alcorcon.ts';
-import * as Contenido_2025_Granada from '../carbins/Contenido_2025_Granada.ts';
-import * as Contenido_2025_Malaga from '../carbins/Contenido_2025_Malaga.ts';
-import * as Contenido_2025_Montevideo from '../carbins/Contenido_2025_Montevideo.ts';
-import * as CorpFooter from '../carbins/CorpFooter.ts';
-import * as CorpHero from '../carbins/CorpHero.ts';
-import * as FooterCorporativo from '../carbins/FooterCorporativo.ts';
-import * as Footer_2025_Napoles from '../carbins/Footer_2025_Napoles.ts';
-import * as Formulario_2025_Seul from '../carbins/Formulario_2025_Seul.ts';
-import * as GeometricShapeCard from '../carbins/GeometricShapeCard.ts';
-import * as HeaderCorporativo from '../carbins/HeaderCorporativo.ts';
-import * as ImageTextSimple from '../carbins/ImageTextSimple.ts';
-import * as Imagen_2025_Bogota from '../carbins/Imagen_2025_Bogota.ts';
-import * as ReactButton from '../carbins/ReactButton.ts';
-import * as Repetidor_2025_Cabra from '../carbins/Repetidor_2025_Cabra.ts';
-import * as Repetidor_2025_Dubai from '../carbins/Repetidor_2025_Dubai.ts';
-import * as Repetidor_2025_Estocolmo from '../carbins/Repetidor_2025_Estocolmo.ts';
-import * as Repetidor_2025_Menorca from '../carbins/Repetidor_2025_Menorca.ts';
-import * as Repetidor_2025_Michigan from '../carbins/Repetidor_2025_Michigan.ts';
-import * as Repetidor_2025_Orcasitas from '../carbins/Repetidor_2025_Orcasitas.ts';
-import * as Repetidor_2025_Oslo from '../carbins/Repetidor_2025_Oslo.ts';
-import * as Repetidor_2025_Quito from '../carbins/Repetidor_2025_Quito.ts';
-import * as Repetidor_2025_Seattle from '../carbins/Repetidor_2025_Seattle.ts';
-import * as Repetidor_2025_Tokyo from '../carbins/Repetidor_2025_Tokyo.ts';
-import * as Repetidor_2025_Ubeda from '../carbins/Repetidor_2025_Ubeda.ts';
-import * as Repetidor_2025_Yakarta from '../carbins/Repetidor_2025_Yakarta.ts';
-import * as Separador_2025_Reinosa from '../carbins/Separador_2025_Reinosa.ts';
-import * as SpectrumSeparator from '../carbins/SpectrumSeparator.ts';
-import * as TestPadre from '../carbins/TestPadre.ts';
-import * as TextBox from '../carbins/TextBox.ts';
-import * as TextImageBackground from '../carbins/TextImageBackground.ts';
-import * as TextImageBlock from '../carbins/TextImageBlock.ts';
-import * as TextImageCard from '../carbins/TextImageCard.ts';
-import * as TextImageHeader from '../carbins/TextImageHeader.ts';
-import * as Titulo_2025_Algeciras from '../carbins/Titulo_2025_Algeciras.ts';
-import * as Titulo_2025_Santorini from '../carbins/Titulo_2025_Santorini.ts';
-import * as VideoAutoplay from '../carbins/VideoAutoplay.ts';
-import * as VueButton from '../carbins/VueButton.ts';
-export const components = [
-  {component: AstroButton},
-  {component: CTA_2025_Formentera},
-  {component: Cabecera_2025_Barcelona},
-  {component: Cabecera_2025_Madrid},
-  {component: Contenido_2025_Alcorcon},
-  {component: Contenido_2025_Granada},
-  {component: Contenido_2025_Malaga},
-  {component: Contenido_2025_Montevideo},
-  {component: CorpFooter},
-  {component: CorpHero},
-  {component: FooterCorporativo},
-  {component: Footer_2025_Napoles},
-  {component: Formulario_2025_Seul},
-  {component: GeometricShapeCard},
-  {component: HeaderCorporativo},
-  {component: ImageTextSimple},
-  {component: Imagen_2025_Bogota},
-  {component: ReactButton},
-  {component: Repetidor_2025_Cabra},
-  {component: Repetidor_2025_Dubai},
-  {component: Repetidor_2025_Estocolmo},
-  {component: Repetidor_2025_Menorca},
-  {component: Repetidor_2025_Michigan},
-  {component: Repetidor_2025_Orcasitas},
-  {component: Repetidor_2025_Oslo},
-  {component: Repetidor_2025_Quito},
-  {component: Repetidor_2025_Seattle},
-  {component: Repetidor_2025_Tokyo},
-  {component: Repetidor_2025_Ubeda},
-  {component: Repetidor_2025_Yakarta},
-  {component: Separador_2025_Reinosa},
-  {component: SpectrumSeparator},
-  {component: TestPadre},
-  {component: TextBox},
-  {component: TextImageBackground},
-  {component: TextImageBlock},
-  {component: TextImageCard},
-  {component: TextImageHeader},
-  {component: Titulo_2025_Algeciras},
-  {component: Titulo_2025_Santorini},
-  {component: VideoAutoplay},
-  {component: VueButton},
-];
+// FICHERO GENERADO AUTOMÁTICAMENTE usando esto: "npm run generate:registry"  ==> NO TOCAR ESTO A MANO (o sus crujo) !!.
+import * as AstroButton from '../carbins/AstroButton.ts';
+import * as CTA_2025_Formentera from '../carbins/CTA_2025_Formentera.ts';
+import * as Cabecera_2025_Barcelona from '../carbins/Cabecera_2025_Barcelona.ts';
+import * as Cabecera_2025_Madrid from '../carbins/Cabecera_2025_Madrid.ts';
+import * as Contenido_2025_Alcorcon from '../carbins/Contenido_2025_Alcorcon.ts';
+import * as Contenido_2025_Granada from '../carbins/Contenido_2025_Granada.ts';
+import * as Contenido_2025_Malaga from '../carbins/Contenido_2025_Malaga.ts';
+import * as Contenido_2025_Montevideo from '../carbins/Contenido_2025_Montevideo.ts';
+import * as CorpFooter from '../carbins/CorpFooter.ts';
+import * as CorpHero from '../carbins/CorpHero.ts';
+import * as FooterCorporativo from '../carbins/FooterCorporativo.ts';
+import * as Footer_2025_Napoles from '../carbins/Footer_2025_Napoles.ts';
+import * as Formulario_2025_Seul from '../carbins/Formulario_2025_Seul.ts';
+import * as GeometricShapeCard from '../carbins/GeometricShapeCard.ts';
+import * as HeaderCorporativo from '../carbins/HeaderCorporativo.ts';
+import * as ImageTextSimple from '../carbins/ImageTextSimple.ts';
+import * as Imagen_2025_Bogota from '../carbins/Imagen_2025_Bogota.ts';
+import * as ReactButton from '../carbins/ReactButton.ts';
+import * as Repetidor_2025_Cabra from '../carbins/Repetidor_2025_Cabra.ts';
+import * as Repetidor_2025_Dubai from '../carbins/Repetidor_2025_Dubai.ts';
+import * as Repetidor_2025_Estocolmo from '../carbins/Repetidor_2025_Estocolmo.ts';
+import * as Repetidor_2025_Menorca from '../carbins/Repetidor_2025_Menorca.ts';
+import * as Repetidor_2025_Michigan from '../carbins/Repetidor_2025_Michigan.ts';
+import * as Repetidor_2025_Orcasitas from '../carbins/Repetidor_2025_Orcasitas.ts';
+import * as Repetidor_2025_Oslo from '../carbins/Repetidor_2025_Oslo.ts';
+import * as Repetidor_2025_Quito from '../carbins/Repetidor_2025_Quito.ts';
+import * as Repetidor_2025_Seattle from '../carbins/Repetidor_2025_Seattle.ts';
+import * as Repetidor_2025_Tokyo from '../carbins/Repetidor_2025_Tokyo.ts';
+import * as Repetidor_2025_Ubeda from '../carbins/Repetidor_2025_Ubeda.ts';
+import * as Repetidor_2025_Yakarta from '../carbins/Repetidor_2025_Yakarta.ts';
+import * as SEO_Head_Section from '../carbins/SEO_Head_Section.ts';
+import * as Separador_2025_Reinosa from '../carbins/Separador_2025_Reinosa.ts';
+import * as SpectrumSeparator from '../carbins/SpectrumSeparator.ts';
+import * as TestPadre from '../carbins/TestPadre.ts';
+import * as TextBox from '../carbins/TextBox.ts';
+import * as TextImageBackground from '../carbins/TextImageBackground.ts';
+import * as TextImageBlock from '../carbins/TextImageBlock.ts';
+import * as TextImageCard from '../carbins/TextImageCard.ts';
+import * as TextImageHeader from '../carbins/TextImageHeader.ts';
+import * as Titulo_2025_Algeciras from '../carbins/Titulo_2025_Algeciras.ts';
+import * as Titulo_2025_Santorini from '../carbins/Titulo_2025_Santorini.ts';
+import * as VideoAutoplay from '../carbins/VideoAutoplay.ts';
+import * as VueButton from '../carbins/VueButton.ts';
+export const components = [
+  {component: AstroButton},
+  {component: CTA_2025_Formentera},
+  {component: Cabecera_2025_Barcelona},
+  {component: Cabecera_2025_Madrid},
+  {component: Contenido_2025_Alcorcon},
+  {component: Contenido_2025_Granada},
+  {component: Contenido_2025_Malaga},
+  {component: Contenido_2025_Montevideo},
+  {component: CorpFooter},
+  {component: CorpHero},
+  {component: FooterCorporativo},
+  {component: Footer_2025_Napoles},
+  {component: Formulario_2025_Seul},
+  {component: GeometricShapeCard},
+  {component: HeaderCorporativo},
+  {component: ImageTextSimple},
+  {component: Imagen_2025_Bogota},
+  {component: ReactButton},
+  {component: Repetidor_2025_Cabra},
+  {component: Repetidor_2025_Dubai},
+  {component: Repetidor_2025_Estocolmo},
+  {component: Repetidor_2025_Menorca},
+  {component: Repetidor_2025_Michigan},
+  {component: Repetidor_2025_Orcasitas},
+  {component: Repetidor_2025_Oslo},
+  {component: Repetidor_2025_Quito},
+  {component: Repetidor_2025_Seattle},
+  {component: Repetidor_2025_Tokyo},
+  {component: Repetidor_2025_Ubeda},
+  {component: Repetidor_2025_Yakarta},
+  {component: SEO_Head_Section},
+  {component: Separador_2025_Reinosa},
+  {component: SpectrumSeparator},
+  {component: TestPadre},
+  {component: TextBox},
+  {component: TextImageBackground},
+  {component: TextImageBlock},
+  {component: TextImageCard},
+  {component: TextImageHeader},
+  {component: Titulo_2025_Algeciras},
+  {component: Titulo_2025_Santorini},
+  {component: VideoAutoplay},
+  {component: VueButton},
+];

package/src/index.ts CHANGED Viewed

@@ -1,115 +1,117 @@
-// FICHERO GENERADO AUTOMÁTICAMENTE usando esto: "npm run generate:registry"  ==> NO TOCAR ESTO A MANO (o sus crujo) !!.
-// Esta parte importa todos los componentes en las carpetas de componentes
-import VueButton from './components/Vue/VueButton.vue';
-import Button from './components/Astro/Button.astro';
-import CTA_2025_Formentera from './components/Astro/CTA_2025_Formentera.astro';
-import Cabecera_2025_Barcelona from './components/Astro/Cabecera_2025_Barcelona.astro';
-import Cabecera_2025_Madrid from './components/Astro/Cabecera_2025_Madrid.astro';
-import Contenido_2025_Alcorcon from './components/Astro/Contenido_2025_Alcorcon.astro';
-import Contenido_2025_Granada from './components/Astro/Contenido_2025_Granada.astro';
-import Contenido_2025_Malaga from './components/Astro/Contenido_2025_Malaga.astro';
-import Contenido_2025_Montevideo from './components/Astro/Contenido_2025_Montevideo.astro';
-import CorpFooter from './components/Astro/CorpFooter.astro';
-import CorpHero from './components/Astro/CorpHero.astro';
-import CorpNavigation from './components/Astro/CorpNavigation.astro';
-import FooterCorporativo from './components/Astro/FooterCorporativo.astro';
-import Footer_2025_Napoles from './components/Astro/Footer_2025_Napoles.astro';
-import Formulario_2025_Seul from './components/Astro/Formulario_2025_Seul.astro';
-import GeometricShape from './components/Astro/GeometricShape.astro';
-import GeometricShapeCard from './components/Astro/GeometricShapeCard.astro';
-import HeaderCorporativo from './components/Astro/HeaderCorporativo.astro';
-import ImageTextSimple from './components/Astro/ImageTextSimple.astro';
-import Imagen_2025_Bogota from './components/Astro/Imagen_2025_Bogota.astro';
-import Repetidor_2025_Cabra from './components/Astro/Repetidor_2025_Cabra.astro';
-import Repetidor_2025_Dubai from './components/Astro/Repetidor_2025_Dubai.astro';
-import Repetidor_2025_Estocolmo from './components/Astro/Repetidor_2025_Estocolmo.astro';
-import Repetidor_2025_Menorca from './components/Astro/Repetidor_2025_Menorca.astro';
-import Repetidor_2025_Michigan from './components/Astro/Repetidor_2025_Michigan.astro';
-import Repetidor_2025_Orcasitas from './components/Astro/Repetidor_2025_Orcasitas.astro';
-import Repetidor_2025_Oslo from './components/Astro/Repetidor_2025_Oslo.astro';
-import Repetidor_2025_Quito from './components/Astro/Repetidor_2025_Quito.astro';
-import Repetidor_2025_Seattle from './components/Astro/Repetidor_2025_Seattle.astro';
-import Repetidor_2025_Tokyo from './components/Astro/Repetidor_2025_Tokyo.astro';
-import Repetidor_2025_Ubeda from './components/Astro/Repetidor_2025_Ubeda.astro';
-import Repetidor_2025_Yakarta from './components/Astro/Repetidor_2025_Yakarta.astro';
-import Separador_2025_Reinosa from './components/Astro/Separador_2025_Reinosa.astro';
-import SpectrumSeparator from './components/Astro/SpectrumSeparator.astro';
-import TestHijo from './components/Astro/TestHijo.astro';
-import TestPadre from './components/Astro/TestPadre.astro';
-import TextBox from './components/Astro/TextBox.astro';
-import TextImageBackground from './components/Astro/TextImageBackground.astro';
-import TextImageBlock from './components/Astro/TextImageBlock.astro';
-import TextImageCard from './components/Astro/TextImageCard.astro';
-import TextImageHeader from './components/Astro/TextImageHeader.astro';
-import Titulo_2025_Algeciras from './components/Astro/Titulo_2025_Algeciras.astro';
-import Titulo_2025_Santorini from './components/Astro/Titulo_2025_Santorini.astro';
-import VideoAutoplay from './components/Astro/VideoAutoplay.astro';
-import ReactButton from './components/React/ReactButton.jsx';
-// Exporta todos los componentes uno a uno para que puedan ser usados directamente.
-export { VueButton, Button, CTA_2025_Formentera, Cabecera_2025_Barcelona, Cabecera_2025_Madrid, Contenido_2025_Alcorcon, Contenido_2025_Granada, Contenido_2025_Malaga, Contenido_2025_Montevideo, CorpFooter, CorpHero, CorpNavigation, FooterCorporativo, Footer_2025_Napoles, Formulario_2025_Seul, GeometricShape, GeometricShapeCard, HeaderCorporativo, ImageTextSimple, Imagen_2025_Bogota, Repetidor_2025_Cabra, Repetidor_2025_Dubai, Repetidor_2025_Estocolmo, Repetidor_2025_Menorca, Repetidor_2025_Michigan, Repetidor_2025_Orcasitas, Repetidor_2025_Oslo, Repetidor_2025_Quito, Repetidor_2025_Seattle, Repetidor_2025_Tokyo, Repetidor_2025_Ubeda, Repetidor_2025_Yakarta, Separador_2025_Reinosa, SpectrumSeparator, TestHijo, TestPadre, TextBox, TextImageBackground, TextImageBlock, TextImageCard, TextImageHeader, Titulo_2025_Algeciras, Titulo_2025_Santorini, VideoAutoplay, ReactButton };
-// Exporta la función listComponents para que sea usado en el Pagebuilder en Vue.
-// Esto está puesto a pelo, si hubiera más funciones habría que automatizarlo en el script
-// que ha generado este fichero: generateRegistry.js
-export { listComponents } from './lib/functions.js';
-// Se crea un objeto de nuevo con todos los componentes, el motivo es para que puedan ser llamados dinámicamente en el PageBuilder
-export const components = {
-  VueButton: VueButton,
-  Button: Button,
-  CTA_2025_Formentera: CTA_2025_Formentera,
-  Cabecera_2025_Barcelona: Cabecera_2025_Barcelona,
-  Cabecera_2025_Madrid: Cabecera_2025_Madrid,
-  Contenido_2025_Alcorcon: Contenido_2025_Alcorcon,
-  Contenido_2025_Granada: Contenido_2025_Granada,
-  Contenido_2025_Malaga: Contenido_2025_Malaga,
-  Contenido_2025_Montevideo: Contenido_2025_Montevideo,
-  CorpFooter: CorpFooter,
-  CorpHero: CorpHero,
-  CorpNavigation: CorpNavigation,
-  FooterCorporativo: FooterCorporativo,
-  Footer_2025_Napoles: Footer_2025_Napoles,
-  Formulario_2025_Seul: Formulario_2025_Seul,
-  GeometricShape: GeometricShape,
-  GeometricShapeCard: GeometricShapeCard,
-  HeaderCorporativo: HeaderCorporativo,
-  ImageTextSimple: ImageTextSimple,
-  Imagen_2025_Bogota: Imagen_2025_Bogota,
-  Repetidor_2025_Cabra: Repetidor_2025_Cabra,
-  Repetidor_2025_Dubai: Repetidor_2025_Dubai,
-  Repetidor_2025_Estocolmo: Repetidor_2025_Estocolmo,
-  Repetidor_2025_Menorca: Repetidor_2025_Menorca,
-  Repetidor_2025_Michigan: Repetidor_2025_Michigan,
-  Repetidor_2025_Orcasitas: Repetidor_2025_Orcasitas,
-  Repetidor_2025_Oslo: Repetidor_2025_Oslo,
-  Repetidor_2025_Quito: Repetidor_2025_Quito,
-  Repetidor_2025_Seattle: Repetidor_2025_Seattle,
-  Repetidor_2025_Tokyo: Repetidor_2025_Tokyo,
-  Repetidor_2025_Ubeda: Repetidor_2025_Ubeda,
-  Repetidor_2025_Yakarta: Repetidor_2025_Yakarta,
-  Separador_2025_Reinosa: Separador_2025_Reinosa,
-  SpectrumSeparator: SpectrumSeparator,
-  TestHijo: TestHijo,
-  TestPadre: TestPadre,
-  TextBox: TextBox,
-  TextImageBackground: TextImageBackground,
-  TextImageBlock: TextImageBlock,
-  TextImageCard: TextImageCard,
-  TextImageHeader: TextImageHeader,
-  Titulo_2025_Algeciras: Titulo_2025_Algeciras,
-  Titulo_2025_Santorini: Titulo_2025_Santorini,
-  VideoAutoplay: VideoAutoplay,
-  ReactButton: ReactButton
-};
+// FICHERO GENERADO AUTOMÁTICAMENTE usando esto: "npm run generate:registry"  ==> NO TOCAR ESTO A MANO (o sus crujo) !!.
+// Esta parte importa todos los componentes en las carpetas de componentes
+import VueButton from './components/Vue/VueButton.vue';
+import Button from './components/Astro/Button.astro';
+import CTA_2025_Formentera from './components/Astro/CTA_2025_Formentera.astro';
+import Cabecera_2025_Barcelona from './components/Astro/Cabecera_2025_Barcelona.astro';
+import Cabecera_2025_Madrid from './components/Astro/Cabecera_2025_Madrid.astro';
+import Contenido_2025_Alcorcon from './components/Astro/Contenido_2025_Alcorcon.astro';
+import Contenido_2025_Granada from './components/Astro/Contenido_2025_Granada.astro';
+import Contenido_2025_Malaga from './components/Astro/Contenido_2025_Malaga.astro';
+import Contenido_2025_Montevideo from './components/Astro/Contenido_2025_Montevideo.astro';
+import CorpFooter from './components/Astro/CorpFooter.astro';
+import CorpHero from './components/Astro/CorpHero.astro';
+import CorpNavigation from './components/Astro/CorpNavigation.astro';
+import FooterCorporativo from './components/Astro/FooterCorporativo.astro';
+import Footer_2025_Napoles from './components/Astro/Footer_2025_Napoles.astro';
+import Formulario_2025_Seul from './components/Astro/Formulario_2025_Seul.astro';
+import GeometricShape from './components/Astro/GeometricShape.astro';
+import GeometricShapeCard from './components/Astro/GeometricShapeCard.astro';
+import HeaderCorporativo from './components/Astro/HeaderCorporativo.astro';
+import ImageTextSimple from './components/Astro/ImageTextSimple.astro';
+import Imagen_2025_Bogota from './components/Astro/Imagen_2025_Bogota.astro';
+import Repetidor_2025_Cabra from './components/Astro/Repetidor_2025_Cabra.astro';
+import Repetidor_2025_Dubai from './components/Astro/Repetidor_2025_Dubai.astro';
+import Repetidor_2025_Estocolmo from './components/Astro/Repetidor_2025_Estocolmo.astro';
+import Repetidor_2025_Menorca from './components/Astro/Repetidor_2025_Menorca.astro';
+import Repetidor_2025_Michigan from './components/Astro/Repetidor_2025_Michigan.astro';
+import Repetidor_2025_Orcasitas from './components/Astro/Repetidor_2025_Orcasitas.astro';
+import Repetidor_2025_Oslo from './components/Astro/Repetidor_2025_Oslo.astro';
+import Repetidor_2025_Quito from './components/Astro/Repetidor_2025_Quito.astro';
+import Repetidor_2025_Seattle from './components/Astro/Repetidor_2025_Seattle.astro';
+import Repetidor_2025_Tokyo from './components/Astro/Repetidor_2025_Tokyo.astro';
+import Repetidor_2025_Ubeda from './components/Astro/Repetidor_2025_Ubeda.astro';
+import Repetidor_2025_Yakarta from './components/Astro/Repetidor_2025_Yakarta.astro';
+import SEO_Head_Section from './components/Astro/SEO_Head_Section.astro';
+import Separador_2025_Reinosa from './components/Astro/Separador_2025_Reinosa.astro';
+import SpectrumSeparator from './components/Astro/SpectrumSeparator.astro';
+import TestHijo from './components/Astro/TestHijo.astro';
+import TestPadre from './components/Astro/TestPadre.astro';
+import TextBox from './components/Astro/TextBox.astro';
+import TextImageBackground from './components/Astro/TextImageBackground.astro';
+import TextImageBlock from './components/Astro/TextImageBlock.astro';
+import TextImageCard from './components/Astro/TextImageCard.astro';
+import TextImageHeader from './components/Astro/TextImageHeader.astro';
+import Titulo_2025_Algeciras from './components/Astro/Titulo_2025_Algeciras.astro';
+import Titulo_2025_Santorini from './components/Astro/Titulo_2025_Santorini.astro';
+import VideoAutoplay from './components/Astro/VideoAutoplay.astro';
+import ReactButton from './components/React/ReactButton.jsx';
+// Exporta todos los componentes uno a uno para que puedan ser usados directamente.
+export { VueButton, Button, CTA_2025_Formentera, Cabecera_2025_Barcelona, Cabecera_2025_Madrid, Contenido_2025_Alcorcon, Contenido_2025_Granada, Contenido_2025_Malaga, Contenido_2025_Montevideo, CorpFooter, CorpHero, CorpNavigation, FooterCorporativo, Footer_2025_Napoles, Formulario_2025_Seul, GeometricShape, GeometricShapeCard, HeaderCorporativo, ImageTextSimple, Imagen_2025_Bogota, Repetidor_2025_Cabra, Repetidor_2025_Dubai, Repetidor_2025_Estocolmo, Repetidor_2025_Menorca, Repetidor_2025_Michigan, Repetidor_2025_Orcasitas, Repetidor_2025_Oslo, Repetidor_2025_Quito, Repetidor_2025_Seattle, Repetidor_2025_Tokyo, Repetidor_2025_Ubeda, Repetidor_2025_Yakarta, SEO_Head_Section, Separador_2025_Reinosa, SpectrumSeparator, TestHijo, TestPadre, TextBox, TextImageBackground, TextImageBlock, TextImageCard, TextImageHeader, Titulo_2025_Algeciras, Titulo_2025_Santorini, VideoAutoplay, ReactButton };
+// Exporta la función listComponents para que sea usado en el Pagebuilder en Vue.
+// Esto está puesto a pelo, si hubiera más funciones habría que automatizarlo en el script
+// que ha generado este fichero: generateRegistry.js
+export { listComponents } from './lib/functions.js';
+// Se crea un objeto de nuevo con todos los componentes, el motivo es para que puedan ser llamados dinámicamente en el PageBuilder
+export const components = {
+  VueButton: VueButton,
+  Button: Button,
+  CTA_2025_Formentera: CTA_2025_Formentera,
+  Cabecera_2025_Barcelona: Cabecera_2025_Barcelona,
+  Cabecera_2025_Madrid: Cabecera_2025_Madrid,
+  Contenido_2025_Alcorcon: Contenido_2025_Alcorcon,
+  Contenido_2025_Granada: Contenido_2025_Granada,
+  Contenido_2025_Malaga: Contenido_2025_Malaga,
+  Contenido_2025_Montevideo: Contenido_2025_Montevideo,
+  CorpFooter: CorpFooter,
+  CorpHero: CorpHero,
+  CorpNavigation: CorpNavigation,
+  FooterCorporativo: FooterCorporativo,
+  Footer_2025_Napoles: Footer_2025_Napoles,
+  Formulario_2025_Seul: Formulario_2025_Seul,
+  GeometricShape: GeometricShape,
+  GeometricShapeCard: GeometricShapeCard,
+  HeaderCorporativo: HeaderCorporativo,
+  ImageTextSimple: ImageTextSimple,
+  Imagen_2025_Bogota: Imagen_2025_Bogota,
+  Repetidor_2025_Cabra: Repetidor_2025_Cabra,
+  Repetidor_2025_Dubai: Repetidor_2025_Dubai,
+  Repetidor_2025_Estocolmo: Repetidor_2025_Estocolmo,
+  Repetidor_2025_Menorca: Repetidor_2025_Menorca,
+  Repetidor_2025_Michigan: Repetidor_2025_Michigan,
+  Repetidor_2025_Orcasitas: Repetidor_2025_Orcasitas,
+  Repetidor_2025_Oslo: Repetidor_2025_Oslo,
+  Repetidor_2025_Quito: Repetidor_2025_Quito,
+  Repetidor_2025_Seattle: Repetidor_2025_Seattle,
+  Repetidor_2025_Tokyo: Repetidor_2025_Tokyo,
+  Repetidor_2025_Ubeda: Repetidor_2025_Ubeda,
+  Repetidor_2025_Yakarta: Repetidor_2025_Yakarta,
+  SEO_Head_Section: SEO_Head_Section,
+  Separador_2025_Reinosa: Separador_2025_Reinosa,
+  SpectrumSeparator: SpectrumSeparator,
+  TestHijo: TestHijo,
+  TestPadre: TestPadre,
+  TextBox: TextBox,
+  TextImageBackground: TextImageBackground,
+  TextImageBlock: TextImageBlock,
+  TextImageCard: TextImageCard,
+  TextImageHeader: TextImageHeader,
+  Titulo_2025_Algeciras: Titulo_2025_Algeciras,
+  Titulo_2025_Santorini: Titulo_2025_Santorini,
+  VideoAutoplay: VideoAutoplay,
+  ReactButton: ReactButton
+};

package/src/interfaces/types.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 export interface ComponentMetadata {
   name: string;
   description: string;
-  category: 'Call to Action' | 'Contenido' | 'Separador' | 'Texto' | 'Cabecera' | 'Footer' | 'Imagen' | 'Repetidor' | 'Formulario' | 'Título';
+  category: 'Call to Action' | 'Contenido' | 'Separador' | 'Texto' | 'Cabecera' | 'Footer' | 'Imagen' | 'Repetidor' | 'Formulario' | 'Título' | 'SEO';
   framework: 'Astro' | 'Vue' | 'React';
   component_name: string,
   priority?: number;