libreria-astro-lefebvre 0.2.27 → 0.2.30

package/package.json

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

package/src/carbins/Contenido_2026_Tokyo.ts

@@ -3,9 +3,9 @@ import type { ComponentMetadata } from "../interfaces/types";
 export const metadata: ComponentMetadata = {
   component_name: "Contenido_2026_Tokyo",
   category: "Contenido con listas",
-  name: "Bloque con imagen de escudo de fondo y grid lateral de logos clicables 2026",
+  name: "Bloque con grid lateral de logos clicables 2026",
   description:
-    "Bloque de contenido con una imagen de escudo como background, título h2, descripción HTML, botón tipo enlace con flecha a la derecha y un grid lateral de logos/imágenes clicables (renderizados con Imagen_2025_Fukushima). El ancho del bloque de texto se adapta automáticamente al número de logos: 1→texto a 2/3, 2→texto a 1/2, 3 o más→texto a 1/3",
+    "Bloque de contenido con fondo transparente, título h2, descripción HTML, botón tipo enlace con flecha a la derecha y un grid lateral de logos/imágenes clicables (renderizados con Imagen_2025_Fukushima). El ancho del bloque de texto se adapta automáticamente al número de logos: 1→texto a 2/3, 2→texto a 1/2, 3 o más→texto a 1/3",
   framework: "Astro",
   priority: 1,
   tags: ["contenido", "imagen", "grid", "logos", "cta", "enlace"],
@@ -53,41 +53,6 @@ export const metadata: ComponentMetadata = {
       mandatory: false,
       example_value: "/genia-l/certificaciones",
     },
-    {
-      name: "subdirectory",
-      type: "text",
-      help: 'Ruta base del sitio (p. ej. "/genia-l") que se concatena a la URL de la imagen de fondo del bloque (el escudo). Si se deja vacío, la imagen de fondo se carga desde la raíz del sitio: "/images/genial/ico-shield.webp"',
-      label: "Subdirectorio",
-      mandatory: false,
-      example_value: "/genia-l",
-    },
-    {
-      name: "bgColor",
-      type: "text",
-      help: "Color de fondo del bloque. Acepta nombre CSS o código hex. Si se deja vacío se usa #ebe7da",
-      label: "Color de fondo",
-      mandatory: false,
-      example_value: "#ebe7da",
-    },
-    {
-      name: "showBgImage",
-      type: "boolean",
-      help: "Activa o desactiva la imagen de fondo del bloque. Si está desactivada solo se ve el color de fondo",
-      label: "Mostrar imagen de fondo",
-      mandatory: false,
-      options: ["false", "true"],
-      options_labels: ["Falso", "Verdadero"],
-      example_value: true,
-    },
-    {
-      name: "bgImage",
-      type: "image",
-      help: 'Imagen de fondo del bloque. Solo se usa si "Mostrar imagen de fondo" está activado. Si se deja vacía se usa el escudo por defecto (/images/genial/ico-shield.webp)',
-      label: "Imagen de fondo",
-      mandatory: false,
-      example_value:
-        "https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png",
-    },
     {
       name: "items",
       type: "list",

package/src/components/Astro/Contenido_2026_Estepona.astro

@@ -83,6 +83,8 @@ const structuredData = `<script type="application/ld+json">
                                     ${index === 0 ? 'active' : ''}
                                     bg-[#ebe7da] text-gray-100 max-w-10 max-h-5 text-[0px] md:w-[150px]
                                     md:bg-transparent md:text-[#403830] md:max-w-none md:max-h-none md:text-[16px]
+                                    [&.active]:!bg-[#1b1b1b] [&.active]:!text-white [&.active]:max-w-none [&.active]:max-h-none [&.active]:text-[16px]
+                                    md:[&.active]:shadow-[0_2px_4px_0_rgba(107,58,8,0.08),0_4px_8px_0_rgba(107,58,8,0.04)]
                                     `}
                                 >{tab.name || `Pestaña ${index + 1}`}</button>
                             </p>
@@ -123,23 +125,6 @@ const structuredData = `<script type="application/ld+json">
 
 
 <style>
-    .active{
-        background-color: #1b1b1b;
-        color: #ffffff;
-        max-width: none;
-        max-height: none;
-        font-size: 16px;
-
-        &:hover{
-            background-color: #1b1b1b;
-        }
-    }
-    @media (min-width: 768px) {
-        .active {
-            box-shadow: 0 2px 4px 0 rgba(107, 58, 8, 0.08), 0 4px 8px 0 rgba(107, 58, 8, 0.04);
-        }
-    }
-
     .listIco :global(ul) {
         list-style: none;
         padding-left: 0;

package/src/components/Astro/Contenido_2026_Tokyo.astro

@@ -1,6 +1,5 @@
 ---
 import Imagen_2025_Fukushima from './Imagen_2025_Fukushima.astro';
-import { extractImageUrl } from '../../lib/functions.js';
 
 const {
     title,
@@ -8,17 +7,10 @@ const {
     buttonText,
     buttonUrl,
     showBtn,
-    items,
-    subdirectory = '',
-    bgColor = '#ebe7da',
-    showBgImage = true,
-    bgImage = ''
+    items
     } = Astro.props;
-
-// Sin imagen propia se mantiene el escudo por defecto
-const bgImageUrl = extractImageUrl(bgImage) || `${subdirectory}/images/genial/ico-shield.webp`;
 ---
-<article class="w-full max-w-7xl flex flex-col md:flex-row text-center items-center justify-center p-6 md:p-12 bg-cover bg-no-repeat bg-position-[center_center] md:bg-auto md:bg-position-[-60px_center] rounded-2xl" style={`background-color: ${bgColor || '#ebe7da'};${showBgImage ? ` background-image: url(${bgImageUrl})` : ''}`}>
+<article class="w-full max-w-7xl flex flex-col md:flex-row text-center items-center justify-center py-6 md:py-12 rounded-2xl">
     <div class={`w-full ${items.length === 1 ? 'md:w-2/3' : items.length === 2 ? 'md:w-1/2' : 'md:w-1/3'} flex flex-col text-left p-0 mb-4 md:pl-[140px]`}>
         <h2 class="text-[28px] leading-9 md:text-[32px] md:leading-10 mb-4 font-heading text-[#1b1b1b] font-normal">{title}</h2>
         <div class="max-w-[900px] text-[#403830] font-body font-normal text-base not-italic leading-6 flex flex-col gap-4 mb-8">