@lluc_llull/ui-lib 0.15.1 → 0.16.1

package/fesm2022/lluc_llull-ui-lib.mjs

@@ -1,1126 +1,30 @@
-import * as i1$1 from '@angular/common';
-import { CommonModule, isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Input, ChangeDetectionStrategy, Component, EventEmitter, inject, PLATFORM_ID, HostListener, Output, Directive, Optional, Inject, Injectable, ViewChild, InjectionToken, signal } from '@angular/core';
-import * as i1 from '@angular/router';
-import * as simpleIcons from 'simple-icons';
-import * as i2 from 'lucide-angular';
-import { LucideAngularModule } from 'lucide-angular';
-import Swiper from 'swiper';
-import { Navigation, Pagination, Autoplay } from 'swiper/modules';
-import * as i1$2 from '@angular/material/dialog';
-import { MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { BehaviorSubject, fromEvent } from 'rxjs';
-import * as THREE from 'three';
-import { debounceTime, map, distinctUntilChanged, startWith } from 'rxjs/operators';
+import { Component } from '@angular/core';
 
-class CategoryProgressComponent {
-    pretitle;
-    title;
-    categories;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CategoryProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: CategoryProgressComponent, isStandalone: true, selector: "lib-category-progress", inputs: { pretitle: "pretitle", title: "title", categories: "categories" }, ngImport: i0, template: "<div class=\"category-progress\">\n  @if (pretitle) {\n    <h3 class=\"pretitle\">{{ pretitle }}</h3>\n  }\n  @if (title) {\n    <h2 class=\"title\">{{ title }}</h2>\n  }\n  <div class=\"progress-grid\">\n    @for (category of categories; track $index) {\n      <div class=\"category\">\n        <h3 class=\"subtitle\">{{ category.title }}</h3>\n\n        @for (item of category.items; track $index) {\n          <div class=\"item\">\n            <span class=\"label\">{{ item.label }}</span>\n            <div class=\"bar\">\n              <div class=\"fill\" [style.width.%]=\"item.value\"></div>\n            </div>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.category-progress{text-align:start;padding:2rem 10rem;align-items:start}@media (max-width: 768px){.category-progress{padding:2rem 4rem}}.title{text-transform:uppercase}.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.category{display:flex;flex-direction:column;gap:1.5rem}.category-title{font-weight:600;font-size:1.1rem}.item .label{font-size:.9rem;margin-bottom:.3rem;display:block}.item .bar{background-color:var(--progress-bg);height:6px;border-radius:3px;overflow:hidden}.item .bar .fill{background-color:var(--progress-color);height:100%;width:0;transition:width .3s ease}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+class UiLibComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: UiLibComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: UiLibComponent, isStandalone: true, selector: "lib-ui-lib", ngImport: i0, template: `
+        <p>ui-lib works!</p>
+    `, isInline: true, styles: [""] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: CategoryProgressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: UiLibComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-category-progress', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"category-progress\">\n  @if (pretitle) {\n    <h3 class=\"pretitle\">{{ pretitle }}</h3>\n  }\n  @if (title) {\n    <h2 class=\"title\">{{ title }}</h2>\n  }\n  <div class=\"progress-grid\">\n    @for (category of categories; track $index) {\n      <div class=\"category\">\n        <h3 class=\"subtitle\">{{ category.title }}</h3>\n\n        @for (item of category.items; track $index) {\n          <div class=\"item\">\n            <span class=\"label\">{{ item.label }}</span>\n            <div class=\"bar\">\n              <div class=\"fill\" [style.width.%]=\"item.value\"></div>\n            </div>\n          </div>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.category-progress{text-align:start;padding:2rem 10rem;align-items:start}@media (max-width: 768px){.category-progress{padding:2rem 4rem}}.title{text-transform:uppercase}.progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.category{display:flex;flex-direction:column;gap:1.5rem}.category-title{font-weight:600;font-size:1.1rem}.item .label{font-size:.9rem;margin-bottom:.3rem;display:block}.item .bar{background-color:var(--progress-bg);height:6px;border-radius:3px;overflow:hidden}.item .bar .fill{background-color:var(--progress-color);height:100%;width:0;transition:width .3s ease}\n"] }]
-        }], propDecorators: { pretitle: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], categories: [{
-                type: Input
-            }] } });
-
-var LinkType;
-(function (LinkType) {
-    LinkType["Internal"] = "internal";
-    LinkType["External"] = "external";
-    LinkType["Anchor"] = "anchor";
-    LinkType["Pdf"] = "pdf";
-    LinkType["NoLink"] = "nolink";
-})(LinkType || (LinkType = {}));
-
-class LinkTypeDirective {
-    router;
-    elRef;
-    linkType;
-    href;
-    anchorClicked = new EventEmitter();
-    platformId = inject(PLATFORM_ID);
-    isBrowser = isPlatformBrowser(this.platformId);
-    constructor(router, elRef) {
-        this.router = router;
-        this.elRef = elRef;
-    }
-    ngOnInit() {
-        this.setupAttributes();
-    }
-    onClick(event) {
-        if (!this.linkType || !this.href)
-            return;
-        switch (this.linkType) {
-            case 'internal':
-                event.preventDefault();
-                this.navigateInternal(this.href);
-                break;
-            case 'anchor':
-                event.preventDefault();
-                this.scrollToAnchor(this.href);
-                break;
-            case 'nolink':
-                event.preventDefault();
-                break;
-            case 'external':
-            case 'pdf':
-            default:
-                break;
-        }
-    }
-    setupAttributes() {
-        const element = this.elRef.nativeElement;
-        const resolvedHref = this.resolveHref();
-        if (!resolvedHref)
-            return;
-        element.setAttribute('href', resolvedHref);
-        if (this.linkType === 'external' || this.linkType === 'pdf') {
-            element.setAttribute('target', '_blank');
-            element.setAttribute('rel', 'noopener noreferrer nofollow');
-        }
-    }
-    resolveHref() {
-        if (!this.href)
-            return '';
-        // si ya es absoluta, no tocarla
-        if (this.href.startsWith('/')) {
-            return this.href;
-        }
-        if (this.linkType === 'internal') {
-            const lang = this.getCurrentLang();
-            return `/${lang}/${this.href}`;
-        }
-        return this.href;
-    }
-    navigateInternal(url) {
-        // si ya es absoluta, navega directamente
-        if (url.startsWith('/')) {
-            this.router.navigateByUrl(url);
-            return;
-        }
-        const lang = this.getCurrentLang();
-        this.anchorClicked.emit();
-        this.router.navigate(['/', lang, url]);
-    }
-    getCurrentLang() {
-        const firstSegment = this.router.url.split('?')[0].split('#')[0].split('/')[1];
-        return firstSegment || 'es';
-    }
-    scrollToAnchor(id) {
-        if (!this.isBrowser)
-            return;
-        const cleanId = id.replace(/^#/, '');
-        const el = document.getElementById(cleanId);
-        if (!el)
-            return;
-        const yOffset = -160;
-        const y = el.getBoundingClientRect().top + window.scrollY + yOffset;
-        window.scrollTo({
-            top: y,
-            behavior: 'smooth',
-        });
-        this.anchorClicked.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LinkTypeDirective, deps: [{ token: i1.Router }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: LinkTypeDirective, isStandalone: true, selector: "[linkType]", inputs: { linkType: "linkType", href: "href" }, outputs: { anchorClicked: "anchorClicked" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LinkTypeDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[linkType]',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i1.Router }, { type: i0.ElementRef }], propDecorators: { linkType: [{
-                type: Input
-            }], href: [{
-                type: Input
-            }], anchorClicked: [{
-                type: Output
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-
-class HeroSectionComponent {
-    pretitle;
-    title;
-    subtitle;
-    text;
-    buttons;
-    highlight;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: HeroSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: HeroSectionComponent, isStandalone: true, selector: "lib-hero-section", inputs: { pretitle: "pretitle", title: "title", subtitle: "subtitle", text: "text", buttons: "buttons", highlight: "highlight" }, ngImport: i0, template: "<div class=\"hero-section\">\n  @if (pretitle) {\n    <h2 class=\"pretitle\">{{ pretitle }}</h2>\n  }\n  @if (title) {\n    <h1 class=\"title\">\n      @if (highlight && title.includes(highlight)) {\n        {{ title.replace(highlight, '') }}\n        <span class=\"highlight-text\">\n          {{ highlight }}\n          <div class=\"wave-wrapper\">\n            <div class=\"wave\"></div>\n          </div>\n        </span>\n      } @else {\n        {{ title }}\n      }\n    </h1>\n  }\n  @if (subtitle) {\n    <h2 class=\"subtitle\">{{ subtitle }}</h2>\n  }\n  @if (text) {\n    <p class=\"text\">{{ text }}</p>\n  }\n  @if (buttons && buttons.length > 0) {\n    <div class=\"buttons\">\n      @for (button of buttons; track $index) {\n        <a class=\"btn btn-link\" [href]=\"button.url\" [linkType]=\"button.linkType\">\n          <span>{{ button.icon }}</span>\n          {{ button.label }}\n        </a>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;flex:1 1 auto;height:100%}.hero-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.buttons{display:flex;flex-wrap:wrap;justify-content:center}.title{text-transform:uppercase;font-size:4.5rem}.title .highlight-text{cursor:help;display:inline;position:relative;z-index:99}.title .highlight-text .wave-wrapper{position:absolute;top:90%;left:0;width:100%;height:30px;z-index:-1}.title .highlight-text .wave{position:absolute;background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0A<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->%0A<svg version=\"1.1\" id=\"Calque_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0A%09 viewBox=\"0 0 27.6 8.4\" style=\"enable-background:new 0 0 27.6 8.4;\" xml:space=\"preserve\">%0A<style type=\"text/css\">%0A%09.st0{fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-miterlimit:10;}%0A<\\/style>%0A<path class=\"st0\" d=\"M0,1c2.7,0,5.2,1.2,6.9,3.2s4.2,3.2,6.9,3.2c2.7,0,5.2-1.2,6.9-3.2S24.9,1,27.6,1\"/>%0A</svg>%0A');background-repeat:repeat-x;background-position-x:0;background-position-y:0;top:-1.2rem;opacity:.5;width:100%;height:50%}.title .highlight-text:hover .wave{animation:moveWave 5s infinite linear}@media (max-width: 768px){.title .highlight-text{display:block;margin-top:.5rem}}@keyframes moveWave{0%{background-position-x:0}to{background-position-x:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: HeroSectionComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-hero-section', standalone: true, imports: [CommonModule, LinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"hero-section\">\n  @if (pretitle) {\n    <h2 class=\"pretitle\">{{ pretitle }}</h2>\n  }\n  @if (title) {\n    <h1 class=\"title\">\n      @if (highlight && title.includes(highlight)) {\n        {{ title.replace(highlight, '') }}\n        <span class=\"highlight-text\">\n          {{ highlight }}\n          <div class=\"wave-wrapper\">\n            <div class=\"wave\"></div>\n          </div>\n        </span>\n      } @else {\n        {{ title }}\n      }\n    </h1>\n  }\n  @if (subtitle) {\n    <h2 class=\"subtitle\">{{ subtitle }}</h2>\n  }\n  @if (text) {\n    <p class=\"text\">{{ text }}</p>\n  }\n  @if (buttons && buttons.length > 0) {\n    <div class=\"buttons\">\n      @for (button of buttons; track $index) {\n        <a class=\"btn btn-link\" [href]=\"button.url\" [linkType]=\"button.linkType\">\n          <span>{{ button.icon }}</span>\n          {{ button.label }}\n        </a>\n      }\n    </div>\n  }\n</div>\n", styles: [":host{display:flex;flex:1 1 auto;height:100%}.hero-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.buttons{display:flex;flex-wrap:wrap;justify-content:center}.title{text-transform:uppercase;font-size:4.5rem}.title .highlight-text{cursor:help;display:inline;position:relative;z-index:99}.title .highlight-text .wave-wrapper{position:absolute;top:90%;left:0;width:100%;height:30px;z-index:-1}.title .highlight-text .wave{position:absolute;background-image:url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"utf-8\"?>%0A<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->%0A<svg version=\"1.1\" id=\"Calque_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\"%0A%09 viewBox=\"0 0 27.6 8.4\" style=\"enable-background:new 0 0 27.6 8.4;\" xml:space=\"preserve\">%0A<style type=\"text/css\">%0A%09.st0{fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-miterlimit:10;}%0A<\\/style>%0A<path class=\"st0\" d=\"M0,1c2.7,0,5.2,1.2,6.9,3.2s4.2,3.2,6.9,3.2c2.7,0,5.2-1.2,6.9-3.2S24.9,1,27.6,1\"/>%0A</svg>%0A');background-repeat:repeat-x;background-position-x:0;background-position-y:0;top:-1.2rem;opacity:.5;width:100%;height:50%}.title .highlight-text:hover .wave{animation:moveWave 5s infinite linear}@media (max-width: 768px){.title .highlight-text{display:block;margin-top:.5rem}}@keyframes moveWave{0%{background-position-x:0}to{background-position-x:100%}}\n"] }]
-        }], propDecorators: { pretitle: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], subtitle: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], buttons: [{
-                type: Input
-            }], highlight: [{
-                type: Input
-            }] } });
-
-var heroSection_stories = {
-    title: 'Core/Content/HeroSection',
-    component: HeroSectionComponent,
-    tags: ['autodocs'],
-    argTypes: {
-        title: { control: 'text' },
-        subtitle: { control: 'text' },
-        text: { control: 'text' },
-        buttons: { control: 'object' },
-    },
-};
-const Default = {
-    args: {
-        title: 'Título de ejemplo',
-        subtitle: 'Subtítulo de ejemplo',
-        text: 'Texto descriptivo de ejemplo para el Hero Section.',
-        buttons: [
-            { label: 'Botón 1', url: 'https://www.google.com', linkType: LinkType.External },
-            { label: 'Botón 2', url: 'https://www.google.com', linkType: LinkType.External },
-        ],
-    },
-};
-
-class SectionIntroComponent {
-    pretitle;
-    title;
-    subtitle;
-    text;
-    button;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SectionIntroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: SectionIntroComponent, isStandalone: true, selector: "lib-section-intro", inputs: { pretitle: "pretitle", title: "title", subtitle: "subtitle", text: "text", button: "button" }, ngImport: i0, template: "<div class=\"section-intro\">\n  @if (pretitle) {\n    <h2 class=\"pretitle\">{{ pretitle }}</h2>\n  }\n  @if (title) {\n    <h1 class=\"title\">{{ title }}</h1>\n  }\n  @if (subtitle) {\n    <h2 class=\"subtitle\">{{ subtitle }}</h2>\n  }\n  @if (text) {\n    <p class=\"text\">{{ text }}</p>\n  }\n  @if (button) {\n    <a [href]=\"button.url\" [linkType]=\"button.linkType\" class=\"btn btn-link\">\n      {{ button.label }}\n    </a>\n  }\n</div>\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.section-intro{text-align:start;padding:2rem 10rem;align-items:start}@media (max-width: 768px){.section-intro{padding:2rem 4rem}}.title,.subtitle{text-transform:uppercase}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SectionIntroComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-section-intro', standalone: true, imports: [CommonModule, LinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section-intro\">\n  @if (pretitle) {\n    <h2 class=\"pretitle\">{{ pretitle }}</h2>\n  }\n  @if (title) {\n    <h1 class=\"title\">{{ title }}</h1>\n  }\n  @if (subtitle) {\n    <h2 class=\"subtitle\">{{ subtitle }}</h2>\n  }\n  @if (text) {\n    <p class=\"text\">{{ text }}</p>\n  }\n  @if (button) {\n    <a [href]=\"button.url\" [linkType]=\"button.linkType\" class=\"btn btn-link\">\n      {{ button.label }}\n    </a>\n  }\n</div>\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.section-intro{text-align:start;padding:2rem 10rem;align-items:start}@media (max-width: 768px){.section-intro{padding:2rem 4rem}}.title,.subtitle{text-transform:uppercase}\n"] }]
-        }], propDecorators: { pretitle: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }], subtitle: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }], button: [{
-                type: Input
-            }] } });
-
-class LegalFooterComponent {
-    year;
-    brand;
-    credits;
-    links;
-    variant = 'simple';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LegalFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: LegalFooterComponent, isStandalone: true, selector: "lib-legal-footer", inputs: { year: "year", brand: "brand", credits: "credits", links: "links", variant: "variant" }, ngImport: i0, template: "<div class=\"legal-footer\" [ngClass]=\"variant\">\n  <!-- Variante simple -->\n  @if (variant === 'simple') {\n    <div class=\"legal-footer__simple\">\n      <span class=\"legal-footer__simple-brand\">\n        <b>{{ brand }} \u00A9 {{ year }}</b>\n      </span>\n      <span class=\"legal-footer__simple-credits\">{{ credits }}</span>\n    </div>\n  }\n\n  <!-- Variante extendida -->\n  @if (variant === 'extended') {\n    <div class=\"legal-footer__extended\">\n      <span class=\"legal-footer__year\">\n        <b>{{ brand }} \u00A9 {{ year }}</b>\n      </span>\n\n      <div class=\"legal-footer__right\">\n        @if (links?.length) {\n          <ul class=\"legal-footer__links\">\n            @for (link of links; track $index) {\n              <li>\n                <a [href]=\"link.url\">{{ link.label }}</a>\n              </li>\n            }\n            <li class=\"legal-footer__credits\">{{ credits }}</li>\n          </ul>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [":root[data-theme=dark]{color-scheme:dark;--color-primary: #007bff;--color-secondary: #8a94a1;--color-text: #f3f4f6;--color-bg: #0f0f10;--button-primary-bg: #007bff;--button-primary-text: #f9f9f9;--button-primary-bg-hover: #033468;--button-primary-text-hover: #f9f9f9;--button-primary-outline-border: #020202;--button-primary-outline-text: #020202;--button-primary-outline-bg-hover: #007bff;--button-primary-outline-text-hover: #f9f9f9;--button-secondary-bg: #2b3035;--button-secondary-text: #f9f9f9;--button-secondary-bg-hover: #1c1e20;--button-secondary-text-hover: #f9f9f9;--button-link-text: #f3f4f6;--button-link-text-hover: #79b6ff;--header-clear-bg: #0f0f10;--header-mobile-bg: #0f0f10;--header-logo-text: #f9f9f9;--modal-bg: #17181a;--close-btn: #f3f4f6;--item-text: #f3f4f6;--progress-color: #f9f9f9;--progress-bg: #79b6ff;--footer-bg: #0f0f10;--footer-text: #f3f4f6;--footer-text-hover: #79b6ff;--footer-links: #f3f4f6;--footer-links-hover: #79b6ff;--footer-arrows: #fff;--footer-arrows-hover: #0f0f10;--footer-arrows-bg: #dddddd;--footer-arrows-bg-hover: #f3f3f3}:root,:root[data-theme=light]{color-scheme:light;--color-primary: #007bff;--color-secondary: #6c757d;--color-text: #111111;--color-bg: #f9f9f9;--button-primary-bg: #007bff;--button-primary-text: #f9f9f9;--button-primary-bg-hover: #033468;--button-primary-text-hover: #f9f9f9;--button-primary-outline-border: #020202;--button-primary-outline-text: #020202;--button-primary-outline-bg-hover: #007bff;--button-primary-outline-text-hover: #f9f9f9;--button-secondary-bg: #6c757d;--button-secondary-text: #f9f9f9;--button-secondary-bg-hover: #1c1e20;--button-secondary-text-hover: #f9f9f9;--button-link-text: #111111;--button-link-text-hover: #007bff;--header-clear-bg: #007bff;--header-mobile-bg: #007bff;--header-logo-text: #f9f9f9;--modal-bg: #f9f9f9;--close-btn: #111111;--item-text: #111111;--progress-color: #79b6ff;--progress-bg: #dde8f5;--footer-bg: #dadada;--footer-text: #000;--footer-text-hover: #79b6ff;--footer-links: #000;--footer-links-hover: #79b6ff;--footer-arrows: #fff;--footer-arrows-hover: #fff;--footer-arrows-bg: #b6b6b6;--footer-arrows-bg-hover: #8b8a8a}:root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.legal-footer{font-size:var(--font-size-base);padding:1rem 0;text-align:center;background-color:var(--footer-bg)}.legal-footer__simple{display:flex;justify-content:space-between;gap:1rem;color:var(--footer-text)}.legal-footer__simple-brand{margin-left:3rem}.legal-footer__simple-credits{margin-right:3rem}.legal-footer__extended{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}@media (max-width: 480px){.legal-footer__extended{flex-direction:column;align-items:flex-start;width:100%}.legal-footer__extended .legal-footer__right{display:block!important;width:100%}.legal-footer__extended .legal-footer__links{display:block;width:100%;gap:0!important}.legal-footer__extended .legal-footer__links li{width:80%;padding:1rem;margin:0 2rem;border-bottom:1px solid var(--footer-links)}.legal-footer__extended .legal-footer__links li a{display:block;width:100%;text-align:left}.legal-footer__extended .legal-footer__year,.legal-footer__extended .legal-footer__credits{width:80%;padding:1rem;margin:0 2rem;border-bottom:1px solid var(--footer-links);display:grid;justify-content:flex-start}.legal-footer__extended .legal-footer__credits{border-bottom:none}}@media (min-width: 768px){.legal-footer__extended{flex-direction:column;align-items:flex-start;width:100%}.legal-footer__extended .legal-footer__right{display:block!important;width:100%}.legal-footer__extended .legal-footer__links{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem!important;width:100%}.legal-footer__extended .legal-footer__links li{width:75%;padding:1rem 0;margin:0 3rem;border-bottom:1px solid var(--footer-links)}.legal-footer__extended .legal-footer__links li a{display:block;width:100%;text-align:left}.legal-footer__extended .legal-footer__year{width:37%;padding:1rem 0;margin:0 3rem;border-bottom:1px solid var(--footer-links);display:grid;justify-content:flex-start}.legal-footer__extended .legal-footer__credits{display:grid;justify-content:flex-start}}@media (min-width: 1024px){.legal-footer__extended{flex-direction:row;justify-content:space-between;align-items:center}.legal-footer__extended .legal-footer__year{border:none;margin-left:3rem;padding:0;width:auto}.legal-footer__extended .legal-footer__right{display:flex;align-items:center;gap:2rem;width:auto}.legal-footer__extended .legal-footer__links{display:flex;gap:1.5rem;margin:0;padding:0;list-style:none;justify-content:right}.legal-footer__extended .legal-footer__links li{border:none;margin:0;padding:0;width:auto}.legal-footer__extended .legal-footer__links li a{text-align:left;padding:0}.legal-footer__extended .legal-footer__credits{margin-right:3rem!important;padding:0}}.legal-footer .legal-footer__right{display:flex;align-items:center;gap:1.5rem;flex:1}.legal-footer .legal-footer__links{list-style:none;margin:0;padding:0}.legal-footer .legal-footer__links a{text-decoration:none;color:var(--footer-links)}.legal-footer .legal-footer__links a:hover{color:var(--footer-links-hover);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LegalFooterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-legal-footer', standalone: true, imports: [CommonModule, LinkTypeDirective], template: "<div class=\"legal-footer\" [ngClass]=\"variant\">\n  <!-- Variante simple -->\n  @if (variant === 'simple') {\n    <div class=\"legal-footer__simple\">\n      <span class=\"legal-footer__simple-brand\">\n        <b>{{ brand }} \u00A9 {{ year }}</b>\n      </span>\n      <span class=\"legal-footer__simple-credits\">{{ credits }}</span>\n    </div>\n  }\n\n  <!-- Variante extendida -->\n  @if (variant === 'extended') {\n    <div class=\"legal-footer__extended\">\n      <span class=\"legal-footer__year\">\n        <b>{{ brand }} \u00A9 {{ year }}</b>\n      </span>\n\n      <div class=\"legal-footer__right\">\n        @if (links?.length) {\n          <ul class=\"legal-footer__links\">\n            @for (link of links; track $index) {\n              <li>\n                <a [href]=\"link.url\">{{ link.label }}</a>\n              </li>\n            }\n            <li class=\"legal-footer__credits\">{{ credits }}</li>\n          </ul>\n        }\n      </div>\n    </div>\n  }\n</div>\n", styles: [":root[data-theme=dark]{color-scheme:dark;--color-primary: #007bff;--color-secondary: #8a94a1;--color-text: #f3f4f6;--color-bg: #0f0f10;--button-primary-bg: #007bff;--button-primary-text: #f9f9f9;--button-primary-bg-hover: #033468;--button-primary-text-hover: #f9f9f9;--button-primary-outline-border: #020202;--button-primary-outline-text: #020202;--button-primary-outline-bg-hover: #007bff;--button-primary-outline-text-hover: #f9f9f9;--button-secondary-bg: #2b3035;--button-secondary-text: #f9f9f9;--button-secondary-bg-hover: #1c1e20;--button-secondary-text-hover: #f9f9f9;--button-link-text: #f3f4f6;--button-link-text-hover: #79b6ff;--header-clear-bg: #0f0f10;--header-mobile-bg: #0f0f10;--header-logo-text: #f9f9f9;--modal-bg: #17181a;--close-btn: #f3f4f6;--item-text: #f3f4f6;--progress-color: #f9f9f9;--progress-bg: #79b6ff;--footer-bg: #0f0f10;--footer-text: #f3f4f6;--footer-text-hover: #79b6ff;--footer-links: #f3f4f6;--footer-links-hover: #79b6ff;--footer-arrows: #fff;--footer-arrows-hover: #0f0f10;--footer-arrows-bg: #dddddd;--footer-arrows-bg-hover: #f3f3f3}:root,:root[data-theme=light]{color-scheme:light;--color-primary: #007bff;--color-secondary: #6c757d;--color-text: #111111;--color-bg: #f9f9f9;--button-primary-bg: #007bff;--button-primary-text: #f9f9f9;--button-primary-bg-hover: #033468;--button-primary-text-hover: #f9f9f9;--button-primary-outline-border: #020202;--button-primary-outline-text: #020202;--button-primary-outline-bg-hover: #007bff;--button-primary-outline-text-hover: #f9f9f9;--button-secondary-bg: #6c757d;--button-secondary-text: #f9f9f9;--button-secondary-bg-hover: #1c1e20;--button-secondary-text-hover: #f9f9f9;--button-link-text: #111111;--button-link-text-hover: #007bff;--header-clear-bg: #007bff;--header-mobile-bg: #007bff;--header-logo-text: #f9f9f9;--modal-bg: #f9f9f9;--close-btn: #111111;--item-text: #111111;--progress-color: #79b6ff;--progress-bg: #dde8f5;--footer-bg: #dadada;--footer-text: #000;--footer-text-hover: #79b6ff;--footer-links: #000;--footer-links-hover: #79b6ff;--footer-arrows: #fff;--footer-arrows-hover: #fff;--footer-arrows-bg: #b6b6b6;--footer-arrows-bg-hover: #8b8a8a}:root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.legal-footer{font-size:var(--font-size-base);padding:1rem 0;text-align:center;background-color:var(--footer-bg)}.legal-footer__simple{display:flex;justify-content:space-between;gap:1rem;color:var(--footer-text)}.legal-footer__simple-brand{margin-left:3rem}.legal-footer__simple-credits{margin-right:3rem}.legal-footer__extended{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}@media (max-width: 480px){.legal-footer__extended{flex-direction:column;align-items:flex-start;width:100%}.legal-footer__extended .legal-footer__right{display:block!important;width:100%}.legal-footer__extended .legal-footer__links{display:block;width:100%;gap:0!important}.legal-footer__extended .legal-footer__links li{width:80%;padding:1rem;margin:0 2rem;border-bottom:1px solid var(--footer-links)}.legal-footer__extended .legal-footer__links li a{display:block;width:100%;text-align:left}.legal-footer__extended .legal-footer__year,.legal-footer__extended .legal-footer__credits{width:80%;padding:1rem;margin:0 2rem;border-bottom:1px solid var(--footer-links);display:grid;justify-content:flex-start}.legal-footer__extended .legal-footer__credits{border-bottom:none}}@media (min-width: 768px){.legal-footer__extended{flex-direction:column;align-items:flex-start;width:100%}.legal-footer__extended .legal-footer__right{display:block!important;width:100%}.legal-footer__extended .legal-footer__links{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem!important;width:100%}.legal-footer__extended .legal-footer__links li{width:75%;padding:1rem 0;margin:0 3rem;border-bottom:1px solid var(--footer-links)}.legal-footer__extended .legal-footer__links li a{display:block;width:100%;text-align:left}.legal-footer__extended .legal-footer__year{width:37%;padding:1rem 0;margin:0 3rem;border-bottom:1px solid var(--footer-links);display:grid;justify-content:flex-start}.legal-footer__extended .legal-footer__credits{display:grid;justify-content:flex-start}}@media (min-width: 1024px){.legal-footer__extended{flex-direction:row;justify-content:space-between;align-items:center}.legal-footer__extended .legal-footer__year{border:none;margin-left:3rem;padding:0;width:auto}.legal-footer__extended .legal-footer__right{display:flex;align-items:center;gap:2rem;width:auto}.legal-footer__extended .legal-footer__links{display:flex;gap:1.5rem;margin:0;padding:0;list-style:none;justify-content:right}.legal-footer__extended .legal-footer__links li{border:none;margin:0;padding:0;width:auto}.legal-footer__extended .legal-footer__links li a{text-align:left;padding:0}.legal-footer__extended .legal-footer__credits{margin-right:3rem!important;padding:0}}.legal-footer .legal-footer__right{display:flex;align-items:center;gap:1.5rem;flex:1}.legal-footer .legal-footer__links{list-style:none;margin:0;padding:0}.legal-footer .legal-footer__links a{text-decoration:none;color:var(--footer-links)}.legal-footer .legal-footer__links a:hover{color:var(--footer-links-hover);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}\n"] }]
-        }], propDecorators: { year: [{
-                type: Input
-            }], brand: [{
-                type: Input
-            }], credits: [{
-                type: Input
-            }], links: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }] } });
-
-class LinksFooterComponent {
-    links;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LinksFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: LinksFooterComponent, isStandalone: true, selector: "lib-links-footer", inputs: { links: "links" }, ngImport: i0, template: "@if (links) {\n  <div class=\"links-footer\">\n    <ul>\n      @for (link of links; track $index) {\n        <li>\n          <a [href]=\"link.url\" [linkType]=\"link.linkType\" class=\"btn btn-link\">\n            {{ link.label }}\n          </a>\n        </li>\n      }\n    </ul>\n  </div>\n}\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.links-footer ul{display:flex;gap:.5rem;list-style:none;padding:0;margin:0;justify-content:center;flex-wrap:wrap}.links-footer ul li{position:relative}.links-footer ul li:before{content:\"\";position:absolute;display:block;height:15px;width:1px;background-color:var(--button-link-text);left:0;top:50%;transform:translateY(-50%)}.links-footer ul li:first-child:before{content:none}.links-footer a.btn-link{font-weight:400;font-size:.9rem;text-decoration:none;color:var(--button-link-text)}.links-footer a.btn-link:after{content:none!important}.links-footer a.btn-link:hover{color:var(--button-link-text-hover);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LinksFooterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-links-footer', standalone: true, imports: [CommonModule, LinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (links) {\n  <div class=\"links-footer\">\n    <ul>\n      @for (link of links; track $index) {\n        <li>\n          <a [href]=\"link.url\" [linkType]=\"link.linkType\" class=\"btn btn-link\">\n            {{ link.label }}\n          </a>\n        </li>\n      }\n    </ul>\n  </div>\n}\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.links-footer ul{display:flex;gap:.5rem;list-style:none;padding:0;margin:0;justify-content:center;flex-wrap:wrap}.links-footer ul li{position:relative}.links-footer ul li:before{content:\"\";position:absolute;display:block;height:15px;width:1px;background-color:var(--button-link-text);left:0;top:50%;transform:translateY(-50%)}.links-footer ul li:first-child:before{content:none}.links-footer a.btn-link{font-weight:400;font-size:.9rem;text-decoration:none;color:var(--button-link-text)}.links-footer a.btn-link:after{content:none!important}.links-footer a.btn-link:hover{color:var(--button-link-text-hover);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}\n"] }]
-        }], propDecorators: { links: [{
-                type: Input
-            }] } });
-
-class UiIconComponent {
-    name;
-    size = 24;
-    color = 'currentColor';
-    icon;
-    ngOnChanges() {
-        this.icon = this.resolveBrandIcon();
-    }
-    get isBrandIcon() {
-        return !!this.icon;
-    }
-    get brandIcon() {
-        return this.icon ?? null;
-    }
-    resolveBrandIcon() {
-        if (!this.name)
-            return null;
-        const key = 'si' + this.name.replace(/[^a-z0-9]/gi, '').replace(/^\w/, (c) => c.toUpperCase());
-        return simpleIcons[key] ?? null;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: UiIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: UiIconComponent, isStandalone: true, selector: "ui-icon", inputs: { name: "name", size: "size", color: "color" }, usesOnChanges: true, ngImport: i0, template: "<!-- SimpleIcons -->\n<ng-container *ngIf=\"isBrandIcon; else lucideIcon\">\n  <svg\n    class=\"ui-icon ui-icon--brand\"\n    [attr.width]=\"size\"\n    [attr.height]=\"size\"\n    [attr.fill]=\"color\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path [attr.d]=\"brandIcon?.path\"></path>\n  </svg>\n</ng-container>\n\n<!-- Lucide -->\n<ng-template #lucideIcon>\n  <lucide-icon\n    class=\"ui-icon ui-icon--lucide\"\n    [name]=\"name\"\n    [size]=\"size\"\n    [color]=\"color\"\n  ></lucide-icon>\n</ng-template>\n", styles: [".ui-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.ui-icon--brand svg{display:block;width:100%!important;height:100%!important}.ui-icon--lucide{display:inline-flex}.ui-icon--lucide svg{display:block;width:100%!important;height:100%!important;min-width:1em;min-height:1em}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: LucideAngularModule }, { kind: "component", type: i2.LucideAngularComponent, selector: "lucide-angular, lucide-icon, i-lucide, span-lucide", inputs: ["class", "name", "img", "color", "absoluteStrokeWidth", "size", "strokeWidth"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: UiIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-icon', standalone: true, imports: [CommonModule, LucideAngularModule], template: "<!-- SimpleIcons -->\n<ng-container *ngIf=\"isBrandIcon; else lucideIcon\">\n  <svg\n    class=\"ui-icon ui-icon--brand\"\n    [attr.width]=\"size\"\n    [attr.height]=\"size\"\n    [attr.fill]=\"color\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path [attr.d]=\"brandIcon?.path\"></path>\n  </svg>\n</ng-container>\n\n<!-- Lucide -->\n<ng-template #lucideIcon>\n  <lucide-icon\n    class=\"ui-icon ui-icon--lucide\"\n    [name]=\"name\"\n    [size]=\"size\"\n    [color]=\"color\"\n  ></lucide-icon>\n</ng-template>\n", styles: [".ui-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}.ui-icon--brand svg{display:block;width:100%!important;height:100%!important}.ui-icon--lucide{display:inline-flex}.ui-icon--lucide svg{display:block;width:100%!important;height:100%!important;min-width:1em;min-height:1em}\n"] }]
-        }], propDecorators: { name: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }] } });
-
-class MockUiIconComponent {
-    name;
-    size = 24;
-    color = 'currentColor';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: MockUiIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: MockUiIconComponent, isStandalone: true, selector: "ui-icon", inputs: { name: "name", size: "size", color: "color" }, ngImport: i0, template: '', isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: MockUiIconComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ui-icon',
-                    standalone: true,
-                    template: '',
-                }]
-        }], propDecorators: { name: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], color: [{
-                type: Input
-            }] } });
-
-Swiper.use([Navigation, Pagination, Autoplay]);
-class SwiperDirective {
-    el;
-    swiperConfig;
-    swiperInstance;
-    constructor(el) {
-        this.el = el;
-    }
-    ngAfterViewInit() {
-        this.swiperInstance = new Swiper(this.el.nativeElement, {
-            spaceBetween: 16,
-            navigation: {
-                nextEl: '.swiper-button-next',
-                prevEl: '.swiper-button-prev',
-            },
-            pagination: { clickable: true },
-            breakpoints: {
-                0: { slidesPerView: 1 }, // móviles
-                480: { slidesPerView: 1 }, // small tablets
-                768: { slidesPerView: 3 }, // tablets
-                1024: { slidesPerView: 4 }, // laptops
-                1280: { slidesPerView: 7 }, // desktop → máximo 7
-            },
-            ...this.swiperConfig,
-        });
-    }
-    ngOnDestroy() {
-        this.swiperInstance?.destroy(true, true);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SwiperDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: SwiperDirective, isStandalone: true, selector: "[appSwiper]", inputs: { swiperConfig: "swiperConfig" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SwiperDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[appSwiper]',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { swiperConfig: [{
-                type: Input
-            }] } });
-
-class SocialFooterComponent {
-    images;
-    socials;
-    hashtag;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SocialFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: SocialFooterComponent, isStandalone: true, selector: "lib-social-footer", inputs: { images: "images", socials: "socials", hashtag: "hashtag" }, ngImport: i0, template: "<div class=\"social-footer\">\n  <div class=\"social-footer__slider-images swiper\" appSwiper>\n    <div class=\"swiper-wrapper\">\n      @for (image of images; track $index) {\n        <div class=\"swiper-slide\">\n          <img [src]=\"image?.url\" [alt]=\"image?.alt || ''\" />\n        </div>\n      }\n    </div>\n    <div class=\"swiper-button-prev\">\n      <ui-icon name=\"arrow-left\" [size]=\"18\" color=\"#fff\"></ui-icon>\n    </div>\n    <div class=\"swiper-button-next\">\n      <ui-icon name=\"arrow-right\" [size]=\"18\" color=\"#fff\"></ui-icon>\n    </div>\n  </div>\n\n  <div class=\"social-footer__bottom-section\">\n    @if (hashtag) {\n      <div class=\"social-footer__hashtag\">\n        <span>{{ hashtag }}</span>\n      </div>\n    }\n    @if (socials) {\n      <div class=\"social-footer__socials\">\n        @for (social of socials; track $index) {\n          <a [href]=\"social.url\" [attr.aria-label]=\"social.label\" [linkType]=\"social.linkType\">\n            @if (social.icon) {\n              <ui-icon [name]=\"social.icon\" [size]=\"28\"></ui-icon>\n            }\n          </a>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: [":root[data-theme=dark]{color-scheme:dark;--color-primary: #007bff;--color-secondary: #8a94a1;--color-text: #f3f4f6;--color-bg: #0f0f10;--button-primary-bg: #007bff;--button-primary-text: #f9f9f9;--button-primary-bg-hover: #033468;--button-primary-text-hover: #f9f9f9;--button-primary-outline-border: #020202;--button-primary-outline-text: #020202;--button-primary-outline-bg-hover: #007bff;--button-primary-outline-text-hover: #f9f9f9;--button-secondary-bg: #2b3035;--button-secondary-text: #f9f9f9;--button-secondary-bg-hover: #1c1e20;--button-secondary-text-hover: #f9f9f9;--button-link-text: #f3f4f6;--button-link-text-hover: #79b6ff;--header-clear-bg: #0f0f10;--header-mobile-bg: #0f0f10;--header-logo-text: #f9f9f9;--modal-bg: #17181a;--close-btn: #f3f4f6;--item-text: #f3f4f6;--progress-color: #f9f9f9;--progress-bg: #79b6ff;--footer-bg: #0f0f10;--footer-text: #f3f4f6;--footer-text-hover: #79b6ff;--footer-links: #f3f4f6;--footer-links-hover: #79b6ff;--footer-arrows: #fff;--footer-arrows-hover: #0f0f10;--footer-arrows-bg: #dddddd;--footer-arrows-bg-hover: #f3f3f3}:root,:root[data-theme=light]{color-scheme:light;--color-primary: #007bff;--color-secondary: #6c757d;--color-text: #111111;--color-bg: #f9f9f9;--button-primary-bg: #007bff;--button-primary-text: #f9f9f9;--button-primary-bg-hover: #033468;--button-primary-text-hover: #f9f9f9;--button-primary-outline-border: #020202;--button-primary-outline-text: #020202;--button-primary-outline-bg-hover: #007bff;--button-primary-outline-text-hover: #f9f9f9;--button-secondary-bg: #6c757d;--button-secondary-text: #f9f9f9;--button-secondary-bg-hover: #1c1e20;--button-secondary-text-hover: #f9f9f9;--button-link-text: #111111;--button-link-text-hover: #007bff;--header-clear-bg: #007bff;--header-mobile-bg: #007bff;--header-logo-text: #f9f9f9;--modal-bg: #f9f9f9;--close-btn: #111111;--item-text: #111111;--progress-color: #79b6ff;--progress-bg: #dde8f5;--footer-bg: #dadada;--footer-text: #000;--footer-text-hover: #79b6ff;--footer-links: #000;--footer-links-hover: #79b6ff;--footer-arrows: #fff;--footer-arrows-hover: #fff;--footer-arrows-bg: #b6b6b6;--footer-arrows-bg-hover: #8b8a8a}:root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.social-footer{padding:2rem 1rem;text-align:center}.social-footer__slider-images{margin:0 4rem 2rem;position:relative}.social-footer__slider-images .swiper-wrapper{display:flex;align-items:center}.social-footer__slider-images .swiper-slide{flex:0 0 auto;width:auto}.social-footer__slider-images .swiper-slide img{display:block;border-radius:.75rem;width:160px;height:auto;object-fit:cover}.social-footer__slider-images .swiper-button-prev,.social-footer__slider-images .swiper-button-next{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:32px;height:32px;border-radius:50%;background:var(--footer-arrows-bg);color:var(--footer-arrows)}.social-footer__slider-images .swiper-button-prev ui-icon,.social-footer__slider-images .swiper-button-prev lucide-icon,.social-footer__slider-images .swiper-button-prev svg,.social-footer__slider-images .swiper-button-next ui-icon,.social-footer__slider-images .swiper-button-next lucide-icon,.social-footer__slider-images .swiper-button-next svg{display:block;width:18px;height:18px}.social-footer__slider-images .swiper-button-prev:hover,.social-footer__slider-images .swiper-button-next:hover{background:var(--footer-arrows-bg-hover);color:var(--footer-arrows-hover)}.social-footer__slider-images .swiper-button-prev{left:-40px}.social-footer__slider-images .swiper-button-next{right:-40px}.social-footer__slider-images .swiper-button-prev:after,.social-footer__slider-images .swiper-button-next:after{content:none!important}.social-footer__bottom-section{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem;margin-inline:4rem}@media (max-width: 768px){.social-footer__bottom-section{flex-direction:column;align-items:center;text-align:center}}.social-footer__hashtag{font-size:2rem;font-weight:700}.social-footer__socials{display:flex;gap:1.5rem}.social-footer__socials a{font-size:1.25rem;color:var(--footer-text, #999);transition:color .3s ease}.social-footer__socials a:hover{color:var(--footer-link-hover, #000)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }, { kind: "directive", type: SwiperDirective, selector: "[appSwiper]", inputs: ["swiperConfig"] }, { kind: "component", type: UiIconComponent, selector: "ui-icon", inputs: ["name", "size", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: SocialFooterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-social-footer', standalone: true, imports: [CommonModule, LinkTypeDirective, SwiperDirective, UiIconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"social-footer\">\n  <div class=\"social-footer__slider-images swiper\" appSwiper>\n    <div class=\"swiper-wrapper\">\n      @for (image of images; track $index) {\n        <div class=\"swiper-slide\">\n          <img [src]=\"image?.url\" [alt]=\"image?.alt || ''\" />\n        </div>\n      }\n    </div>\n    <div class=\"swiper-button-prev\">\n      <ui-icon name=\"arrow-left\" [size]=\"18\" color=\"#fff\"></ui-icon>\n    </div>\n    <div class=\"swiper-button-next\">\n      <ui-icon name=\"arrow-right\" [size]=\"18\" color=\"#fff\"></ui-icon>\n    </div>\n  </div>\n\n  <div class=\"social-footer__bottom-section\">\n    @if (hashtag) {\n      <div class=\"social-footer__hashtag\">\n        <span>{{ hashtag }}</span>\n      </div>\n    }\n    @if (socials) {\n      <div class=\"social-footer__socials\">\n        @for (social of socials; track $index) {\n          <a [href]=\"social.url\" [attr.aria-label]=\"social.label\" [linkType]=\"social.linkType\">\n            @if (social.icon) {\n              <ui-icon [name]=\"social.icon\" [size]=\"28\"></ui-icon>\n            }\n          </a>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: [":root[data-theme=dark]{color-scheme:dark;--color-primary: #007bff;--color-secondary: #8a94a1;--color-text: #f3f4f6;--color-bg: #0f0f10;--button-primary-bg: #007bff;--button-primary-text: #f9f9f9;--button-primary-bg-hover: #033468;--button-primary-text-hover: #f9f9f9;--button-primary-outline-border: #020202;--button-primary-outline-text: #020202;--button-primary-outline-bg-hover: #007bff;--button-primary-outline-text-hover: #f9f9f9;--button-secondary-bg: #2b3035;--button-secondary-text: #f9f9f9;--button-secondary-bg-hover: #1c1e20;--button-secondary-text-hover: #f9f9f9;--button-link-text: #f3f4f6;--button-link-text-hover: #79b6ff;--header-clear-bg: #0f0f10;--header-mobile-bg: #0f0f10;--header-logo-text: #f9f9f9;--modal-bg: #17181a;--close-btn: #f3f4f6;--item-text: #f3f4f6;--progress-color: #f9f9f9;--progress-bg: #79b6ff;--footer-bg: #0f0f10;--footer-text: #f3f4f6;--footer-text-hover: #79b6ff;--footer-links: #f3f4f6;--footer-links-hover: #79b6ff;--footer-arrows: #fff;--footer-arrows-hover: #0f0f10;--footer-arrows-bg: #dddddd;--footer-arrows-bg-hover: #f3f3f3}:root,:root[data-theme=light]{color-scheme:light;--color-primary: #007bff;--color-secondary: #6c757d;--color-text: #111111;--color-bg: #f9f9f9;--button-primary-bg: #007bff;--button-primary-text: #f9f9f9;--button-primary-bg-hover: #033468;--button-primary-text-hover: #f9f9f9;--button-primary-outline-border: #020202;--button-primary-outline-text: #020202;--button-primary-outline-bg-hover: #007bff;--button-primary-outline-text-hover: #f9f9f9;--button-secondary-bg: #6c757d;--button-secondary-text: #f9f9f9;--button-secondary-bg-hover: #1c1e20;--button-secondary-text-hover: #f9f9f9;--button-link-text: #111111;--button-link-text-hover: #007bff;--header-clear-bg: #007bff;--header-mobile-bg: #007bff;--header-logo-text: #f9f9f9;--modal-bg: #f9f9f9;--close-btn: #111111;--item-text: #111111;--progress-color: #79b6ff;--progress-bg: #dde8f5;--footer-bg: #dadada;--footer-text: #000;--footer-text-hover: #79b6ff;--footer-links: #000;--footer-links-hover: #79b6ff;--footer-arrows: #fff;--footer-arrows-hover: #fff;--footer-arrows-bg: #b6b6b6;--footer-arrows-bg-hover: #8b8a8a}:root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.social-footer{padding:2rem 1rem;text-align:center}.social-footer__slider-images{margin:0 4rem 2rem;position:relative}.social-footer__slider-images .swiper-wrapper{display:flex;align-items:center}.social-footer__slider-images .swiper-slide{flex:0 0 auto;width:auto}.social-footer__slider-images .swiper-slide img{display:block;border-radius:.75rem;width:160px;height:auto;object-fit:cover}.social-footer__slider-images .swiper-button-prev,.social-footer__slider-images .swiper-button-next{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:32px;height:32px;border-radius:50%;background:var(--footer-arrows-bg);color:var(--footer-arrows)}.social-footer__slider-images .swiper-button-prev ui-icon,.social-footer__slider-images .swiper-button-prev lucide-icon,.social-footer__slider-images .swiper-button-prev svg,.social-footer__slider-images .swiper-button-next ui-icon,.social-footer__slider-images .swiper-button-next lucide-icon,.social-footer__slider-images .swiper-button-next svg{display:block;width:18px;height:18px}.social-footer__slider-images .swiper-button-prev:hover,.social-footer__slider-images .swiper-button-next:hover{background:var(--footer-arrows-bg-hover);color:var(--footer-arrows-hover)}.social-footer__slider-images .swiper-button-prev{left:-40px}.social-footer__slider-images .swiper-button-next{right:-40px}.social-footer__slider-images .swiper-button-prev:after,.social-footer__slider-images .swiper-button-next:after{content:none!important}.social-footer__bottom-section{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem;margin-inline:4rem}@media (max-width: 768px){.social-footer__bottom-section{flex-direction:column;align-items:center;text-align:center}}.social-footer__hashtag{font-size:2rem;font-weight:700}.social-footer__socials{display:flex;gap:1.5rem}.social-footer__socials a{font-size:1.25rem;color:var(--footer-text, #999);transition:color .3s ease}.social-footer__socials a:hover{color:var(--footer-link-hover, #000)}\n"] }]
-        }], propDecorators: { images: [{
-                type: Input
-            }], socials: [{
-                type: Input
-            }], hashtag: [{
-                type: Input
-            }] } });
-
-class VisualFooterComponent {
-    contactTitle;
-    contactPhone;
-    contactEmail;
-    addressTitle;
-    address;
-    socialsTitle;
-    socials;
-    image;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: VisualFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: VisualFooterComponent, isStandalone: true, selector: "lib-visual-footer", inputs: { contactTitle: "contactTitle", contactPhone: "contactPhone", contactEmail: "contactEmail", addressTitle: "addressTitle", address: "address", socialsTitle: "socialsTitle", socials: "socials", image: "image" }, ngImport: i0, template: "<div class=\"visual-footer\">\n  <div class=\"visual-footer__texts\">\n    <div class=\"visual-footer__contact\">\n      @if (contactTitle) {\n        <h2 class=\"title\">{{ contactTitle }}</h2>\n      }\n      @if (contactPhone) {\n        <a [href]=\"contactPhone.url\" [linkType]=\"contactPhone.linkType\" class=\"btn btn-link\">\n          <span>{{ contactPhone.label }}</span>\n        </a>\n      }\n      @if (contactEmail) {\n        <a [href]=\"contactEmail.url\" [linkType]=\"contactEmail.linkType\" class=\"btn btn-link\">\n          <span>{{ contactEmail.label }}</span>\n        </a>\n      }\n    </div>\n    <div class=\"visual-footer__address\">\n      @if (addressTitle) {\n        <h2 class=\"title\">{{ addressTitle }}</h2>\n      }\n      <p class=\"text\">\n        <span>{{ address?.address }}</span>\n        <span>{{ address?.cp }} {{ address?.city }}</span>\n        <span>{{ address?.province }} {{ address?.country }}</span>\n      </p>\n    </div>\n    <div class=\"visual-footer__socials\">\n      @if (socialsTitle) {\n        <h2 class=\"title\">{{ socialsTitle }}</h2>\n      }\n      @if (socials) {\n        @for (social of socials; track $index) {\n          <a [href]=\"social.url\" [linkType]=\"social.linkType\" class=\"btn btn-link\">\n            <span>{{ social.label }}</span>\n          </a>\n        }\n      }\n    </div>\n  </div>\n  <div class=\"visual-footer__image\">\n    @if (image) {\n      <img [src]=\"image.url\" [alt]=\"image.alt\" loading=\"lazy\" />\n    }\n  </div>\n</div>\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}:root[data-theme=dark]{color-scheme:dark;--color-primary: #007bff;--color-secondary: #8a94a1;--color-text: #f3f4f6;--color-bg: #0f0f10;--button-primary-bg: #007bff;--button-primary-text: #f9f9f9;--button-primary-bg-hover: #033468;--button-primary-text-hover: #f9f9f9;--button-primary-outline-border: #020202;--button-primary-outline-text: #020202;--button-primary-outline-bg-hover: #007bff;--button-primary-outline-text-hover: #f9f9f9;--button-secondary-bg: #2b3035;--button-secondary-text: #f9f9f9;--button-secondary-bg-hover: #1c1e20;--button-secondary-text-hover: #f9f9f9;--button-link-text: #f3f4f6;--button-link-text-hover: #79b6ff;--header-clear-bg: #0f0f10;--header-mobile-bg: #0f0f10;--header-logo-text: #f9f9f9;--modal-bg: #17181a;--close-btn: #f3f4f6;--item-text: #f3f4f6;--progress-color: #f9f9f9;--progress-bg: #79b6ff;--footer-bg: #0f0f10;--footer-text: #f3f4f6;--footer-text-hover: #79b6ff;--footer-links: #f3f4f6;--footer-links-hover: #79b6ff;--footer-arrows: #fff;--footer-arrows-hover: #0f0f10;--footer-arrows-bg: #dddddd;--footer-arrows-bg-hover: #f3f3f3}:root,:root[data-theme=light]{color-scheme:light;--color-primary: #007bff;--color-secondary: #6c757d;--color-text: #111111;--color-bg: #f9f9f9;--button-primary-bg: #007bff;--button-primary-text: #f9f9f9;--button-primary-bg-hover: #033468;--button-primary-text-hover: #f9f9f9;--button-primary-outline-border: #020202;--button-primary-outline-text: #020202;--button-primary-outline-bg-hover: #007bff;--button-primary-outline-text-hover: #f9f9f9;--button-secondary-bg: #6c757d;--button-secondary-text: #f9f9f9;--button-secondary-bg-hover: #1c1e20;--button-secondary-text-hover: #f9f9f9;--button-link-text: #111111;--button-link-text-hover: #007bff;--header-clear-bg: #007bff;--header-mobile-bg: #007bff;--header-logo-text: #f9f9f9;--modal-bg: #f9f9f9;--close-btn: #111111;--item-text: #111111;--progress-color: #79b6ff;--progress-bg: #dde8f5;--footer-bg: #dadada;--footer-text: #000;--footer-text-hover: #79b6ff;--footer-links: #000;--footer-links-hover: #79b6ff;--footer-arrows: #fff;--footer-arrows-hover: #fff;--footer-arrows-bg: #b6b6b6;--footer-arrows-bg-hover: #8b8a8a}.visual-footer{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:stretch;padding:4rem;background:var(--footer-bg)}.visual-footer__texts{display:flex;flex-direction:column;gap:2rem}.visual-footer__texts .btn{padding:var(--spacing-sm) 0}.visual-footer__texts .btn-link{display:inline;width:fit-content}.visual-footer__texts .title{font-size:1.5rem}.visual-footer__texts .text{font-weight:300;margin:0;display:flex;flex-direction:column;gap:.25rem}.visual-footer__image img{width:100%;height:auto;border-radius:.5rem;object-fit:cover}.visual-footer__contact,.visual-footer__address,.visual-footer__socials{display:flex;flex-direction:column;gap:.25rem}@media (max-width: 768px){.visual-footer{grid-template-columns:1fr}.visual-footer__image{order:-1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: VisualFooterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-visual-footer', standalone: true, imports: [CommonModule, LinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"visual-footer\">\n  <div class=\"visual-footer__texts\">\n    <div class=\"visual-footer__contact\">\n      @if (contactTitle) {\n        <h2 class=\"title\">{{ contactTitle }}</h2>\n      }\n      @if (contactPhone) {\n        <a [href]=\"contactPhone.url\" [linkType]=\"contactPhone.linkType\" class=\"btn btn-link\">\n          <span>{{ contactPhone.label }}</span>\n        </a>\n      }\n      @if (contactEmail) {\n        <a [href]=\"contactEmail.url\" [linkType]=\"contactEmail.linkType\" class=\"btn btn-link\">\n          <span>{{ contactEmail.label }}</span>\n        </a>\n      }\n    </div>\n    <div class=\"visual-footer__address\">\n      @if (addressTitle) {\n        <h2 class=\"title\">{{ addressTitle }}</h2>\n      }\n      <p class=\"text\">\n        <span>{{ address?.address }}</span>\n        <span>{{ address?.cp }} {{ address?.city }}</span>\n        <span>{{ address?.province }} {{ address?.country }}</span>\n      </p>\n    </div>\n    <div class=\"visual-footer__socials\">\n      @if (socialsTitle) {\n        <h2 class=\"title\">{{ socialsTitle }}</h2>\n      }\n      @if (socials) {\n        @for (social of socials; track $index) {\n          <a [href]=\"social.url\" [linkType]=\"social.linkType\" class=\"btn btn-link\">\n            <span>{{ social.label }}</span>\n          </a>\n        }\n      }\n    </div>\n  </div>\n  <div class=\"visual-footer__image\">\n    @if (image) {\n      <img [src]=\"image.url\" [alt]=\"image.alt\" loading=\"lazy\" />\n    }\n  </div>\n</div>\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}:root[data-theme=dark]{color-scheme:dark;--color-primary: #007bff;--color-secondary: #8a94a1;--color-text: #f3f4f6;--color-bg: #0f0f10;--button-primary-bg: #007bff;--button-primary-text: #f9f9f9;--button-primary-bg-hover: #033468;--button-primary-text-hover: #f9f9f9;--button-primary-outline-border: #020202;--button-primary-outline-text: #020202;--button-primary-outline-bg-hover: #007bff;--button-primary-outline-text-hover: #f9f9f9;--button-secondary-bg: #2b3035;--button-secondary-text: #f9f9f9;--button-secondary-bg-hover: #1c1e20;--button-secondary-text-hover: #f9f9f9;--button-link-text: #f3f4f6;--button-link-text-hover: #79b6ff;--header-clear-bg: #0f0f10;--header-mobile-bg: #0f0f10;--header-logo-text: #f9f9f9;--modal-bg: #17181a;--close-btn: #f3f4f6;--item-text: #f3f4f6;--progress-color: #f9f9f9;--progress-bg: #79b6ff;--footer-bg: #0f0f10;--footer-text: #f3f4f6;--footer-text-hover: #79b6ff;--footer-links: #f3f4f6;--footer-links-hover: #79b6ff;--footer-arrows: #fff;--footer-arrows-hover: #0f0f10;--footer-arrows-bg: #dddddd;--footer-arrows-bg-hover: #f3f3f3}:root,:root[data-theme=light]{color-scheme:light;--color-primary: #007bff;--color-secondary: #6c757d;--color-text: #111111;--color-bg: #f9f9f9;--button-primary-bg: #007bff;--button-primary-text: #f9f9f9;--button-primary-bg-hover: #033468;--button-primary-text-hover: #f9f9f9;--button-primary-outline-border: #020202;--button-primary-outline-text: #020202;--button-primary-outline-bg-hover: #007bff;--button-primary-outline-text-hover: #f9f9f9;--button-secondary-bg: #6c757d;--button-secondary-text: #f9f9f9;--button-secondary-bg-hover: #1c1e20;--button-secondary-text-hover: #f9f9f9;--button-link-text: #111111;--button-link-text-hover: #007bff;--header-clear-bg: #007bff;--header-mobile-bg: #007bff;--header-logo-text: #f9f9f9;--modal-bg: #f9f9f9;--close-btn: #111111;--item-text: #111111;--progress-color: #79b6ff;--progress-bg: #dde8f5;--footer-bg: #dadada;--footer-text: #000;--footer-text-hover: #79b6ff;--footer-links: #000;--footer-links-hover: #79b6ff;--footer-arrows: #fff;--footer-arrows-hover: #fff;--footer-arrows-bg: #b6b6b6;--footer-arrows-bg-hover: #8b8a8a}.visual-footer{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:stretch;padding:4rem;background:var(--footer-bg)}.visual-footer__texts{display:flex;flex-direction:column;gap:2rem}.visual-footer__texts .btn{padding:var(--spacing-sm) 0}.visual-footer__texts .btn-link{display:inline;width:fit-content}.visual-footer__texts .title{font-size:1.5rem}.visual-footer__texts .text{font-weight:300;margin:0;display:flex;flex-direction:column;gap:.25rem}.visual-footer__image img{width:100%;height:auto;border-radius:.5rem;object-fit:cover}.visual-footer__contact,.visual-footer__address,.visual-footer__socials{display:flex;flex-direction:column;gap:.25rem}@media (max-width: 768px){.visual-footer{grid-template-columns:1fr}.visual-footer__image{order:-1}}\n"] }]
-        }], propDecorators: { contactTitle: [{
-                type: Input
-            }], contactPhone: [{
-                type: Input
-            }], contactEmail: [{
-                type: Input
-            }], addressTitle: [{
-                type: Input
-            }], address: [{
-                type: Input
-            }], socialsTitle: [{
-                type: Input
-            }], socials: [{
-                type: Input
-            }], image: [{
-                type: Input
-            }] } });
-
-const mapLangModal = (langs, currentLang = 'es') => {
-    if (!Array.isArray(langs))
-        return [];
-    return langs.map((lang, index) => {
-        const label = lang.labels?.[currentLang] || lang.labels?.[lang.code] || lang.code;
-        return {
-            id: lang.id ?? index,
-            code: lang.code,
-            label,
-        };
-    });
-};
-
-class LangModalComponent {
-    data;
-    dialogRef;
-    langs;
-    constructor(data, dialogRef) {
-        this.data = data;
-        this.dialogRef = dialogRef;
-        this.langs = mapLangModal(data.langs, data.currentLang);
-    }
-    selectLang(lang) {
-        this.dialogRef?.close(lang);
-    }
-    closeModal() {
-        this.dialogRef?.close();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LangModalComponent, deps: [{ token: MAT_DIALOG_DATA, optional: true }, { token: i1$2.MatDialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: LangModalComponent, isStandalone: true, selector: "lib-lang-modal", ngImport: i0, template: "<div class=\"modal-content\">\n  <button (click)=\"closeModal()\" class=\"close-btn\">\u2715</button>\n  @if (langs && langs.length > 0) {\n    <ol>\n      @for (lang of langs; track lang.id) {\n        <li (click)=\"selectLang(lang)\">\n          <span class=\"modal-item\">{{ lang.label }}</span>\n        </li>\n      }\n    </ol>\n  }\n</div>\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}:host{position:fixed;inset:0;width:100vw;height:100vh;background:var(--modal-bg);z-index:1000;display:flex;align-items:center;justify-content:center}.close-btn{position:absolute;top:1rem;right:2rem;background:none;border:none;color:var(--close-btn);font-size:1.5rem;font-weight:700;cursor:pointer;z-index:1001}ol{padding:0;margin:0;text-align:center;width:100%;max-width:400px;list-style:none;counter-reset:item}li{cursor:pointer;text-align:start;text-transform:uppercase;counter-increment:item}li:before{content:counter(item,decimal-leading-zero) \". \"}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: LangModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-lang-modal', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"modal-content\">\n  <button (click)=\"closeModal()\" class=\"close-btn\">\u2715</button>\n  @if (langs && langs.length > 0) {\n    <ol>\n      @for (lang of langs; track lang.id) {\n        <li (click)=\"selectLang(lang)\">\n          <span class=\"modal-item\">{{ lang.label }}</span>\n        </li>\n      }\n    </ol>\n  }\n</div>\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}:host{position:fixed;inset:0;width:100vw;height:100vh;background:var(--modal-bg);z-index:1000;display:flex;align-items:center;justify-content:center}.close-btn{position:absolute;top:1rem;right:2rem;background:none;border:none;color:var(--close-btn);font-size:1.5rem;font-weight:700;cursor:pointer;z-index:1001}ol{padding:0;margin:0;text-align:center;width:100%;max-width:400px;list-style:none;counter-reset:item}li{cursor:pointer;text-align:start;text-transform:uppercase;counter-increment:item}li:before{content:counter(item,decimal-leading-zero) \". \"}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [MAT_DIALOG_DATA]
-                }] }, { type: i1$2.MatDialogRef, decorators: [{
-                    type: Optional
-                }] }] });
-
-class NavModalComponent {
-    navItems;
-    socialItems;
-    close = new EventEmitter();
-    closeModal() {
-        this.close.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NavModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: NavModalComponent, isStandalone: true, selector: "lib-nav-modal", inputs: { navItems: "navItems", socialItems: "socialItems" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"modal-content\">\n  <button (click)=\"closeModal()\" class=\"close-btn\">\u2715</button>\n\n  @if (navItems?.length) {\n    <ol>\n      @for (item of navItems; track item.name) {\n        <a [href]=\"item.url\" [linkType]=\"item.linkType\" (click)=\"closeModal()\">\n          <li>\n            <span class=\"modal-item\">{{ item.label }}</span>\n          </li>\n        </a>\n      }\n    </ol>\n  }\n\n  @if (socialItems?.length) {\n    <div class=\"buttons\">\n      @for (social of socialItems; track social.label) {\n        <a class=\"btn btn-link\" [href]=\"social.url\" [linkType]=\"social.linkType\">\n          <span>{{ social.icon }}</span>\n          {{ social.label }}\n        </a>\n      }\n    </div>\n  }\n</div>\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}:host{position:fixed;inset:0;width:100vw;height:100vh;background:var(--modal-bg);z-index:1000;display:flex;align-items:center;justify-content:center}.close-btn{position:absolute;top:1rem;right:2rem;background:none;border:none;color:var(--close-btn);font-size:1.5rem;font-weight:700;cursor:pointer;z-index:1001}ol{padding:0;margin:0;text-align:center;width:100%;max-width:400px;list-style:none;counter-reset:item}li{cursor:pointer;text-align:start;counter-increment:item}a{text-decoration:none;text-transform:uppercase;color:var(--item-color)}li:before{content:counter(item,decimal-leading-zero) \". \"}.buttons{display:flex;flex-wrap:wrap;justify-content:center}.buttons a{text-transform:lowercase}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NavModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-nav-modal', standalone: true, imports: [CommonModule, LinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"modal-content\">\n  <button (click)=\"closeModal()\" class=\"close-btn\">\u2715</button>\n\n  @if (navItems?.length) {\n    <ol>\n      @for (item of navItems; track item.name) {\n        <a [href]=\"item.url\" [linkType]=\"item.linkType\" (click)=\"closeModal()\">\n          <li>\n            <span class=\"modal-item\">{{ item.label }}</span>\n          </li>\n        </a>\n      }\n    </ol>\n  }\n\n  @if (socialItems?.length) {\n    <div class=\"buttons\">\n      @for (social of socialItems; track social.label) {\n        <a class=\"btn btn-link\" [href]=\"social.url\" [linkType]=\"social.linkType\">\n          <span>{{ social.icon }}</span>\n          {{ social.label }}\n        </a>\n      }\n    </div>\n  }\n</div>\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}:host{position:fixed;inset:0;width:100vw;height:100vh;background:var(--modal-bg);z-index:1000;display:flex;align-items:center;justify-content:center}.close-btn{position:absolute;top:1rem;right:2rem;background:none;border:none;color:var(--close-btn);font-size:1.5rem;font-weight:700;cursor:pointer;z-index:1001}ol{padding:0;margin:0;text-align:center;width:100%;max-width:400px;list-style:none;counter-reset:item}li{cursor:pointer;text-align:start;counter-increment:item}a{text-decoration:none;text-transform:uppercase;color:var(--item-color)}li:before{content:counter(item,decimal-leading-zero) \". \"}.buttons{display:flex;flex-wrap:wrap;justify-content:center}.buttons a{text-transform:lowercase}\n"] }]
-        }], propDecorators: { navItems: [{
-                type: Input
-            }], socialItems: [{
-                type: Input
-            }], close: [{
-                type: Output
-            }] } });
-
-const mapNavModal = (navigation, lang) => {
-    if (!navigation?.items || !Array.isArray(navigation.items))
-        return [];
-    return navigation.items.map((item) => {
-        const slug = item.slug;
-        const url = slug === 'home' || slug === '' ? `/${lang}` : `/${lang}/${slug}`;
-        return {
-            label: item.label?.[lang] ?? item.label?.['es'] ?? slug,
-            url,
-            linkType: 'internal',
-            name: slug,
-            active: true,
-            children: [],
-        };
-    });
-};
-const mapSocialLinks = (navigation) => {
-    if (!navigation?.social || !Array.isArray(navigation.social))
-        return [];
-    return navigation.social.map((item, index) => ({
-        label: item.label ?? '',
-        url: item.url ?? '',
-        linkType: item.linkType ?? 'external',
-        icon: item.icon ?? '',
-        order: item.order ?? index,
-    }));
-};
-
-class ThemeService {
-    platformId;
-    currentThemeSubject = new BehaviorSubject('light');
-    currentTheme$ = this.currentThemeSubject.asObservable();
-    constructor(platformId) {
-        this.platformId = platformId;
-        // Aplicar tema por defecto al inicio
-        if (isPlatformBrowser(this.platformId)) {
-            this.applyTheme('light');
-        }
-    }
-    getCurrentTheme() {
-        return this.currentThemeSubject.value;
-    }
-    setTheme(theme) {
-        this.currentThemeSubject.next(theme);
-        this.applyTheme(theme);
-        // NO guardar automáticamente en localStorage - solo cuando el usuario hace toggle
-    }
-    toggleTheme() {
-        const currentTheme = this.getCurrentTheme();
-        const newTheme = currentTheme === 'light' ? 'dark' : 'light';
-        // Guardar en localStorage solo cuando el usuario hace toggle
-        if (isPlatformBrowser(this.platformId)) {
-            localStorage.setItem('theme', newTheme);
-        }
-        this.setTheme(newTheme);
-    }
-    resetTheme() {
-        if (isPlatformBrowser(this.platformId)) {
-            localStorage.removeItem('theme');
-            this.currentThemeSubject.next('light');
-            this.applyTheme('light');
-        }
-    }
-    // Método para cargar el tema guardado (opcional)
-    loadSavedTheme() {
-        if (isPlatformBrowser(this.platformId)) {
-            const savedTheme = localStorage.getItem('theme');
-            if (savedTheme) {
-                this.setTheme(savedTheme);
-            }
-        }
-    }
-    applyTheme(theme) {
-        // Solo aplicar en el navegador
-        if (!isPlatformBrowser(this.platformId)) {
-            return;
-        }
-        const root = document.documentElement;
-        if (theme === 'dark') {
-            root.setAttribute('data-theme', 'dark');
-        }
-        else {
-            root.setAttribute('data-theme', 'light');
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ThemeService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ThemeService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ThemeService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: Object, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }] });
-
-class HeaderClearComponent {
-    themeService;
-    isMenuOpen = false;
-    currentTheme = 'light';
-    themeSubscription;
-    logo;
-    logoDark;
-    navItems;
-    socialItems;
-    homeLink;
-    navigation;
-    lang = 'es';
-    langModal = new EventEmitter();
-    theme = new EventEmitter();
-    constructor(themeService) {
-        this.themeService = themeService;
-    }
-    ngOnInit() {
-        this.themeSubscription = this.themeService.currentTheme$.subscribe((theme) => {
-            this.currentTheme = theme;
-        });
-    }
-    ngOnChanges() {
-        this.navItems = mapNavModal(this.navigation, this.lang);
-    }
-    ngOnDestroy() {
-        this.themeSubscription?.unsubscribe();
-    }
-    openLanguagesModal() {
-        this.langModal.emit();
-    }
-    toggleTheme() {
-        this.themeService.toggleTheme();
-        this.theme.emit();
-    }
-    toggleMenu() {
-        this.isMenuOpen = !this.isMenuOpen;
-    }
-    getThemeIcon() {
-        return this.currentTheme === 'light' ? '🌙' : '☀️';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: HeaderClearComponent, deps: [{ token: ThemeService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: HeaderClearComponent, isStandalone: true, selector: "lib-header-clear", inputs: { logo: "logo", logoDark: "logoDark", navItems: "navItems", socialItems: "socialItems", homeLink: "homeLink", navigation: "navigation", lang: "lang" }, outputs: { langModal: "langModal", theme: "theme" }, usesOnChanges: true, ngImport: i0, template: "<header class=\"header-clear\">\n  <a [href]=\"homeLink?.url\" [linkType]=\"homeLink?.linkType\">\n    <div class=\"header-logo\">\n      <!-- Logo -->\n      <img\n        [src]=\"currentTheme === 'dark' ? logoDark?.url : logo?.url\"\n        [alt]=\"currentTheme === 'dark' ? logoDark?.alt : logo?.alt\"\n      />\n      <span>LLUC LLULL</span>\n    </div>\n  </a>\n\n  <div class=\"header-actions\">\n    <!-- Idioma -->\n    <button class=\"btn btn-primary\" (click)=\"openLanguagesModal()\">\n      <span class=\"lang\">{{ lang }}</span>\n    </button>\n\n    <!-- Icono de tema -->\n    <button class=\"btn btn-primary\" (click)=\"toggleTheme()\">\n      <span>{{ getThemeIcon() }}</span>\n    </button>\n\n    <!-- Icono de men\u00FA -->\n    <button class=\"btn btn-primary\" (click)=\"toggleMenu()\">\n      <span>\u2630</span>\n    </button>\n  </div>\n</header>\n\n@if (isMenuOpen && navItems && navItems.length > 0) {\n  <lib-nav-modal\n    [navItems]=\"navItems\"\n    [socialItems]=\"socialItems\"\n    (close)=\"isMenuOpen = false\"\n  ></lib-nav-modal>\n}\n", styles: [".header-clear{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-radius:0;position:sticky;top:0;z-index:100}.header-logo{display:flex;align-items:center;gap:.5rem;color:var(--header-logo-text)}.header-logo img{width:36px;height:36px;object-fit:contain;object-position:center}.header-actions{display:flex;align-items:center;gap:1rem}.lang{text-transform:uppercase}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NavModalComponent, selector: "lib-nav-modal", inputs: ["navItems", "socialItems"], outputs: ["close"] }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: HeaderClearComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-header-clear', standalone: true, imports: [CommonModule, LangModalComponent, NavModalComponent, LinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"header-clear\">\n  <a [href]=\"homeLink?.url\" [linkType]=\"homeLink?.linkType\">\n    <div class=\"header-logo\">\n      <!-- Logo -->\n      <img\n        [src]=\"currentTheme === 'dark' ? logoDark?.url : logo?.url\"\n        [alt]=\"currentTheme === 'dark' ? logoDark?.alt : logo?.alt\"\n      />\n      <span>LLUC LLULL</span>\n    </div>\n  </a>\n\n  <div class=\"header-actions\">\n    <!-- Idioma -->\n    <button class=\"btn btn-primary\" (click)=\"openLanguagesModal()\">\n      <span class=\"lang\">{{ lang }}</span>\n    </button>\n\n    <!-- Icono de tema -->\n    <button class=\"btn btn-primary\" (click)=\"toggleTheme()\">\n      <span>{{ getThemeIcon() }}</span>\n    </button>\n\n    <!-- Icono de men\u00FA -->\n    <button class=\"btn btn-primary\" (click)=\"toggleMenu()\">\n      <span>\u2630</span>\n    </button>\n  </div>\n</header>\n\n@if (isMenuOpen && navItems && navItems.length > 0) {\n  <lib-nav-modal\n    [navItems]=\"navItems\"\n    [socialItems]=\"socialItems\"\n    (close)=\"isMenuOpen = false\"\n  ></lib-nav-modal>\n}\n", styles: [".header-clear{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-radius:0;position:sticky;top:0;z-index:100}.header-logo{display:flex;align-items:center;gap:.5rem;color:var(--header-logo-text)}.header-logo img{width:36px;height:36px;object-fit:contain;object-position:center}.header-actions{display:flex;align-items:center;gap:1rem}.lang{text-transform:uppercase}\n"] }]
-        }], ctorParameters: () => [{ type: ThemeService }], propDecorators: { logo: [{
-                type: Input
-            }], logoDark: [{
-                type: Input
-            }], navItems: [{
-                type: Input
-            }], socialItems: [{
-                type: Input
-            }], homeLink: [{
-                type: Input
-            }], navigation: [{
-                type: Input
-            }], lang: [{
-                type: Input
-            }], langModal: [{
-                type: Output
-            }], theme: [{
-                type: Output
-            }] } });
-
-class HeaderMobileComponent {
-    themeService;
-    isMenuOpen = false;
-    currentTheme = 'light';
-    themeSubscription;
-    logo;
-    logoDark;
-    navItems;
-    socialItems;
-    homeLink;
-    navigation;
-    lang = 'es';
-    langModal = new EventEmitter();
-    theme = new EventEmitter();
-    constructor(themeService) {
-        this.themeService = themeService;
-    }
-    ngOnInit() {
-        this.themeSubscription = this.themeService.currentTheme$.subscribe((theme) => {
-            this.currentTheme = theme;
-        });
-    }
-    ngOnChanges() {
-        this.navItems = mapNavModal(this.navigation, this.lang);
-    }
-    ngOnDestroy() {
-        this.themeSubscription?.unsubscribe();
-    }
-    openLanguagesModal() {
-        this.langModal.emit();
-    }
-    toggleTheme() {
-        this.themeService.toggleTheme();
-        this.theme.emit();
-    }
-    toggleMenu() {
-        this.isMenuOpen = !this.isMenuOpen;
-    }
-    getThemeIcon() {
-        return this.currentTheme === 'light' ? '🌙' : '☀️';
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: HeaderMobileComponent, deps: [{ token: ThemeService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: HeaderMobileComponent, isStandalone: true, selector: "lib-header-mobile", inputs: { logo: "logo", logoDark: "logoDark", navItems: "navItems", socialItems: "socialItems", homeLink: "homeLink", navigation: "navigation", lang: "lang" }, outputs: { langModal: "langModal", theme: "theme" }, usesOnChanges: true, ngImport: i0, template: "<header class=\"header-mobile\">\n  <a [href]=\"homeLink?.url\" [linkType]=\"homeLink?.linkType\">\n    <div class=\"header-logo\">\n      <!-- Logo -->\n      <img\n        [src]=\"currentTheme === 'dark' ? logoDark?.url : logo?.url\"\n        [alt]=\"currentTheme === 'dark' ? logoDark?.alt : logo?.alt\"\n      />\n      <span>LLUC LLULL</span>\n    </div>\n  </a>\n</header>\n\n<div class=\"header-actions\">\n  <!-- Idioma -->\n  <div class=\"left\">\n    <button class=\"btn btn-primary\" (click)=\"openLanguagesModal()\">\n      <span class=\"lang\">{{ lang }}</span>\n    </button>\n  </div>\n\n  <!-- Icono de tema -->\n  <div class=\"center\">\n    <button class=\"btn btn-primary\" (click)=\"toggleTheme()\">\n      <span>{{ getThemeIcon() }}</span>\n    </button>\n  </div>\n\n  <!-- Icono de men\u00FA -->\n  <div class=\"right\">\n    <button class=\"btn btn-primary\" (click)=\"toggleMenu()\">\n      <span>\u2630</span>\n    </button>\n  </div>\n</div>\n\n@if (isMenuOpen && navItems && navItems.length > 0) {\n  <lib-nav-modal\n    [navItems]=\"navItems\"\n    [socialItems]=\"socialItems\"\n    (close)=\"isMenuOpen = false\"\n  ></lib-nav-modal>\n}\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.header-mobile{display:flex;justify-content:center;align-items:center;padding:1rem 0;border-radius:0;position:fixed;top:0;z-index:100;background-color:var(--header-mobile-bg);width:100vw}.header-logo{display:flex;align-items:center;gap:.5rem;color:var(--header-logo-text)}.header-logo img{width:36px;height:36px;object-fit:contain;object-position:center}.header-actions{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background-color:var(--header-mobile-bg);z-index:100;box-sizing:border-box}.header-actions .center{margin:0 auto}.lang{text-transform:uppercase}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: NavModalComponent, selector: "lib-nav-modal", inputs: ["navItems", "socialItems"], outputs: ["close"] }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: HeaderMobileComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-header-mobile', standalone: true, imports: [CommonModule, LangModalComponent, NavModalComponent, LinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"header-mobile\">\n  <a [href]=\"homeLink?.url\" [linkType]=\"homeLink?.linkType\">\n    <div class=\"header-logo\">\n      <!-- Logo -->\n      <img\n        [src]=\"currentTheme === 'dark' ? logoDark?.url : logo?.url\"\n        [alt]=\"currentTheme === 'dark' ? logoDark?.alt : logo?.alt\"\n      />\n      <span>LLUC LLULL</span>\n    </div>\n  </a>\n</header>\n\n<div class=\"header-actions\">\n  <!-- Idioma -->\n  <div class=\"left\">\n    <button class=\"btn btn-primary\" (click)=\"openLanguagesModal()\">\n      <span class=\"lang\">{{ lang }}</span>\n    </button>\n  </div>\n\n  <!-- Icono de tema -->\n  <div class=\"center\">\n    <button class=\"btn btn-primary\" (click)=\"toggleTheme()\">\n      <span>{{ getThemeIcon() }}</span>\n    </button>\n  </div>\n\n  <!-- Icono de men\u00FA -->\n  <div class=\"right\">\n    <button class=\"btn btn-primary\" (click)=\"toggleMenu()\">\n      <span>\u2630</span>\n    </button>\n  </div>\n</div>\n\n@if (isMenuOpen && navItems && navItems.length > 0) {\n  <lib-nav-modal\n    [navItems]=\"navItems\"\n    [socialItems]=\"socialItems\"\n    (close)=\"isMenuOpen = false\"\n  ></lib-nav-modal>\n}\n", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.header-mobile{display:flex;justify-content:center;align-items:center;padding:1rem 0;border-radius:0;position:fixed;top:0;z-index:100;background-color:var(--header-mobile-bg);width:100vw}.header-logo{display:flex;align-items:center;gap:.5rem;color:var(--header-logo-text)}.header-logo img{width:36px;height:36px;object-fit:contain;object-position:center}.header-actions{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background-color:var(--header-mobile-bg);z-index:100;box-sizing:border-box}.header-actions .center{margin:0 auto}.lang{text-transform:uppercase}\n"] }]
-        }], ctorParameters: () => [{ type: ThemeService }], propDecorators: { logo: [{
-                type: Input
-            }], logoDark: [{
-                type: Input
-            }], navItems: [{
-                type: Input
-            }], socialItems: [{
-                type: Input
-            }], homeLink: [{
-                type: Input
-            }], navigation: [{
-                type: Input
-            }], lang: [{
-                type: Input
-            }], langModal: [{
-                type: Output
-            }], theme: [{
-                type: Output
-            }] } });
-
-class NotFoundComponent {
-    title;
-    subtitle;
-    highlight;
-    button;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.19", type: NotFoundComponent, isStandalone: true, selector: "lib-404", inputs: { title: "title", subtitle: "subtitle", highlight: "highlight", button: "button" }, ngImport: i0, template: "<div class=\"notfound\">\n  <div class=\"notfound__content\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\">{{ subtitle }}</h2>\n    }\n\n    @if (button) {\n      <a\n        [href]=\"button.url\"\n        [linkType]=\"button.linkType\"\n        class=\"btn btn-primary btn-primary--outline\"\n      >\n        <span>\u2197</span> {{ button.label }}\n      </a>\n    }\n  </div>\n\n  @if (highlight) {\n    <div class=\"notfound__highlight\">\n      {{ highlight }}\n    </div>\n  }\n</div>", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.notfound{min-height:100%;overflow:hidden;padding:6rem 4rem 0}.notfound__content{max-width:55rem;position:relative;z-index:2}.notfound__title{font-size:3rem;font-weight:600;font-family:var(--font-base);margin:0}.notfound__subtitle{font-size:3rem;font-weight:600;line-height:1.2;font-family:var(--font-base);padding-block:0 1rem;margin:0}.notfound__highlight{position:fixed;bottom:0;left:50%;transform:translate(-50%,33%);font-size:38rem;color:var(--color-primary);font-family:var(--font-titles);z-index:1;pointer-events:none}@media (max-width: 768px){.notfound__highlight{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: LinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NotFoundComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-404', standalone: true, imports: [CommonModule, LinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"notfound\">\n  <div class=\"notfound__content\">\n    @if (title) {\n      <h1 class=\"notfound__title\">{{ title }}</h1>\n    }\n\n    @if (subtitle) {\n      <h2 class=\"notfound__subtitle\">{{ subtitle }}</h2>\n    }\n\n    @if (button) {\n      <a\n        [href]=\"button.url\"\n        [linkType]=\"button.linkType\"\n        class=\"btn btn-primary btn-primary--outline\"\n      >\n        <span>\u2197</span> {{ button.label }}\n      </a>\n    }\n  </div>\n\n  @if (highlight) {\n    <div class=\"notfound__highlight\">\n      {{ highlight }}\n    </div>\n  }\n</div>", styles: [":root{--font-titles: \"Bebas Neue\", system-ui, sans-serif;--font-base: \"Inter\", system-ui, sans-serif;--font-size-base: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--border-radius: 8px}.notfound{min-height:100%;overflow:hidden;padding:6rem 4rem 0}.notfound__content{max-width:55rem;position:relative;z-index:2}.notfound__title{font-size:3rem;font-weight:600;font-family:var(--font-base);margin:0}.notfound__subtitle{font-size:3rem;font-weight:600;line-height:1.2;font-family:var(--font-base);padding-block:0 1rem;margin:0}.notfound__highlight{position:fixed;bottom:0;left:50%;transform:translate(-50%,33%);font-size:38rem;color:var(--color-primary);font-family:var(--font-titles);z-index:1;pointer-events:none}@media (max-width: 768px){.notfound__highlight{display:none}}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], subtitle: [{
-                type: Input
-            }], highlight: [{
-                type: Input
-            }], button: [{
-                type: Input
-            }] } });
-
-class SphereDeformEffect {
-    size;
-    rotationSpeed;
-    color;
-    mesh;
-    time = 0;
-    constructor(size, rotationSpeed, color) {
-        this.size = size;
-        this.rotationSpeed = rotationSpeed;
-        this.color = color;
-    }
-    init(scene, _options) {
-        const geometry = new THREE.SphereGeometry(this.size, 128, 128);
-        const material = this.color
-            ? new THREE.MeshStandardMaterial({ color: this.color, flatShading: true })
-            : new THREE.MeshNormalMaterial({ flatShading: true });
-        this.mesh = new THREE.Mesh(geometry, material);
-        scene.add(this.mesh);
-    }
-    animate() {
-        this.time += 0.02;
-        const positionAttr = this.mesh.geometry.attributes['position'];
-        const vertex = new THREE.Vector3();
-        for (let i = 0; i < positionAttr.count; i++) {
-            vertex.fromBufferAttribute(positionAttr, i);
-            const offset = Math.sin(vertex.x * 3 + this.time) * 0.2 +
-                Math.cos(vertex.y * 5 + this.time * 0.7) * 0.2;
-            vertex.normalize().multiplyScalar(this.size + offset);
-            positionAttr.setXYZ(i, vertex.x, vertex.y, vertex.z);
-        }
-        positionAttr.needsUpdate = true;
-        this.mesh.geometry.computeVertexNormals();
-        this.mesh.rotation.y += this.rotationSpeed;
-    }
-    dispose() {
-        this.mesh?.geometry.dispose();
-        this.mesh?.material?.dispose();
-    }
-}
-
-const EFFECT_REGISTRY = {
-    'sphere-deform': SphereDeformEffect,
-    // 'ring-transform': RingTransformEffect,
-    // 'particles': ParticlesEffect,
-};
-
-class DynamicBackgroundComponent {
-    canvasRef;
-    effect = 'sphere-deform';
-    rotationSpeed = 0.01;
-    size = 2;
-    backgroundColor = '#000000';
-    elementColor;
-    platformId = inject(PLATFORM_ID);
-    isBrowser = isPlatformBrowser(this.platformId);
-    scene;
-    camera;
-    renderer;
-    animationId;
-    currentEffect;
-    ngOnInit() {
-        if (this.isBrowser) {
-            this.initScene();
-            this.loadEffect();
-            this.animate();
-            window.addEventListener('resize', this.onResize);
-        }
-    }
-    ngOnDestroy() {
-        if (this.isBrowser) {
-            cancelAnimationFrame(this.animationId);
-            this.renderer?.dispose();
-            this.currentEffect?.dispose();
-            window.removeEventListener('resize', this.onResize);
-        }
-    }
-    initScene() {
-        const width = window.innerWidth;
-        const height = window.innerHeight;
-        this.scene = new THREE.Scene();
-        this.scene.background = new THREE.Color(this.backgroundColor);
-        this.camera = new THREE.PerspectiveCamera(75, width / height, 0.1, 1000);
-        this.camera.position.z = 5;
-        this.renderer = new THREE.WebGLRenderer({
-            canvas: this.canvasRef.nativeElement,
-            antialias: true,
-        });
-        this.renderer.setSize(width, height);
-        const light = new THREE.DirectionalLight(0xffffff, 1);
-        light.position.set(5, 5, 5).normalize();
-        this.scene.add(light);
-    }
-    loadEffect() {
-        const EffectClass = EFFECT_REGISTRY[this.effect];
-        if (!EffectClass) {
-            throw new Error(`Efecto "${this.effect}" no está registrado en EFFECT_REGISTRY`);
-        }
-        this.currentEffect = new EffectClass(this.size, this.rotationSpeed, this.elementColor);
-        this.currentEffect.init(this.scene, {});
-    }
-    animate = () => {
-        this.animationId = requestAnimationFrame(this.animate);
-        this.currentEffect.animate();
-        this.renderer.render(this.scene, this.camera);
-    };
-    onResize = () => {
-        const width = window.innerWidth;
-        const height = window.innerHeight;
-        this.camera.aspect = width / height;
-        this.camera.updateProjectionMatrix();
-        this.renderer.setSize(width, height);
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DynamicBackgroundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: DynamicBackgroundComponent, isStandalone: true, selector: "lib-dynamic-background", inputs: { effect: "effect", rotationSpeed: "rotationSpeed", size: "size", backgroundColor: "backgroundColor", elementColor: "elementColor" }, viewQueries: [{ propertyName: "canvasRef", first: true, predicate: ["bgCanvas"], descendants: true, static: true }], ngImport: i0, template: "<canvas #bgCanvas class=\"dynamic-bg-canvas\"></canvas>\n", styles: [".dynamic-bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DynamicBackgroundComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-dynamic-background', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<canvas #bgCanvas class=\"dynamic-bg-canvas\"></canvas>\n", styles: [".dynamic-bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}\n"] }]
-        }], propDecorators: { canvasRef: [{
-                type: ViewChild,
-                args: ['bgCanvas', { static: true }]
-            }], effect: [{
-                type: Input
-            }], rotationSpeed: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], backgroundColor: [{
-                type: Input
-            }], elementColor: [{
-                type: Input
-            }] } });
-
-const mapCategoryProgress = (props) => ({
-    pretitle: props?.texts?.pretitle,
-    title: props?.texts?.title,
-    categories: props?.items?.map((item) => ({
-        title: item.title,
-        items: item.items?.map((subItem) => ({
-            label: subItem.name,
-            value: subItem.progress,
-        })),
-    })),
-});
-
-function mapButtons(data) {
-    if (!Array.isArray(data))
-        return [];
-    return data
-        .filter((item) => item && typeof item === 'object')
-        .map((item) => ({
-        label: item.label ?? '',
-        url: item.link_type === 'internal' ? (item.page ?? '') : (item.url ?? ''),
-        linkType: item.link_type ?? 'none',
-        icon: item.icon,
-    }));
-}
-function mapImage(data, cdn) {
-    if (!data || typeof data !== 'object')
-        return null;
-    const src = data.url ?? data.src ?? '';
-    return {
-        url: src.startsWith('http') ? src : (cdn ?? '') + src,
-        alt: data.alt ?? '',
-        width: data.width,
-        height: data.height,
-        format: data.format,
-    };
-}
-function mapImageOrGallery(data, cdn) {
-    if (!data)
-        return [];
-    if (Array.isArray(data)) {
-        return data
-            .filter((img) => img && typeof img === 'object')
-            .map((img) => mapImage(img, cdn))
-            .filter(Boolean);
-    }
-    const single = mapImage(data, cdn);
-    return single ? [single] : [];
-}
-
-const mapHeaderClear = (props, cdn) => {
-    return {
-        logo: mapImage(props?.logo, cdn),
-        logoDark: mapImage(props?.logoDark, cdn),
-        lang: props?.lang || 'es',
-        navigation: props?.navigation,
-        socialItems: mapSocialLinks(props?.navigation),
-    };
-};
-
-const mapHeroSection = (props) => ({
-    pretitle: props?.texts?.pretitle,
-    title: props?.texts?.title,
-    subtitle: props?.texts?.subtitle,
-    text: props?.texts?.text,
-    buttons: mapButtons(props?.buttons),
-    highlight: props?.texts?.highlight,
-});
-
-const mapLegalFooter = (props) => ({
-    year: props?.texts?.year,
-    brand: props?.texts?.brand,
-    credits: props?.texts?.credits,
-    links: mapButtons(props?.footer_links),
-    //variant
-});
-
-const mapLinksFooter = (props) => ({
-    links: mapButtons(props?.footer_links),
-});
-
-const map404 = (props) => ({
-    title: props?.texts?.title,
-    subtitle: props?.texts?.subtitle,
-    highlight: props?.texts?.highlight,
-    button: mapButtons(props?.buttons)[0],
-});
-
-const mapSectionIntro = (props) => ({
-    pretitle: props?.texts?.pretitle,
-    title: props?.texts?.title,
-    subtitle: props?.texts?.subtitle,
-    text: props?.texts?.text,
-    button: mapButtons(props?.button)[0],
-});
-
-const mapSocialFooter = (props) => ({
-    images: mapImage(props?.multimedia),
-    socials: mapButtons(props?.social_links),
-    hashtag: props?.texts?.hashtag,
-});
-
-const mapVisualFooter = (props) => ({
-    contactTitle: props?.texts?.contactTitle,
-    contactPhone: mapButtons(props?.contactPhone),
-    contactEmail: mapButtons(props?.contactEmail),
-    addressTitle: props?.texts?.addressTitle,
-    address: {
-        address: props?.address?.address,
-        city: props?.address?.city,
-        country: props?.address?.country,
-        cp: props?.address?.cp,
-        province: props?.address?.province,
-    },
-    socialsTitle: props?.texts?.socialsTitle,
-    socials: mapButtons(props?.social_links),
-    image: mapImage(props?.multimedia),
-});
-
-const componentMappers = {
-    'hero-section': mapHeroSection,
-    'header-clear': mapHeaderClear,
-    'lang-modal': mapLangModal,
-    'section-intro': mapSectionIntro,
-    'category-progress': mapCategoryProgress,
-    'links-footer': mapLinksFooter,
-    'legal-footer': mapLegalFooter,
-    'social-footer': mapSocialFooter,
-    'visual-footer': mapVisualFooter,
-    'not-found': map404,
-};
-
-const CDN_BASE_URL = new InjectionToken('CDN_BASE_URL');
-
-class MapperService {
-    platformId = inject(PLATFORM_ID);
-    cdn = inject(CDN_BASE_URL);
-    mapComponents(body) {
-        if (!body || body.length === 0) {
-            return [];
-        }
-        return body
-            .filter((component) => component && component.name && component.props)
-            .map((component) => {
-            const name = component.name.toLowerCase();
-            const mapper = componentMappers[name];
-            const mapped = {
-                name,
-                order: component.order,
-                props: {},
-            };
-            if (mapper) {
-                try {
-                    mapped.props = mapper(component.props, this.cdn);
-                }
-                catch (e) {
-                    console.error(`Error mapping props for component "${name}"`, e);
-                }
-            }
-            else {
-                console.warn(`No mapper found for component "${name}"`);
-            }
-            return mapped;
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: MapperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: MapperService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: MapperService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+            args: [{ selector: 'lib-ui-lib', standalone: true, imports: [], template: `
+        <p>ui-lib works!</p>
+    ` }]
         }] });
 
-class ScreenSizerService {
-    breakpoints = {
-        xs: 480,
-        sm: 768,
-        md: 1024,
-        lg: 1280,
-        xl: 1536,
-    };
-    isXs = signal(false);
-    isSm = signal(false);
-    isMd = signal(false);
-    isLg = signal(false);
-    isXl = signal(false);
-    minSm = signal(false);
-    minMd = signal(false);
-    minLg = signal(false);
-    minXl = signal(false);
-    platformId = inject(PLATFORM_ID);
-    get width() {
-        if (isPlatformBrowser(this.platformId)) {
-            return Math.min(window.innerWidth, window.outerWidth);
-        }
-        return 0;
-    }
-    constructor() {
-        if (isPlatformBrowser(this.platformId)) {
-            fromEvent(window, 'resize')
-                .pipe(debounceTime(200), map(() => this.width), distinctUntilChanged(), startWith(this.width))
-                .subscribe((width) => this.updateFlags(width));
-        }
-    }
-    updateFlags(width) {
-        const { xs, sm, md, lg, xl } = this.breakpoints;
-        this.isXs.set(width < sm);
-        this.isSm.set(width >= sm && width < md);
-        this.isMd.set(width >= md && width < lg);
-        this.isLg.set(width >= lg && width < xl);
-        this.isXl.set(width >= xl);
-        this.minSm.set(width >= sm);
-        this.minMd.set(width >= md);
-        this.minLg.set(width >= lg);
-        this.minXl.set(width >= xl);
-    }
-    // Métodos rápidos si no usas signals directamente
-    isXsInstant() {
-        return this.isXs();
-    }
-    isSmInstant() {
-        return this.isSm();
-    }
-    isMdInstant() {
-        return this.isMd();
-    }
-    isLgInstant() {
-        return this.isLg();
-    }
-    isXlInstant() {
-        return this.isXl();
-    }
-    minSmInstant() {
-        return this.minSm();
-    }
-    minMdInstant() {
-        return this.minMd();
-    }
-    minLgInstant() {
-        return this.minLg();
-    }
-    minXlInstant() {
-        return this.minXl();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ScreenSizerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ScreenSizerService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: ScreenSizerService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [] });
-
 /*
  * Public API Surface of ui-lib
  */
 /* COMPONENTS  */
-// export * from './lib/ui-lib.component';
+// export * from './lib/components/core/index';
+// export * from './lib/components/shared/index';
+// export * from './lib/pipes/index';
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CDN_BASE_URL, CategoryProgressComponent, Default, DynamicBackgroundComponent, HeaderClearComponent, HeaderMobileComponent, HeroSectionComponent, LangModalComponent, LegalFooterComponent, LinkType, LinkTypeDirective, LinksFooterComponent, MapperService, MockUiIconComponent, NavModalComponent, NotFoundComponent, ScreenSizerService, SectionIntroComponent, SocialFooterComponent, ThemeService, UiIconComponent, VisualFooterComponent, componentMappers, mapButtons, mapImage, mapImageOrGallery };
+export { UiLibComponent };
 //# sourceMappingURL=lluc_llull-ui-lib.mjs.map