libreria-astro-lefebvre 0.2.4 → 0.2.5

package/src/carbins/Texto_2025_Kyoto.ts

@@ -9,14 +9,6 @@ export const metadata: ComponentMetadata = {
   priority: 1,
   tags: ['texto', 'html', 'titulo', 'contenido'],
   fields: [
-    {
-      name: 'categoria',
-      type: 'text',
-      help: 'Etiqueta opcional (span) que se muestra encima del título, con bullet rojo, fondo gris suave y tipografía mono en mayúsculas. Solo se renderiza si tiene valor',
-      label: 'Categoría',
-      mandatory: false,
-      example_value: 'Garantías'
-    },
     {
       name: 'title',
       type: 'text',
@@ -28,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 IBM Plex Serif semibold color #1b1b1b. "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)',
+      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'],
@@ -54,10 +46,10 @@ export const metadata: ComponentMetadata = {
     {
       name: 'color',
       type: 'text',
-      help: 'Color de texto aplicado al título. Acepta cualquier valor CSS válido: hex (#1b1b1b), rgb(), nombre de color, etc. Por defecto #1b1b1b',
+      help: 'Color de texto aplicado al título. Acepta cualquier valor CSS válido: hex (#262626), rgb(), nombre de color, etc. Por defecto #262626',
       label: 'Color del texto',
       mandatory: false,
-      example_value: '#1b1b1b'
+      example_value: '#262626'
     }
   ]
 };

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 roja) dentro de un chip circular con fondo #ebe7da 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 rojo #d71635, hover invertido (fondo blanco, texto rojo). 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'],
@@ -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 roja #d71635) dentro de un chip circular (fondo #ebe7da, 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 rojo #d71635, texto blanco, hover invertido (fondo blanco con texto y borde rojo)',
+      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,10 +74,10 @@ 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 (#1b1b1b), rgb(), nombre de color, etc. Por defecto #1b1b1b. NO afecta al color del botón CTA ni del icono (ambos rojo #d71635 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: '#1b1b1b'
+      example_value: '#262626'
     }
   ]
 };

package/src/carbins/Titulo_2025_Algeciras.ts

@@ -68,6 +68,15 @@ export const metadata: ComponentMetadata = {
       mandatory: false,
       example_value: 'Automatiza tareas, redacta documentos y encuentra jurisprudencia en segundos'
     },
+    {
+      name: 'fontFamily',
+      type: 'select',
+      help: 'OBSOLETO: este campo se ignora. La tipografía de la descripción y sub-descripción se deduce del tamaño: 20px o más (XL, 2XL) usa IBM Plex Serif; menos de 20px (SM, Base, LG) usa IBM Plex Sans. Se mantiene solo por compatibilidad con contenido ya guardado',
+      label: 'Tipografía de la descripción (obsoleto, se ignora)',
+      options: ['inter', 'poppins'],
+      options_labels: ['IBM Plex Sans', 'IBM Plex Serif'],
+      example_value: 'inter'
+    },
     {
       name: 'fontSize',
       type: 'select',
@@ -80,11 +89,11 @@ export const metadata: ComponentMetadata = {
     {
       name: 'background',
       type: 'select',
-      help: 'Color de fondo del bloque del título. Por defecto transparente, que hereda el fondo de la página. Se aplica al contenedor del componente (ancho completo en móvil, 3/5 del ancho en escritorio)',
+      help: 'Color de fondo del bloque del título. Por defecto blanco. "Transparente" hereda el fondo de la página. Se aplica al contenedor del componente (ancho completo en móvil, 3/5 del ancho en escritorio)',
       label: 'Color de fondo',
-      options: ['#FFFFFF', 'transparent', '#fafaf5', '#ebe7da', '#e1c8b4'],
-      options_labels: ['Blanco', 'Transparente', 'Beige muy claro', 'Beige', 'Beige oscuro'],
-      example_value: 'transparent'
+      options: ['#FFFFFF', 'transparent', '#F8F8F8', '#F2F3F8', '#DDE0EC'],
+      options_labels: ['Blanco', 'Transparente', 'Gris muy claro', 'Gris claro', 'Azul claro'],
+      example_value: '#FFFFFF'
     }
    ]
 };

package/src/carbins/Titulo_2025_Santorini.ts

@@ -3,8 +3,8 @@ import type { ComponentMetadata } from '../interfaces/types';
 export const metadata: ComponentMetadata = {
   component_name: 'Titulo_2025_Santorini',
   category: 'Título',
-  name: 'Pastilla mini en mayúsculas con color rojo corporativo 2025',
-  description: 'Pequeño <p> con texto renderizado en MAYÚSCULAS (CSS uppercase), color rojo corporativo (#d71635), 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',
+  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), 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'],
@@ -12,7 +12,7 @@ export const metadata: ComponentMetadata = {
     {
       name: 'description',
       type: 'text',
-      help: 'Texto del badge. Se muestra en MAYÚSCULAS automáticamente (CSS uppercase) con color rojo oscuro (#d71635), semibold y tracking ampliado. NO admite HTML (se renderiza como texto plano dentro de un <p>)',
+      help: 'Texto del badge. Se muestra en MAYÚSCULAS automáticamente (CSS uppercase) con color azul oscuro (#001978), semibold y tracking ampliado. NO admite HTML (se renderiza como texto plano dentro de un <p>)',
       label: 'Texto del badge',
       mandatory: false,
       example_value: 'IA Jurídica'

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-body text-[#1b1b1b] 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-body text-[#403830] text-sm font-normal leading-[21px]" 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-body text-[#1b1b1b] 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-body text-[#403830] text-sm font-normal leading-[21px]" 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

@@ -31,8 +31,8 @@ const randomId = Math.floor(Math.random() * 1000);
 // 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-[#d71635] text-white',
-    secondary: 'bg-[rgba(255,255,255,0.01)] border border-[#d71635] text-[#d71635]',
+    primary: 'bg-[#001978] text-white',
+    secondary: 'bg-[rgba(255,255,255,0.01)] border border-[#001978] text-[#001978]',
 };
 ---
 
@@ -55,8 +55,8 @@ const typeClass = {
 {hasModal && (
 <Fragment>
 <!--POPUP-->
-<div id={`elx-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 id={`elx-popup-modal-${randomId}`} class="fixed w-full h-full pt-12 top-0 left-0 z-9999 hidden bg-gray-100/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-[#B6B7BB] overflow-y-auto modal-guia">
         <div class="w-full flex justify-end">
             <button id={`js-close-elx-popup-${randomId}`} class="js-close-popup w-auto transition-transform hover:scale-125 cursor-pointer">X</button>
         </div>
@@ -67,7 +67,7 @@ const typeClass = {
             </div>
             )}
             <div class={imageModalUrl ? "w-full lg:w-2/3" : "w-full"}>
-                <h2 class="font-heading text-[#1b1b1b] text-[28px] leading-9 lg:text-[32px] lg:leading-10 font-normal text-left mb-8">{titleModal}</h2>
+                <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 -->

package/src/components/Astro/Button.astro

@@ -3,4 +3,4 @@
 const { label } = Astro.props;
 
 ---
-<button class="btn bg-[#d71635] text-[#f2eee1] p-2 rounded-lg font-bold m-4 cursor-pointer transition-colors duration-300 hover:bg-[#71131f]">{label}</button>
+<button class="btn bg-[#001978] text-gray-200 p-2 rounded-lg font-bold m-4 cursor-pointer transition-colors duration-300 hover:bg-red-600">{label}</button>

package/src/components/Astro/CTA_2025_Formentera.astro

@@ -4,8 +4,8 @@ const {
     buttonText = "xxx",
     buttonUrl = "#",
     frontColor = 'white',
-    backColor = '#d71635',
-    borderColor = '#d71635',
+    backColor = '#001978',
+    borderColor = '#001978',
 } = Astro.props;
 
 ---

package/src/components/Astro/Cabecera_2025_Barcelona.astro

@@ -49,20 +49,20 @@ const {
 ---
 
 <nav class="w-full flex">
-    <div class="font-body max-w-7xl w-full mx-auto flex gap-2 text-[#403830] px-6 md:px-2 py-2 text-sm items-center">
+    <div class="font-body max-w-7xl w-full mx-auto flex gap-2 bg-white text-[#363942] px-6 md:px-2 py-2 text-sm items-center">
         <a href={subdirectory + '/'} class="flex items-center gap-2 underline">
             <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="#403830"/>
-                <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="#403830"/>
+                <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"/>
             </svg>
             <span set:html={homeLabel}></span>
         </a>
         {items.map((item: { text: string; url: string }) => (
             item.url
-                ? <> / <a href={item.url} class="underline"><span class="text-[#403830] font-normal" set:html={item.text}></span></a></>
-                : <> / <span class="text-[#403830] font-normal" set:html={item.text}></span></>
+                ? <> / <a href={item.url} class="underline"><span class="text-[#363942] font-normal" set:html={item.text}></span></a></>
+                : <> / <span class="text-[#363942] font-normal" set:html={item.text}></span></>
         ))}
-        / <span class="text-[#403830] font-normal" set:html={text}></span>
+        / <span class="text-[#363942] font-normal" set:html={text}></span>
     </div>
 </nav>
 

package/src/components/Astro/Cabecera_2025_Madrid.astro

@@ -81,7 +81,7 @@ const categories = [
 
 ---
 
-<header class="sticky top-0 w-full font-body bg-[rgba(250,250,245,0.80)] backdrop-blur-lg z-50 flex flex-col justify-center align-center items-center p-0 overflow-hidden">
+<header class="sticky top-0 w-full font-body bg-white z-50 flex flex-col justify-center align-center items-center p-0 overflow-hidden">
     <nav class="px-4 py-3 w-full">
         
         <div class="max-w-7xl flex items-center justify-between mx-auto">
@@ -90,11 +90,11 @@ const categories = [
             </a>
             <div class="flex items-center gap-4">
                 <div class="flex items-center gap-4">
-                    <a href={url} class="h-12 max-[375px] px-3 md:px-5 py-3 font-body font-semibold max-[375px]:text-sm text-base border-1 border-[#d71635] bg-[#d71635] text-[#ffffff] hover:border-[#71131f] hover:bg-[#71131f] transition-all duration-300 rounded-lg cursor-pointer shadow-sm">{label}</a>
+                    <a href={url} class="h-12 max-[375px] px-3 md:px-5 py-3 font-body font-semibold max-[375px]:text-sm text-base border-1 border-[#001978] text-[#001978] hover:text-[#ffffff] hover:border-[#001978] hover:bg-[#001978] transition-all duration-300 rounded-lg cursor-pointer shadow-sm">{label}</a>
                 </div>
-                <button onclick="document.getElementById('navbar-default').classList.toggle('hidden'); event.target.classList.toggle('bg-[#fafaf5]');" 
-                type="button" class="font-body inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-[#6d5e52] rounded-lg md:hidden hover:bg-[#ebe7da] 
-                focus:outline-none focus:ring-2 focus:ring-[#e1c8b4] dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" 
+                <button onclick="document.getElementById('navbar-default').classList.toggle('hidden'); event.target.classList.toggle('bg-gray-50');" 
+                type="button" class="font-body inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 
+                focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" 
                 aria-controls="navbar-default" aria-expanded="false">
                     <span class="sr-only pointer-events-none">Abrir menú</span>
                     <svg class="w-5 h-5 pointer-events-none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
@@ -106,12 +106,12 @@ const categories = [
             
         </div>
     </nav>
-    <nav class="w-full flex items-center">
+    <nav class="w-full flex items-center border-y border-gray-300">
         <ul class="max-w-7xl hidden md:flex items-center justify-start md:gap-2 lg:gap-8 mx-auto">
             {categories.map(category => {
                 const isActive = currentPath.includes(category.link);
                 return (
-                <li class={`relative group border-b-4 hover:border-b-4 hover:border-[#d71635] hover:bg-[#ebe7da] ${isActive ? 'border-b-4 border-[#d71635] active' : 'border-transparent'}`}>
+                <li class={`relative group border-b-4 hover:border-b-4 hover:border-[#001978] hover:bg-gray-100 ${isActive ? 'border-b-4 border-[#001978] active' : 'border-transparent'}`}>
                     <a href={category.link} class="flex items-center md:px-4 lg:px-8 py-6">
                         <span>
                             {category.name}
@@ -125,12 +125,12 @@ const categories = [
                         )}
                     </a>
                     {category.subcategories.length > 0 && (
-                        <ul class="absolute left-0 mt-1 bg-white border border-[#e1c8b4] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-10 min-w-[280px]"
+                        <ul class="absolute left-0 mt-1 bg-white border border-gray-300 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-10 min-w-[280px]"
                            
                         >
                             {category.subcategories.map(sub => (
-                                <li class="hover:text-[#d71635] hover:font-semibold">
-                                    <a href={sub.link} class="block px-4 py-3 hover:bg-[#ebe7da]">{sub.name}</a>
+                                <li class="hover:text-[#001978] hover:font-semibold">
+                                    <a href={sub.link} class="block px-4 py-3 hover:bg-gray-100">{sub.name}</a>
                                 </li>
                             ))}
                         </ul>
@@ -140,7 +140,7 @@ const categories = [
         </ul>
     </nav>
 
-    <nav class="hidden w-full bg-white border-[#e1c8b4]" id="navbar-default">
+    <nav class="hidden w-full bg-white border-gray-200" id="navbar-default">
         <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto">
             
             <div class="w-full md:flex md:w-auto">
@@ -148,7 +148,7 @@ const categories = [
                 {categories.map(category => {
                 const isActive = currentPath.includes(category.link);
                 return (
-                <li class={`relative group px-6 py-4 border-b-2 hover:border-b-2 hover:border-[#d71635] ${isActive ? 'border-b-4 border-[#d71635] active' : 'border-transparent'}`}>
+                <li class={`relative group px-6 py-4 border-b-2 hover:border-b-2 hover:border-[#001978] ${isActive ? 'border-b-4 border-[#001978] active' : 'border-transparent'}`}>
                     <a href={category.link} class="flex items-center">
                         <span class="hover:underline">
                             {category.name}
@@ -162,12 +162,12 @@ const categories = [
                         )}
                     </a>
                     {category.subcategories.length > 0 && (
-                        <ul class="absolute left-0 mt-1 bg-white border border-[#e1c8b4] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-10 min-w-[280px]"
+                        <ul class="absolute left-0 mt-1 bg-white border border-gray-300 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all z-10 min-w-[280px]"
                            
                         >
                             {category.subcategories.map(sub => (
-                                <li class="hover:text-[#d71635] hover:font-semibold">
-                                    <a href={sub.link} class="block px-4 py-3 hover:bg-[#ebe7da]">{sub.name}</a>
+                                <li class="hover:text-[#001978] hover:font-semibold">
+                                    <a href={sub.link} class="block px-4 py-3 hover:bg-gray-100">{sub.name}</a>
                                 </li>
                             ))}
                         </ul>

package/src/components/Astro/Cabecera_2026_Bilbao.astro

@@ -6,7 +6,7 @@ const {
 } = Astro.props;
 ---
 
-<header class="sticky top-0 w-full bg-[rgba(250,250,245,0.80)] backdrop-blur-lg z-50">
+<header class="sticky top-0 w-full bg-white z-50">
     <nav class="px-4 py-3 w-full">
         <div class={`max-w-7xl mx-auto flex items-center ${logoAlign === 'center' ? 'justify-center' : 'justify-start'}`}>
             <a href={subdirectory + '/'}>

package/src/components/Astro/Cabecera_2026_Dakota.astro

@@ -12,7 +12,7 @@ const {
 } = Astro.props;
 ---
 
-<header class="w-full bg-[rgba(250,250,245,0.80)]">
+<header class="w-full bg-white">
     <nav class="px-4 py-3 w-full">
         <div class="max-w-7xl mx-auto grid grid-cols-3 items-center gap-4">
             <div class={`flex ${logoAlign === 'center' ? 'justify-center col-start-2' : 'justify-start col-start-1'}`}>

package/src/components/Astro/Cabecera_2026_Madrid.astro

@@ -88,7 +88,7 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
 
 ---
 
-<header class="sticky top-0 w-full font-body bg-[rgba(250,250,245,0.80)] backdrop-blur-lg z-50 flex flex-col justify-center align-center items-center p-0">
+<header class="sticky top-0 w-full font-body bg-white z-50 flex flex-col justify-center align-center items-center p-0">
     <nav class="px-4 py-3 w-full">
         
         <div class="max-w-7xl flex items-center justify-between mx-auto">
@@ -97,11 +97,11 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
             </a>
             <div class="flex items-center gap-4">
                 <div class="flex items-center gap-4">
-                    <a href={url} class="h-12 max-[375px] px-3 md:px-5 py-3 font-body font-semibold max-[375px]:text-sm text-base border-1 border-[#d71635] bg-[#d71635] text-[#ffffff] hover:border-[#71131f] hover:bg-[#71131f] transition-all duration-300 rounded-lg cursor-pointer shadow-sm">{label}</a>
+                    <a href={url} class="h-12 max-[375px] px-3 md:px-5 py-3 font-body font-semibold max-[375px]:text-sm text-base border-1 border-[#001978] text-[#001978] hover:text-[#ffffff] hover:border-[#001978] hover:bg-[#001978] transition-all duration-300 rounded-lg cursor-pointer shadow-sm">{label}</a>
                 </div>
-                <button onclick="document.getElementById('navbar-default').classList.toggle('hidden'); event.target.classList.toggle('bg-[#fafaf5]');" 
-                type="button" class="font-body inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-[#6d5e52] rounded-lg md:hidden hover:bg-[#ebe7da] 
-                focus:outline-none focus:ring-2 focus:ring-[#e1c8b4] dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" 
+                <button onclick="document.getElementById('navbar-default').classList.toggle('hidden'); event.target.classList.toggle('bg-gray-50');" 
+                type="button" class="font-body inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 
+                focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" 
                 aria-controls="navbar-default" aria-expanded="false">
                     <span class="sr-only pointer-events-none">Abrir menú</span>
                     <svg class="w-5 h-5 pointer-events-none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
@@ -113,7 +113,7 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
             
         </div>
     </nav>
-    <nav class="w-full flex items-center">
+    <nav class="w-full flex items-center border-y border-gray-300">
         <ul class="max-w-7xl hidden md:flex items-center justify-start md:gap-2 lg:gap-8 mx-auto">
             {categories.map((category, index) => {
                 const isActive = currentPath.includes(category.link) ||
@@ -121,7 +121,7 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
                 const hasSub = category.subcategories?.length > 0;
                 const submenuId = `${identifier}-d-${index}`;
                 return (
-                <li class={`relative flex items-center border-b-4 hover:border-b-4 hover:border-[#d71635] hover:bg-[#ebe7da] ${isActive ? 'border-b-4 border-[#d71635] active' : 'border-transparent'}`}>
+                <li class={`relative flex items-center border-b-4 hover:border-b-4 hover:border-[#001978] hover:bg-gray-100 ${isActive ? 'border-b-4 border-[#001978] active' : 'border-transparent'}`}>
                     <a href={category.link} target={category.target ?? '_self'} class={`flex items-center py-6 md:pl-4 lg:pl-8 ${hasSub ? '' : 'md:pr-4 lg:pr-8'}`}>
                         <span>
                             {category.name}
@@ -144,11 +144,11 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
                     {hasSub && (
                         <ul
                             id={submenuId}
-                            class={`${identifier}-submenu absolute left-0 top-full mt-1 bg-white border border-[#e1c8b4] hidden z-10 min-w-[230px]`}
+                            class={`${identifier}-submenu absolute left-0 top-full mt-1 bg-white border border-gray-300 hidden z-10 min-w-[230px]`}
                         >
                             {category.subcategories?.map(sub => (
-                                <li class="hover:text-[#d71635] hover:font-semibold">
-                                    <a href={sub.link} target={sub.target ?? '_self'} class="block px-4 py-3 hover:bg-[#ebe7da]">{sub.name}</a>
+                                <li class="hover:text-[#001978] hover:font-semibold">
+                                    <a href={sub.link} target={sub.target ?? '_self'} class="block px-4 py-3 hover:bg-gray-100">{sub.name}</a>
                                 </li>
                             ))}
                         </ul>
@@ -158,7 +158,7 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
         </ul>
     </nav>
 
-    <nav class="hidden w-full bg-white border-[#e1c8b4]" id="navbar-default">
+    <nav class="hidden w-full bg-white border-gray-200" id="navbar-default">
         <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto">
 
             <div class="w-full md:flex md:w-auto">
@@ -169,7 +169,7 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
                 const hasSub = category.subcategories?.length > 0;
                 const submenuId = `${identifier}-m-${index}`;
                 return (
-                <li class={`relative flex items-center px-6 py-4 border-b-2 hover:border-b-2 hover:border-[#d71635] ${isActive ? 'border-b-4 border-[#d71635] active' : 'border-transparent'}`}>
+                <li class={`relative flex items-center px-6 py-4 border-b-2 hover:border-b-2 hover:border-[#001978] ${isActive ? 'border-b-4 border-[#001978] active' : 'border-transparent'}`}>
                     <a href={category.link} target={category.target ?? '_self'} class="flex items-center">
                         <span class="hover:underline">
                             {category.name}
@@ -192,11 +192,11 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
                     {hasSub && (
                         <ul
                             id={submenuId}
-                            class={`${identifier}-submenu absolute left-0 top-full bg-white border border-[#e1c8b4] hidden z-10 w-full md:w-auto min-w-[230px]`}
+                            class={`${identifier}-submenu absolute left-0 top-full bg-white border border-gray-300 hidden z-10 w-full md:w-auto min-w-[230px]`}
                         >
                             {category.subcategories?.map(sub => (
-                                <li class="hover:text-[#d71635] hover:font-semibold">
-                                    <a href={sub.link} target={sub.target ?? '_self'} class="block px-4 py-3 hover:bg-[#ebe7da]">{sub.name}</a>
+                                <li class="hover:text-[#001978] hover:font-semibold">
+                                    <a href={sub.link} target={sub.target ?? '_self'} class="block px-4 py-3 hover:bg-gray-100">{sub.name}</a>
                                 </li>
                             ))}
                         </ul>

package/src/components/Astro/Cabecera_2027_Guadalajara.astro

@@ -91,7 +91,7 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
 
 ---
 
-<header class="sticky top-0 w-full font-body bg-[rgba(250,250,245,0.80)] backdrop-blur-lg z-50 flex flex-col justify-center align-center items-center p-0">
+<header class="sticky top-0 w-full font-body bg-white z-50 flex flex-col justify-center align-center items-center p-0">
     <nav class="px-4 py-3 w-full">
         
         <div class="max-w-7xl flex items-center justify-between mx-auto">
@@ -101,12 +101,12 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
             <div class="flex items-center gap-4">
                 {label && (
                 <div class="flex items-center gap-4">
-                    <a href={url} class="h-12 max-[375px] px-3 md:px-5 py-3 font-body font-semibold max-[375px]:text-sm max-[375px]:leading-[21px] text-base leading-6 border-1 border-[#d71635] bg-[#d71635] text-[#ffffff] hover:border-[#71131f] hover:bg-[#71131f] transition-all duration-300 rounded-lg cursor-pointer shadow-sm">{label}</a>
+                    <a href={url} class="h-12 max-[375px] px-3 md:px-5 py-3 font-body font-semibold max-[375px]:text-sm max-[375px]:leading-[21px] text-base leading-6 border-1 border-[#001978] text-[#001978] hover:text-[#ffffff] hover:border-[#001978] hover:bg-[#001978] transition-all duration-300 rounded-lg cursor-pointer shadow-sm">{label}</a>
                 </div>
                 )}
-                <button onclick="document.getElementById('navbar-default').classList.toggle('hidden'); event.target.classList.toggle('bg-[#fafaf5]');"
-                type="button" class="font-body inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-[#6d5e52] rounded-lg md:hidden hover:bg-[#ebe7da]
-                focus:outline-none focus:ring-2 focus:ring-[#e1c8b4] dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
+                <button onclick="document.getElementById('navbar-default').classList.toggle('hidden'); event.target.classList.toggle('bg-gray-50');"
+                type="button" class="font-body inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100
+                focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
                 aria-controls="navbar-default" aria-expanded="false">
                     <span class="sr-only pointer-events-none">Abrir menú</span>
                     <svg class="w-5 h-5 pointer-events-none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
@@ -118,7 +118,7 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
             
         </div>
     </nav>
-    <nav class="w-full flex items-center">
+    <nav class="w-full flex items-center border-y border-gray-300">
         <ul class="max-w-7xl hidden md:flex items-center justify-start md:gap-2 lg:gap-8 mx-auto">
             {categories.map((category, index) => {
                 const isActive = currentPath.includes(category.link) ||
@@ -126,7 +126,7 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
                 const hasSub = category.subcategories?.length > 0;
                 const submenuId = `${identifier}-d-${index}`;
                 return (
-                <li class={`relative flex items-center border-b-4 hover:border-b-4 hover:border-[#d71635] hover:bg-[#ebe7da] ${isActive ? 'border-b-4 border-[#d71635] active' : 'border-transparent'}`}>
+                <li class={`relative flex items-center border-b-4 hover:border-b-4 hover:border-[#001978] hover:bg-gray-100 ${isActive ? 'border-b-4 border-[#001978] active' : 'border-transparent'}`}>
                     <a href={category.link} target={category.target ?? '_self'} class={`flex items-center py-6 md:pl-4 lg:pl-8 ${hasSub ? '' : 'md:pr-4 lg:pr-8'}`}>
                         <span>
                             {category.name}
@@ -149,11 +149,11 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
                     {hasSub && (
                         <ul
                             id={submenuId}
-                            class={`${identifier}-submenu absolute left-0 top-full mt-1 bg-white border border-[#e1c8b4] hidden z-10 min-w-[230px]`}
+                            class={`${identifier}-submenu absolute left-0 top-full mt-1 bg-white border border-gray-300 hidden z-10 min-w-[230px]`}
                         >
                             {category.subcategories?.map(sub => (
-                                <li class="hover:text-[#d71635] hover:font-semibold">
-                                    <a href={sub.link} target={sub.target ?? '_self'} class="block px-4 py-3 hover:bg-[#ebe7da]">{sub.name}</a>
+                                <li class="hover:text-[#001978] hover:font-semibold">
+                                    <a href={sub.link} target={sub.target ?? '_self'} class="block px-4 py-3 hover:bg-gray-100">{sub.name}</a>
                                 </li>
                             ))}
                         </ul>
@@ -163,7 +163,7 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
         </ul>
     </nav>
 
-    <nav class="hidden w-full bg-white border-[#e1c8b4]" id="navbar-default">
+    <nav class="hidden w-full bg-white border-gray-200" id="navbar-default">
         <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto">
 
             <div class="w-full md:flex md:w-auto">
@@ -174,7 +174,7 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
                 const hasSub = category.subcategories?.length > 0;
                 const submenuId = `${identifier}-m-${index}`;
                 return (
-                <li class={`relative flex items-center px-6 py-4 border-b-2 hover:border-b-2 hover:border-[#d71635] ${isActive ? 'border-b-4 border-[#d71635] active' : 'border-transparent'}`}>
+                <li class={`relative flex items-center px-6 py-4 border-b-2 hover:border-b-2 hover:border-[#001978] ${isActive ? 'border-b-4 border-[#001978] active' : 'border-transparent'}`}>
                     <a href={category.link} target={category.target ?? '_self'} class="flex items-center">
                         <span class="hover:underline">
                             {category.name}
@@ -197,11 +197,11 @@ const categories: MenuItem[] = (categoriesProp && categoriesProp.length > 0)
                     {hasSub && (
                         <ul
                             id={submenuId}
-                            class={`${identifier}-submenu absolute left-0 top-full bg-white border border-[#e1c8b4] hidden z-10 w-full md:w-auto min-w-[230px]`}
+                            class={`${identifier}-submenu absolute left-0 top-full bg-white border border-gray-300 hidden z-10 w-full md:w-auto min-w-[230px]`}
                         >
                             {category.subcategories?.map(sub => (
-                                <li class="hover:text-[#d71635] hover:font-semibold">
-                                    <a href={sub.link} target={sub.target ?? '_self'} class="block px-4 py-3 hover:bg-[#ebe7da]">{sub.name}</a>
+                                <li class="hover:text-[#001978] hover:font-semibold">
+                                    <a href={sub.link} target={sub.target ?? '_self'} class="block px-4 py-3 hover:bg-gray-100">{sub.name}</a>
                                 </li>
                             ))}
                         </ul>