@c-code/c-code-fw 1.2.6 → 1.3.0

package/fesm2022/c-code-c-code-fw-ui.mjs

@@ -0,0 +1,815 @@
+import { HttpClient } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { InjectionToken, makeEnvironmentProviders, inject, Injectable, input, ChangeDetectionStrategy, Component, model, output, signal, Directive, contentChild, TemplateRef, effect, untracked, computed } from '@angular/core';
+import { shareReplay, forkJoin, map, of } from 'rxjs';
+import { DOCUMENT, NgTemplateOutlet, CurrencyPipe } from '@angular/common';
+import { Title, Meta } from '@angular/platform-browser';
+import { RouterLink } from '@angular/router';
+
+/**
+ * Plan category. The numeric values match the `category` field stored in the sites' `plans.json`.
+ */
+var PlanCategory;
+(function (PlanCategory) {
+    PlanCategory[PlanCategory["Individual"] = 0] = "Individual";
+    PlanCategory[PlanCategory["Couple"] = 1] = "Couple";
+    PlanCategory[PlanCategory["Group"] = 2] = "Group";
+    PlanCategory[PlanCategory["None"] = 3] = "None";
+})(PlanCategory || (PlanCategory = {}));
+/** Default Spanish labels for the plan categories. */
+const DEFAULT_PLAN_CATEGORIES = [
+    { value: PlanCategory.Individual, label: 'Individual' },
+    { value: PlanCategory.Couple, label: 'Pareja' },
+    { value: PlanCategory.Group, label: 'Grupal' },
+];
+
+/**
+ * Turns a text into a URL-safe slug: "PLAN FLOR DE LOTTO 3" -> "plan-flor-de-lotto-3".
+ * Accents are removed, so "Jacuzzi Mágico" -> "jacuzzi-magico".
+ */
+function slugify(text) {
+    return text
+        .normalize('NFD')
+        .replace(/[̀-ͯ]/g, '')
+        .toLowerCase()
+        .trim()
+        .replace(/[^a-z0-9]+/g, '-')
+        .replace(/^-+|-+$/g, '');
+}
+/** "PLAN GARDENIA" -> "Plan Gardenia". */
+function titleCase(text) {
+    return text.toLowerCase().replace(/(^|\s)\S/g, (c) => c.toUpperCase());
+}
+/** Cuts a text at the last whole word that fits in `max` characters and adds "…". */
+function truncateText(text, max = 160) {
+    if (text.length <= max)
+        return text;
+    const cut = text.lastIndexOf(' ', max - 1);
+    return text.slice(0, cut > 0 ? cut : max - 1) + '…';
+}
+/**
+ * Builds a WhatsApp chat link.
+ * @param phone Number with country code, with or without "+" and spaces: "57 310 494 8884".
+ * @param message Pre-filled message, optional.
+ */
+function whatsappUrl(phone, message) {
+    const params = new URLSearchParams({ phone: phone.replace(/\D/g, '') });
+    if (message)
+        params.set('text', message);
+    params.set('type', 'phone_number');
+    params.set('app_absent', '0');
+    return `https://api.whatsapp.com/send/?${params.toString()}`;
+}
+
+/** Fills `plan.additionalServices` from `additionalServicesId`. Unknown ids are skipped. */
+function joinAdditionalServices(plans, additionals) {
+    const byId = new Map();
+    // First entry wins, so a repeated id in the JSON keeps the original behavior of `Array.find`.
+    for (const service of additionals) {
+        if (!byId.has(service.id))
+            byId.set(service.id, service);
+    }
+    return plans.map((plan) => ({
+        ...plan,
+        additionalServices: plan.additionalServicesId
+            .map((id) => byId.get(id))
+            .filter((s) => !!s),
+    }));
+}
+/** URL slug of a plan, derived from its name. */
+function planSlug(plan) {
+    return slugify(typeof plan === 'string' ? plan : plan.name);
+}
+function findPlanBySlug(plans, slug) {
+    return plans.find((plan) => planSlug(plan) === slug);
+}
+function filterPlansByCategory(plans, category) {
+    return plans.filter((plan) => plan.category === category);
+}
+/** Case- and accent-insensitive search on the plan name. An empty query returns every plan. */
+function searchPlansByName(plans, query) {
+    const q = slugify(query);
+    if (!q)
+        return plans;
+    return plans.filter((plan) => planSlug(plan).includes(q));
+}
+/**
+ * Applies a `PlanFilter`. Price uses `min < price <= max`, the same rule the sites had,
+ * except that `min = 0` also includes free plans.
+ */
+function filterPlans(plans, filter) {
+    const { service, priceRange } = filter;
+    return plans.filter((plan) => {
+        const matchesService = !service ||
+            (plan.additionalServices ?? []).some((s) => s.id === service.id) ||
+            plan.additionalServicesId.includes(service.id);
+        const matchesPrice = !priceRange ||
+            (plan.price <= priceRange.max &&
+                (plan.price > priceRange.min || (priceRange.min === 0 && plan.price === 0)));
+        return matchesService && matchesPrice;
+    });
+}
+/** Returns the options with `count` set to the number of plans in each category. */
+function withCategoryCounts(options, plans) {
+    return options.map((option) => ({
+        ...option,
+        count: plans.filter((plan) => plan.category === option.value).length,
+    }));
+}
+
+const DEFAULT_PLAN_CATALOG_CONFIG = {
+    plansUrl: 'assets/data/plans.json',
+    additionalsUrl: 'assets/data/additionals.json',
+    priceRangesUrl: 'assets/data/priceRanges.json',
+};
+const PLAN_CATALOG_CONFIG = new InjectionToken('PLAN_CATALOG_CONFIG', { providedIn: 'root', factory: () => DEFAULT_PLAN_CATALOG_CONFIG });
+/**
+ * Overrides the JSON locations. Without it, the service reads `assets/data/*.json`.
+ *
+ * ```ts
+ * providers: [provideHttpClient(withFetch()), providePlanCatalog({ priceRangesUrl: null })]
+ * ```
+ */
+function providePlanCatalog(config = {}) {
+    return makeEnvironmentProviders([
+        {
+            provide: PLAN_CATALOG_CONFIG,
+            useValue: { ...DEFAULT_PLAN_CATALOG_CONFIG, ...config },
+        },
+    ]);
+}
+/**
+ * Reads plans, add-on services and price ranges from static JSON.
+ * Each file is requested once and cached; filtering happens in memory.
+ * Needs `provideHttpClient()` in the app.
+ */
+class PlanCatalogService {
+    http = inject(HttpClient);
+    config = inject(PLAN_CATALOG_CONFIG);
+    additionals$ = this.http
+        .get(this.config.additionalsUrl)
+        .pipe(shareReplay(1));
+    plans$ = forkJoin({
+        plans: this.http.get(this.config.plansUrl),
+        additionals: this.additionals$,
+    }).pipe(map(({ plans, additionals }) => joinAdditionalServices(plans, additionals)), shareReplay(1));
+    priceRanges$ = (this.config.priceRangesUrl
+        ? this.http.get(this.config.priceRangesUrl)
+        : of([])).pipe(shareReplay(1));
+    /** Every plan, with `additionalServices` filled in. */
+    getPlans() {
+        return this.plans$;
+    }
+    getAdditionalServices() {
+        return this.additionals$;
+    }
+    getPriceRanges() {
+        return this.priceRanges$;
+    }
+    getPlansByCategory(category) {
+        return this.plans$.pipe(map((plans) => filterPlansByCategory(plans, category)));
+    }
+    getPlansByFilter(filter) {
+        return this.plans$.pipe(map((plans) => filterPlans(plans, filter)));
+    }
+    getPlansByName(name) {
+        return this.plans$.pipe(map((plans) => searchPlansByName(plans, name)));
+    }
+    getPlanBySlug(slug) {
+        return this.plans$.pipe(map((plans) => findPlanBySlug(plans, slug)));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PlanCatalogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PlanCatalogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PlanCatalogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const SEO_CONFIG = new InjectionToken('SEO_CONFIG');
+/** Registers the site data `SeoService` needs. */
+function provideSeo(config) {
+    return makeEnvironmentProviders([
+        {
+            provide: SEO_CONFIG,
+            useValue: { ...config, siteUrl: config.siteUrl.replace(/\/+$/, '') },
+        },
+    ]);
+}
+/**
+ * Sets the title, description, canonical URL, Open Graph and Twitter tags, and JSON-LD blocks.
+ * Works during SSR and prerendering. Requires `provideSeo()`.
+ */
+class SeoService {
+    title = inject(Title);
+    meta = inject(Meta);
+    document = inject(DOCUMENT);
+    config = inject(SEO_CONFIG);
+    get siteUrl() {
+        return this.config.siteUrl;
+    }
+    /** Turns a site path or relative asset into an absolute URL. Absolute URLs are returned unchanged. */
+    absoluteUrl(pathOrUrl) {
+        if (/^https?:\/\//.test(pathOrUrl))
+            return pathOrUrl;
+        return this.config.siteUrl + (pathOrUrl.startsWith('/') ? pathOrUrl : '/' + pathOrUrl);
+    }
+    update({ title, description, path, image }) {
+        const url = this.absoluteUrl(path);
+        const imageSrc = image ?? this.config.defaultImage;
+        this.title.setTitle(title);
+        this.meta.updateTag({ name: 'description', content: description });
+        this.meta.updateTag({ property: 'og:title', content: title });
+        this.meta.updateTag({ property: 'og:description', content: description });
+        this.meta.updateTag({ property: 'og:url', content: url });
+        this.meta.updateTag({ name: 'twitter:title', content: title });
+        this.meta.updateTag({ name: 'twitter:description', content: description });
+        if (imageSrc) {
+            const imageUrl = this.absoluteUrl(imageSrc);
+            this.meta.updateTag({ property: 'og:image', content: imageUrl });
+            this.meta.updateTag({ name: 'twitter:image', content: imageUrl });
+        }
+        this.setCanonical(url);
+    }
+    /** Adds or replaces a `<script type="application/ld+json">` with the given id. */
+    setJsonLd(id, data) {
+        let script = this.document.getElementById(id);
+        if (!script) {
+            script = this.document.createElement('script');
+            script.id = id;
+            script.setAttribute('type', 'application/ld+json');
+            this.document.head.appendChild(script);
+        }
+        script.textContent = JSON.stringify(data);
+    }
+    removeJsonLd(id) {
+        this.document.getElementById(id)?.remove();
+    }
+    setCanonical(url) {
+        let link = this.document.head.querySelector('link[rel="canonical"]');
+        if (!link) {
+            link = this.document.createElement('link');
+            link.setAttribute('rel', 'canonical');
+            this.document.head.appendChild(link);
+        }
+        link.setAttribute('href', url);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SeoService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SeoService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SeoService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Floating WhatsApp button, fixed to a corner of the screen.
+ *
+ * ```html
+ * <cc-whatsapp-button [href]="whatsappLink" />
+ * <cc-whatsapp-button [href]="whatsappLink" iconSrc="assets/icons/whatsapp.png" position="left" />
+ * ```
+ */
+class WhatsappButtonComponent {
+    /** WhatsApp link. Build it with `whatsappUrl(phone, message)`. */
+    href = input.required();
+    /** Custom icon. Without it, the WhatsApp logo is drawn as SVG. */
+    iconSrc = input('');
+    label = input('Escríbenos por WhatsApp');
+    position = input('right');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: WhatsappButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: WhatsappButtonComponent, isStandalone: true, selector: "cc-whatsapp-button", inputs: { href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: true, transformFunction: null }, iconSrc: { classPropertyName: "iconSrc", publicName: "iconSrc", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<a\n  class=\"cc-wa\"\n  [class.cc-wa--left]=\"position() === 'left'\"\n  [href]=\"href()\"\n  target=\"_blank\"\n  rel=\"noopener\"\n  [attr.aria-label]=\"label()\"\n>\n  @if (iconSrc()) {\n    <img [src]=\"iconSrc()\" alt=\"\" class=\"cc-wa__img\" />\n  } @else {\n    <svg class=\"cc-wa__svg\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\n      <circle cx=\"16\" cy=\"16\" r=\"16\" fill=\"#25D366\" />\n      <path\n        fill=\"#fff\"\n        d=\"M23.3 8.7A10.3 10.3 0 0 0 7 21.1L5.6 26.4l5.4-1.4a10.3 10.3 0 0 0 4.9 1.3 10.3 10.3 0 0 0 7.4-17.6Zm-7.3 15.8a8.5 8.5 0 0 1-4.3-1.2l-.3-.2-3.2.8.9-3.1-.2-.3a8.5 8.5 0 1 1 7.1 4Zm4.7-6.4c-.3-.1-1.5-.7-1.8-.8-.2-.1-.4-.1-.6.1l-.8 1c-.2.2-.3.2-.6.1a7 7 0 0 1-3.5-3c-.3-.5.3-.4.7-1.4.1-.2 0-.3 0-.4l-.8-2c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.8 11.9 11.9 0 0 0 4.6 4c1.7.7 2.4.8 3.2.7a2.8 2.8 0 0 0 1.8-1.3 2.3 2.3 0 0 0 .2-1.3c-.1-.1-.3-.2-.6-.3Z\"\n      />\n    </svg>\n  }\n</a>\n", styles: [".cc-wa{position:fixed;z-index:var(--cc-whatsapp-z, 20);right:var(--cc-whatsapp-offset-x, 2rem);bottom:var(--cc-whatsapp-offset-y, 2.5rem);display:block;transition:transform .3s ease-in}.cc-wa--left{right:auto;left:var(--cc-whatsapp-offset-x, 2rem)}.cc-wa:hover{transform:scale(1.25)}.cc-wa__img,.cc-wa__svg{display:block;width:var(--cc-whatsapp-size, 2.5rem);height:auto;border-radius:9999px;box-shadow:var(--cc-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1))}@media (min-width: 1024px){.cc-wa{right:var(--cc-whatsapp-offset-x-lg, 3.5rem)}.cc-wa--left{right:auto;left:var(--cc-whatsapp-offset-x-lg, 3.5rem)}.cc-wa__img,.cc-wa__svg{width:var(--cc-whatsapp-size-lg, 3.5rem)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: WhatsappButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cc-whatsapp-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  class=\"cc-wa\"\n  [class.cc-wa--left]=\"position() === 'left'\"\n  [href]=\"href()\"\n  target=\"_blank\"\n  rel=\"noopener\"\n  [attr.aria-label]=\"label()\"\n>\n  @if (iconSrc()) {\n    <img [src]=\"iconSrc()\" alt=\"\" class=\"cc-wa__img\" />\n  } @else {\n    <svg class=\"cc-wa__svg\" viewBox=\"0 0 32 32\" aria-hidden=\"true\">\n      <circle cx=\"16\" cy=\"16\" r=\"16\" fill=\"#25D366\" />\n      <path\n        fill=\"#fff\"\n        d=\"M23.3 8.7A10.3 10.3 0 0 0 7 21.1L5.6 26.4l5.4-1.4a10.3 10.3 0 0 0 4.9 1.3 10.3 10.3 0 0 0 7.4-17.6Zm-7.3 15.8a8.5 8.5 0 0 1-4.3-1.2l-.3-.2-3.2.8.9-3.1-.2-.3a8.5 8.5 0 1 1 7.1 4Zm4.7-6.4c-.3-.1-1.5-.7-1.8-.8-.2-.1-.4-.1-.6.1l-.8 1c-.2.2-.3.2-.6.1a7 7 0 0 1-3.5-3c-.3-.5.3-.4.7-1.4.1-.2 0-.3 0-.4l-.8-2c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.8 11.9 11.9 0 0 0 4.6 4c1.7.7 2.4.8 3.2.7a2.8 2.8 0 0 0 1.8-1.3 2.3 2.3 0 0 0 .2-1.3c-.1-.1-.3-.2-.6-.3Z\"\n      />\n    </svg>\n  }\n</a>\n", styles: [".cc-wa{position:fixed;z-index:var(--cc-whatsapp-z, 20);right:var(--cc-whatsapp-offset-x, 2rem);bottom:var(--cc-whatsapp-offset-y, 2.5rem);display:block;transition:transform .3s ease-in}.cc-wa--left{right:auto;left:var(--cc-whatsapp-offset-x, 2rem)}.cc-wa:hover{transform:scale(1.25)}.cc-wa__img,.cc-wa__svg{display:block;width:var(--cc-whatsapp-size, 2.5rem);height:auto;border-radius:9999px;box-shadow:var(--cc-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1))}@media (min-width: 1024px){.cc-wa{right:var(--cc-whatsapp-offset-x-lg, 3.5rem)}.cc-wa--left{right:auto;left:var(--cc-whatsapp-offset-x-lg, 3.5rem)}.cc-wa__img,.cc-wa__svg{width:var(--cc-whatsapp-size-lg, 3.5rem)}}\n"] }]
+        }] });
+
+/**
+ * Modal over the page, for example a promotion shown when the site opens.
+ * Shows `imageSrc`, or the projected content when there is no image.
+ * Closes with the ✕ button, a backdrop click or the Escape key.
+ *
+ * ```html
+ * <cc-promo-modal [(open)]="showPromo" imageSrc="assets/images/pop.jpeg" imageAlt="Promoción" />
+ * ```
+ */
+class PromoModalComponent {
+    /** Whether the modal is visible. Use `[(open)]` to bind both ways. */
+    open = model(true);
+    imageSrc = input('');
+    imageAlt = input('');
+    /** Makes the image a link, for example to WhatsApp. */
+    link = input('');
+    closeOnBackdrop = input(true);
+    closeLabel = input('Cerrar');
+    closed = output();
+    close() {
+        this.open.set(false);
+        this.closed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PromoModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: PromoModalComponent, isStandalone: true, selector: "cc-promo-modal", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, imageSrc: { classPropertyName: "imageSrc", publicName: "imageSrc", isSignal: true, isRequired: false, transformFunction: null }, imageAlt: { classPropertyName: "imageAlt", publicName: "imageAlt", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", closed: "closed" }, host: { listeners: { "document:keydown.escape": "open() && close()" } }, ngImport: i0, template: "@if (open()) {\n  <div class=\"cc-modal\" (click)=\"closeOnBackdrop() && close()\">\n    <div\n      class=\"cc-modal__box\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      [attr.aria-label]=\"imageAlt() || null\"\n      (click)=\"$event.stopPropagation()\"\n    >\n      <button type=\"button\" class=\"cc-modal__close\" [attr.aria-label]=\"closeLabel()\" (click)=\"close()\">\n        \u2715\n      </button>\n      @if (imageSrc()) {\n        @if (link()) {\n          <a [href]=\"link()\" target=\"_blank\" rel=\"noopener\">\n            <img [src]=\"imageSrc()\" [alt]=\"imageAlt()\" class=\"cc-modal__img\" />\n          </a>\n        } @else {\n          <img [src]=\"imageSrc()\" [alt]=\"imageAlt()\" class=\"cc-modal__img\" />\n        }\n      } @else {\n        <ng-content />\n      }\n    </div>\n  </div>\n}\n", styles: [".cc-modal{position:fixed;inset:0;z-index:var(--cc-modal-z, 50);display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--cc-modal-backdrop, rgb(0 0 0 / .7))}.cc-modal__box{position:relative;width:fit-content;max-width:92vw}.cc-modal__img{display:block;max-width:100%;max-height:85vh;border-radius:var(--cc-modal-radius, .5rem);box-shadow:0 25px 50px -12px #00000040}.cc-modal__close{position:absolute;top:-.75rem;right:-.75rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border:0;border-radius:9999px;background:#fff;color:#374151;font-size:1.125rem;line-height:1;cursor:pointer;box-shadow:var(--cc-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1));transition:transform .15s,background-color .15s}.cc-modal__close:hover{background:#f3f4f6;transform:scale(1.1)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PromoModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cc-promo-modal', changeDetection: ChangeDetectionStrategy.OnPush, host: { '(document:keydown.escape)': 'open() && close()' }, template: "@if (open()) {\n  <div class=\"cc-modal\" (click)=\"closeOnBackdrop() && close()\">\n    <div\n      class=\"cc-modal__box\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      [attr.aria-label]=\"imageAlt() || null\"\n      (click)=\"$event.stopPropagation()\"\n    >\n      <button type=\"button\" class=\"cc-modal__close\" [attr.aria-label]=\"closeLabel()\" (click)=\"close()\">\n        \u2715\n      </button>\n      @if (imageSrc()) {\n        @if (link()) {\n          <a [href]=\"link()\" target=\"_blank\" rel=\"noopener\">\n            <img [src]=\"imageSrc()\" [alt]=\"imageAlt()\" class=\"cc-modal__img\" />\n          </a>\n        } @else {\n          <img [src]=\"imageSrc()\" [alt]=\"imageAlt()\" class=\"cc-modal__img\" />\n        }\n      } @else {\n        <ng-content />\n      }\n    </div>\n  </div>\n}\n", styles: [".cc-modal{position:fixed;inset:0;z-index:var(--cc-modal-z, 50);display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--cc-modal-backdrop, rgb(0 0 0 / .7))}.cc-modal__box{position:relative;width:fit-content;max-width:92vw}.cc-modal__img{display:block;max-width:100%;max-height:85vh;border-radius:var(--cc-modal-radius, .5rem);box-shadow:0 25px 50px -12px #00000040}.cc-modal__close{position:absolute;top:-.75rem;right:-.75rem;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border:0;border-radius:9999px;background:#fff;color:#374151;font-size:1.125rem;line-height:1;cursor:pointer;box-shadow:var(--cc-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1));transition:transform .15s,background-color .15s}.cc-modal__close:hover{background:#f3f4f6;transform:scale(1.1)}\n"] }]
+        }] });
+
+/**
+ * Title strip at the top of a page, with an optional back link and icon.
+ * Renders the page's `<h1>`.
+ *
+ * ```html
+ * <cc-page-banner title="Reserva tu plan - Pareja" />
+ * <cc-page-banner [title]="plan.name" backLink="/planes" iconSrc="assets/icons/hoja.png" variant="plain" />
+ * ```
+ */
+class PageBannerComponent {
+    title = input.required();
+    /** `band` uses the surface color; `plain` uses the page background. */
+    variant = input('band');
+    iconSrc = input('');
+    /** Shows a back arrow that links here. */
+    backLink = input(null);
+    backIconSrc = input('');
+    backLabel = input('Volver');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PageBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: PageBannerComponent, isStandalone: true, selector: "cc-page-banner", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, iconSrc: { classPropertyName: "iconSrc", publicName: "iconSrc", isSignal: true, isRequired: false, transformFunction: null }, backLink: { classPropertyName: "backLink", publicName: "backLink", isSignal: true, isRequired: false, transformFunction: null }, backIconSrc: { classPropertyName: "backIconSrc", publicName: "backIconSrc", isSignal: true, isRequired: false, transformFunction: null }, backLabel: { classPropertyName: "backLabel", publicName: "backLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"cc-banner\" [class.cc-banner--plain]=\"variant() === 'plain'\" [class.cc-banner--split]=\"!!backLink()\">\n  @if (backLink()) {\n    <a class=\"cc-banner__back\" [routerLink]=\"backLink()\" [attr.aria-label]=\"backLabel()\">\n      @if (backIconSrc()) {\n        <img [src]=\"backIconSrc()\" alt=\"\" />\n      } @else {\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M15 18l-6-6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      }\n    </a>\n  }\n  <div class=\"cc-banner__title\">\n    <h1>{{ title() }}</h1>\n    @if (iconSrc()) {\n      <img [src]=\"iconSrc()\" alt=\"\" class=\"cc-banner__icon\" />\n    }\n  </div>\n  @if (backLink()) {\n    <span class=\"cc-banner__spacer\"></span>\n  }\n</div>\n", styles: [":host{display:block}.cc-banner{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:1.25rem;padding:.5rem 1.25rem;text-align:center;background:var(--cc-banner-bg, var(--cc-surface, var(--cc-secondary-light, #f8f4ee)))}.cc-banner--plain{margin-bottom:2.5rem;background:var(--cc-banner-bg, var(--cc-bg, #f0ffef))}.cc-banner--split{justify-content:space-between}.cc-banner__title{display:flex;gap:.5rem;align-items:center;justify-content:center}h1{margin:0;font-family:var(--cc-font-heading, inherit);font-size:var(--cc-banner-font-size, 2rem);font-weight:700;color:var(--cc-banner-color, var(--cc-heading, var(--cc-primary, #4c6b4a)))}.cc-banner__icon{width:2.5rem;height:2.5rem}.cc-banner__back{display:flex;color:var(--cc-banner-color, var(--cc-heading, var(--cc-primary, #4c6b4a)));transition:transform .3s ease-in}.cc-banner__back:hover{transform:scale(1.25)}.cc-banner__back img,.cc-banner__back svg,.cc-banner__spacer{width:2rem;height:2rem}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PageBannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cc-page-banner', imports: [RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"cc-banner\" [class.cc-banner--plain]=\"variant() === 'plain'\" [class.cc-banner--split]=\"!!backLink()\">\n  @if (backLink()) {\n    <a class=\"cc-banner__back\" [routerLink]=\"backLink()\" [attr.aria-label]=\"backLabel()\">\n      @if (backIconSrc()) {\n        <img [src]=\"backIconSrc()\" alt=\"\" />\n      } @else {\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n          <path d=\"M15 18l-6-6 6-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n        </svg>\n      }\n    </a>\n  }\n  <div class=\"cc-banner__title\">\n    <h1>{{ title() }}</h1>\n    @if (iconSrc()) {\n      <img [src]=\"iconSrc()\" alt=\"\" class=\"cc-banner__icon\" />\n    }\n  </div>\n  @if (backLink()) {\n    <span class=\"cc-banner__spacer\"></span>\n  }\n</div>\n", styles: [":host{display:block}.cc-banner{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:1.25rem;padding:.5rem 1.25rem;text-align:center;background:var(--cc-banner-bg, var(--cc-surface, var(--cc-secondary-light, #f8f4ee)))}.cc-banner--plain{margin-bottom:2.5rem;background:var(--cc-banner-bg, var(--cc-bg, #f0ffef))}.cc-banner--split{justify-content:space-between}.cc-banner__title{display:flex;gap:.5rem;align-items:center;justify-content:center}h1{margin:0;font-family:var(--cc-font-heading, inherit);font-size:var(--cc-banner-font-size, 2rem);font-weight:700;color:var(--cc-banner-color, var(--cc-heading, var(--cc-primary, #4c6b4a)))}.cc-banner__icon{width:2.5rem;height:2.5rem}.cc-banner__back{display:flex;color:var(--cc-banner-color, var(--cc-heading, var(--cc-primary, #4c6b4a)));transition:transform .3s ease-in}.cc-banner__back:hover{transform:scale(1.25)}.cc-banner__back img,.cc-banner__back svg,.cc-banner__spacer{width:2rem;height:2rem}\n"] }]
+        }] });
+
+/**
+ * Title with a paragraph, used for policy sections.
+ * Extra content (lists, notes) can be projected under the text.
+ *
+ * ```html
+ * <cc-info-item title="Pagos" text="Aceptamos Nequi, Daviplata y efectivo." />
+ * <cc-info-item title="Reservaciones" [text]="texto">
+ *   <ul><li>…</li></ul>
+ * </cc-info-item>
+ * ```
+ */
+class InfoItemComponent {
+    title = input.required();
+    text = input('');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InfoItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: InfoItemComponent, isStandalone: true, selector: "cc-info-item", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<h2 class=\"cc-info__title\">{{ title() }}</h2>\n@if (text()) {\n  <p class=\"cc-info__text\">{{ text() }}</p>\n}\n<ng-content />\n", styles: [":host{display:flex;flex-direction:column;gap:.75rem;width:100%}.cc-info__title{margin:0;font-family:var(--cc-font-heading, inherit);font-size:var(--cc-info-title-size, 1.5rem);font-weight:700;color:var(--cc-info-title-color, var(--cc-accent, var(--cc-secondary, #ceab5d)))}.cc-info__text{margin:0;font-size:1rem;text-align:justify;color:var(--cc-info-text-color, var(--cc-text, var(--cc-primary, #4c6b4a)))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: InfoItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cc-info-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h2 class=\"cc-info__title\">{{ title() }}</h2>\n@if (text()) {\n  <p class=\"cc-info__text\">{{ text() }}</p>\n}\n<ng-content />\n", styles: [":host{display:flex;flex-direction:column;gap:.75rem;width:100%}.cc-info__title{margin:0;font-family:var(--cc-font-heading, inherit);font-size:var(--cc-info-title-size, 1.5rem);font-weight:700;color:var(--cc-info-title-color, var(--cc-accent, var(--cc-secondary, #ceab5d)))}.cc-info__text{margin:0;font-size:1rem;text-align:justify;color:var(--cc-info-text-color, var(--cc-text, var(--cc-primary, #4c6b4a)))}\n"] }]
+        }] });
+
+/**
+ * Frequently asked questions as native `<details>` elements, so the answers
+ * stay in the prerendered HTML for search engines.
+ *
+ * ```html
+ * <cc-faq title="PREGUNTAS FRECUENTES" [items]="faq" />
+ * ```
+ */
+class FaqComponent {
+    items = input.required();
+    title = input('');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FaqComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: FaqComponent, isStandalone: true, selector: "cc-faq", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (title()) {\n  <h2 class=\"cc-faq__title\">{{ title() }}</h2>\n}\n@for (item of items(); track item.question) {\n  <details class=\"cc-faq__item\">\n    <summary>{{ item.question }}</summary>\n    <p>{{ item.answer }}</p>\n  </details>\n}\n", styles: [":host{display:flex;flex-direction:column;gap:1rem}.cc-faq__title{margin:0;font-family:var(--cc-font-heading, inherit);font-size:2rem;font-weight:700;color:var(--cc-faq-title-color, var(--cc-secondary-dark, #9a7521))}.cc-faq__item{padding:1rem;background:var(--cc-faq-bg, var(--cc-surface, var(--cc-secondary-light, #f8f4ee)))}summary{cursor:pointer;font-weight:600;color:var(--cc-faq-question-color, var(--cc-text, var(--cc-primary, #4c6b4a)))}p{margin:0;padding-top:.75rem;color:var(--cc-faq-answer-color, var(--cc-primary-dark, #022b04))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FaqComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cc-faq', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (title()) {\n  <h2 class=\"cc-faq__title\">{{ title() }}</h2>\n}\n@for (item of items(); track item.question) {\n  <details class=\"cc-faq__item\">\n    <summary>{{ item.question }}</summary>\n    <p>{{ item.answer }}</p>\n  </details>\n}\n", styles: [":host{display:flex;flex-direction:column;gap:1rem}.cc-faq__title{margin:0;font-family:var(--cc-font-heading, inherit);font-size:2rem;font-weight:700;color:var(--cc-faq-title-color, var(--cc-secondary-dark, #9a7521))}.cc-faq__item{padding:1rem;background:var(--cc-faq-bg, var(--cc-surface, var(--cc-secondary-light, #f8f4ee)))}summary{cursor:pointer;font-weight:600;color:var(--cc-faq-question-color, var(--cc-text, var(--cc-primary, #4c6b4a)))}p{margin:0;padding-top:.75rem;color:var(--cc-faq-answer-color, var(--cc-primary-dark, #022b04))}\n"] }]
+        }] });
+
+/**
+ * Row of social network icons that open in a new tab.
+ *
+ * ```html
+ * <cc-social-links [links]="socials" size="1.25rem" />
+ * ```
+ */
+class SocialLinksComponent {
+    links = input.required();
+    /** Icon width, any CSS length. */
+    size = input('1rem');
+    gap = input('1.25rem');
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SocialLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: SocialLinksComponent, isStandalone: true, selector: "cc-social-links", inputs: { links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ul class=\"cc-social\" [style.gap]=\"gap()\">\n  @for (link of links(); track link.href) {\n    <li>\n      <a [href]=\"link.href\" target=\"_blank\" rel=\"noopener\" [attr.aria-label]=\"link.label\">\n        <img [src]=\"link.iconSrc\" alt=\"\" [style.width]=\"size()\" />\n      </a>\n    </li>\n  }\n</ul>\n", styles: [":host{display:block}.cc-social{display:flex;align-items:center;margin:0;padding:0;list-style:none}a{display:block;transition:transform .15s ease-in}a:hover{transform:scale(1.1)}img{display:block;height:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SocialLinksComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cc-social-links', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"cc-social\" [style.gap]=\"gap()\">\n  @for (link of links(); track link.href) {\n    <li>\n      <a [href]=\"link.href\" target=\"_blank\" rel=\"noopener\" [attr.aria-label]=\"link.label\">\n        <img [src]=\"link.iconSrc\" alt=\"\" [style.width]=\"size()\" />\n      </a>\n    </li>\n  }\n</ul>\n", styles: [":host{display:block}.cc-social{display:flex;align-items:center;margin:0;padding:0;list-style:none}a{display:block;transition:transform .15s ease-in}a:hover{transform:scale(1.1)}img{display:block;height:auto}\n"] }]
+        }] });
+
+/**
+ * Plan card: image, name and a button.
+ * With `link` the button navigates with the router; without it, it emits `ctaClick`.
+ *
+ * ```html
+ * <cc-plan-card [name]="plan.name" [imageSrc]="plan.imgPath" [link]="['/planes', slug]" />
+ * ```
+ */
+class PlanCardComponent {
+    name = input.required();
+    imageSrc = input.required();
+    /** Defaults to `name`. */
+    imageAlt = input('');
+    /** Optional line under the name, for example the formatted price. */
+    subtitle = input('');
+    link = input(null);
+    ctaLabel = input('Saber más');
+    ctaClick = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PlanCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: PlanCardComponent, isStandalone: true, selector: "cc-plan-card", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, imageSrc: { classPropertyName: "imageSrc", publicName: "imageSrc", isSignal: true, isRequired: true, transformFunction: null }, imageAlt: { classPropertyName: "imageAlt", publicName: "imageAlt", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, link: { classPropertyName: "link", publicName: "link", isSignal: true, isRequired: false, transformFunction: null }, ctaLabel: { classPropertyName: "ctaLabel", publicName: "ctaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ctaClick: "ctaClick" }, ngImport: i0, template: "<article class=\"cc-card\">\n  <img\n    class=\"cc-card__img\"\n    [src]=\"imageSrc()\"\n    [alt]=\"imageAlt() || name()\"\n    loading=\"lazy\"\n    decoding=\"async\"\n  />\n  <h2 class=\"cc-card__name\">{{ name() }}</h2>\n  @if (subtitle()) {\n    <p class=\"cc-card__subtitle\">{{ subtitle() }}</p>\n  }\n  @if (link()) {\n    <a class=\"cc-card__cta\" [routerLink]=\"link()\" (click)=\"ctaClick.emit()\">{{ ctaLabel() }}</a>\n  } @else {\n    <button type=\"button\" class=\"cc-card__cta\" (click)=\"ctaClick.emit()\">{{ ctaLabel() }}</button>\n  }\n</article>\n", styles: [":host{display:block;width:100%;max-width:var(--cc-plan-card-width, 22rem)}.cc-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;height:var(--cc-plan-card-height, 24rem);padding:1.25rem;background:var(--cc-plan-card-bg, var(--cc-surface, var(--cc-secondary-light, #f8f4ee)));border-radius:var(--cc-radius, 0);box-shadow:var(--cc-shadow, 0 4px 6px -1px rgb(0 0 0 / .1))}@media (min-width: 1024px){:host{max-width:var(--cc-plan-card-width-lg, 15rem)}}.cc-card__img{width:13rem;max-width:100%;box-shadow:var(--cc-shadow, 0 4px 6px -1px rgb(0 0 0 / .1))}.cc-card__name{margin:0;font-size:1rem;font-weight:400;text-align:center;color:var(--cc-plan-card-color, inherit)}.cc-card__subtitle{margin:0;font-weight:600;color:var(--cc-heading, var(--cc-primary, #4c6b4a))}.cc-card__cta{padding:.5rem 1.5rem;border:0;font:inherit;text-decoration:none;color:var(--cc-on-accent, var(--cc-bg, #f0ffef));background:var(--cc-plan-card-cta-bg, var(--cc-accent, var(--cc-secondary, #ceab5d)));cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease-in,color .3s ease-in}.cc-card__cta:hover{background:var(--cc-plan-card-cta-hover-bg, var(--cc-accent-hover, var(--cc-secondary-dark, #9a7521)))}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PlanCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cc-plan-card', imports: [RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"cc-card\">\n  <img\n    class=\"cc-card__img\"\n    [src]=\"imageSrc()\"\n    [alt]=\"imageAlt() || name()\"\n    loading=\"lazy\"\n    decoding=\"async\"\n  />\n  <h2 class=\"cc-card__name\">{{ name() }}</h2>\n  @if (subtitle()) {\n    <p class=\"cc-card__subtitle\">{{ subtitle() }}</p>\n  }\n  @if (link()) {\n    <a class=\"cc-card__cta\" [routerLink]=\"link()\" (click)=\"ctaClick.emit()\">{{ ctaLabel() }}</a>\n  } @else {\n    <button type=\"button\" class=\"cc-card__cta\" (click)=\"ctaClick.emit()\">{{ ctaLabel() }}</button>\n  }\n</article>\n", styles: [":host{display:block;width:100%;max-width:var(--cc-plan-card-width, 22rem)}.cc-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;height:var(--cc-plan-card-height, 24rem);padding:1.25rem;background:var(--cc-plan-card-bg, var(--cc-surface, var(--cc-secondary-light, #f8f4ee)));border-radius:var(--cc-radius, 0);box-shadow:var(--cc-shadow, 0 4px 6px -1px rgb(0 0 0 / .1))}@media (min-width: 1024px){:host{max-width:var(--cc-plan-card-width-lg, 15rem)}}.cc-card__img{width:13rem;max-width:100%;box-shadow:var(--cc-shadow, 0 4px 6px -1px rgb(0 0 0 / .1))}.cc-card__name{margin:0;font-size:1rem;font-weight:400;text-align:center;color:var(--cc-plan-card-color, inherit)}.cc-card__subtitle{margin:0;font-weight:600;color:var(--cc-heading, var(--cc-primary, #4c6b4a))}.cc-card__cta{padding:.5rem 1.5rem;border:0;font:inherit;text-decoration:none;color:var(--cc-on-accent, var(--cc-bg, #f0ffef));background:var(--cc-plan-card-cta-bg, var(--cc-accent, var(--cc-secondary, #ceab5d)));cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease-in,color .3s ease-in}.cc-card__cta:hover{background:var(--cc-plan-card-cta-hover-bg, var(--cc-accent-hover, var(--cc-secondary-dark, #9a7521)))}\n"] }]
+        }] });
+
+/**
+ * Vertical category list with a single selected option.
+ * Replaces the `appElementActive` markup the sites used for plan categories.
+ *
+ * ```html
+ * <cc-category-menu [options]="categories" [(selected)]="category" />
+ * ```
+ */
+class CategoryMenuComponent {
+    options = input.required();
+    /** Selected value. Use `[(selected)]` to bind both ways. */
+    selected = model(null);
+    title = input('CATEGORÍA DE PLANES');
+    select(value) {
+        this.selected.set(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CategoryMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: CategoryMenuComponent, isStandalone: true, selector: "cc-category-menu", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: true, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange" }, ngImport: i0, template: "<ul class=\"cc-cat\" role=\"listbox\" [attr.aria-label]=\"title() || null\">\n  @if (title()) {\n    <li class=\"cc-cat__title\" role=\"presentation\">{{ title() }}</li>\n  }\n  @for (option of options(); track option.value) {\n    <li\n      class=\"cc-cat__item\"\n      role=\"option\"\n      tabindex=\"0\"\n      [class.cc-cat__item--active]=\"option.value === selected()\"\n      [attr.aria-selected]=\"option.value === selected()\"\n      (click)=\"select(option.value)\"\n      (keydown.enter)=\"select(option.value)\"\n      (keydown.space)=\"$event.preventDefault(); select(option.value)\"\n    >\n      <span>{{ option.label }}</span>\n      @if (option.count !== undefined && option.count !== null) {\n        <small>{{ option.count }}</small>\n      }\n    </li>\n  }\n</ul>\n", styles: [":host{display:block}.cc-cat{width:100%;margin:0;padding:0;list-style:none}.cc-cat__title{padding:2rem .75rem;font-weight:600;color:var(--cc-category-color, var(--cc-text, var(--cc-primary, #4c6b4a)))}.cc-cat__item{display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 1.25rem;color:var(--cc-category-color, var(--cc-text, var(--cc-primary, #4c6b4a)));cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s,color .15s}.cc-cat__item:hover{background:var(--cc-category-hover-bg, rgb(0 0 0 / .04))}.cc-cat__item:focus-visible{outline:2px solid var(--cc-accent, var(--cc-secondary, #ceab5d));outline-offset:-2px}.cc-cat__item--active{font-weight:700;color:var(--cc-category-active-color, var(--cc-on-accent, var(--cc-bg, #f0ffef)));background:var(--cc-category-active-bg, var(--cc-accent, var(--cc-secondary, #ceab5d)))}.cc-cat__item--active:hover{background:var(--cc-category-active-bg, var(--cc-accent, var(--cc-secondary, #ceab5d)))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: CategoryMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cc-category-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"cc-cat\" role=\"listbox\" [attr.aria-label]=\"title() || null\">\n  @if (title()) {\n    <li class=\"cc-cat__title\" role=\"presentation\">{{ title() }}</li>\n  }\n  @for (option of options(); track option.value) {\n    <li\n      class=\"cc-cat__item\"\n      role=\"option\"\n      tabindex=\"0\"\n      [class.cc-cat__item--active]=\"option.value === selected()\"\n      [attr.aria-selected]=\"option.value === selected()\"\n      (click)=\"select(option.value)\"\n      (keydown.enter)=\"select(option.value)\"\n      (keydown.space)=\"$event.preventDefault(); select(option.value)\"\n    >\n      <span>{{ option.label }}</span>\n      @if (option.count !== undefined && option.count !== null) {\n        <small>{{ option.count }}</small>\n      }\n    </li>\n  }\n</ul>\n", styles: [":host{display:block}.cc-cat{width:100%;margin:0;padding:0;list-style:none}.cc-cat__title{padding:2rem .75rem;font-weight:600;color:var(--cc-category-color, var(--cc-text, var(--cc-primary, #4c6b4a)))}.cc-cat__item{display:flex;align-items:center;justify-content:space-between;height:4rem;padding:0 1.25rem;color:var(--cc-category-color, var(--cc-text, var(--cc-primary, #4c6b4a)));cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s,color .15s}.cc-cat__item:hover{background:var(--cc-category-hover-bg, rgb(0 0 0 / .04))}.cc-cat__item:focus-visible{outline:2px solid var(--cc-accent, var(--cc-secondary, #ceab5d));outline-offset:-2px}.cc-cat__item--active{font-weight:700;color:var(--cc-category-active-color, var(--cc-on-accent, var(--cc-bg, #f0ffef)));background:var(--cc-category-active-bg, var(--cc-accent, var(--cc-secondary, #ceab5d)))}.cc-cat__item--active:hover{background:var(--cc-category-active-bg, var(--cc-accent, var(--cc-secondary, #ceab5d)))}\n"] }]
+        }] });
+
+/**
+ * Text field with a search button. Emits `search` on Enter or on the button.
+ *
+ * ```html
+ * <cc-search-box placeholder="Buscar plan" [(value)]="query" (search)="onSearch($event)" />
+ * ```
+ */
+class SearchBoxComponent {
+    value = model('');
+    placeholder = input('Buscar plan');
+    buttonLabel = input('Buscar');
+    iconSrc = input('');
+    search = output();
+    onInput(event) {
+        this.value.set(event.target.value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: SearchBoxComponent, isStandalone: true, selector: "cc-search-box", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, iconSrc: { classPropertyName: "iconSrc", publicName: "iconSrc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", search: "search" }, ngImport: i0, template: "<form class=\"cc-search\" role=\"search\" (submit)=\"$event.preventDefault(); search.emit(value())\">\n  <input\n    type=\"search\"\n    class=\"cc-search__input\"\n    [placeholder]=\"placeholder()\"\n    [attr.aria-label]=\"placeholder()\"\n    [value]=\"value()\"\n    (input)=\"onInput($event)\"\n  />\n  <button type=\"submit\" class=\"cc-search__btn\" [attr.aria-label]=\"buttonLabel()\">\n    @if (iconSrc()) {\n      <img [src]=\"iconSrc()\" alt=\"\" />\n    } @else {\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <circle cx=\"11\" cy=\"11\" r=\"7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" />\n        <path d=\"m20 20-3.5-3.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n      </svg>\n    }\n  </button>\n</form>\n", styles: [":host{display:block}.cc-search{display:flex;width:100%;margin:0}.cc-search__input{flex:1;min-width:0;padding:0 .75rem;border:2px solid var(--cc-search-border, #e5e7eb);font:inherit;color:inherit;background:#fff}.cc-search__input:focus{outline:none;border-color:var(--cc-accent, var(--cc-secondary, #ceab5d))}.cc-search__btn{display:flex;align-items:center;justify-content:center;width:3rem;min-height:3rem;padding:0;border:0;color:var(--cc-on-accent, var(--cc-bg, #f0ffef));background:var(--cc-search-btn-bg, var(--cc-accent, var(--cc-secondary, #ceab5d)));cursor:pointer}.cc-search__btn:has(img){background:transparent}.cc-search__btn img{width:3rem}.cc-search__btn svg{width:1.5rem;height:1.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cc-search-box', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"cc-search\" role=\"search\" (submit)=\"$event.preventDefault(); search.emit(value())\">\n  <input\n    type=\"search\"\n    class=\"cc-search__input\"\n    [placeholder]=\"placeholder()\"\n    [attr.aria-label]=\"placeholder()\"\n    [value]=\"value()\"\n    (input)=\"onInput($event)\"\n  />\n  <button type=\"submit\" class=\"cc-search__btn\" [attr.aria-label]=\"buttonLabel()\">\n    @if (iconSrc()) {\n      <img [src]=\"iconSrc()\" alt=\"\" />\n    } @else {\n      <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n        <circle cx=\"11\" cy=\"11\" r=\"7\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" />\n        <path d=\"m20 20-3.5-3.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n      </svg>\n    }\n  </button>\n</form>\n", styles: [":host{display:block}.cc-search{display:flex;width:100%;margin:0}.cc-search__input{flex:1;min-width:0;padding:0 .75rem;border:2px solid var(--cc-search-border, #e5e7eb);font:inherit;color:inherit;background:#fff}.cc-search__input:focus{outline:none;border-color:var(--cc-accent, var(--cc-secondary, #ceab5d))}.cc-search__btn{display:flex;align-items:center;justify-content:center;width:3rem;min-height:3rem;padding:0;border:0;color:var(--cc-on-accent, var(--cc-bg, #f0ffef));background:var(--cc-search-btn-bg, var(--cc-accent, var(--cc-secondary, #ceab5d)));cursor:pointer}.cc-search__btn:has(img){background:transparent}.cc-search__btn img{width:3rem}.cc-search__btn svg{width:1.5rem;height:1.5rem}\n"] }]
+        }] });
+
+/**
+ * Filter by included service and price range. The options come in as inputs,
+ * so the form does not load data by itself.
+ *
+ * ```html
+ * <cc-plan-filter-form [services]="services" [priceRanges]="ranges" (filterChange)="apply($event)" />
+ * ```
+ */
+class PlanFilterFormComponent {
+    services = input([]);
+    priceRanges = input([]);
+    serviceLabel = input('Servicio incluido');
+    priceLabel = input('Rango de precio');
+    anyLabel = input('Todos');
+    submitLabel = input('Filtrar');
+    resetLabel = input('Limpiar');
+    /** Emits on submit, and with an empty filter on reset. */
+    filterChange = output();
+    serviceIndex = signal(-1);
+    rangeIndex = signal(-1);
+    toIndex(event) {
+        return Number(event.target.value);
+    }
+    submit() {
+        this.filterChange.emit({
+            service: this.services()[this.serviceIndex()] ?? null,
+            priceRange: this.priceRanges()[this.rangeIndex()] ?? null,
+        });
+    }
+    reset() {
+        this.serviceIndex.set(-1);
+        this.rangeIndex.set(-1);
+        this.filterChange.emit({ service: null, priceRange: null });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PlanFilterFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: PlanFilterFormComponent, isStandalone: true, selector: "cc-plan-filter-form", inputs: { services: { classPropertyName: "services", publicName: "services", isSignal: true, isRequired: false, transformFunction: null }, priceRanges: { classPropertyName: "priceRanges", publicName: "priceRanges", isSignal: true, isRequired: false, transformFunction: null }, serviceLabel: { classPropertyName: "serviceLabel", publicName: "serviceLabel", isSignal: true, isRequired: false, transformFunction: null }, priceLabel: { classPropertyName: "priceLabel", publicName: "priceLabel", isSignal: true, isRequired: false, transformFunction: null }, anyLabel: { classPropertyName: "anyLabel", publicName: "anyLabel", isSignal: true, isRequired: false, transformFunction: null }, submitLabel: { classPropertyName: "submitLabel", publicName: "submitLabel", isSignal: true, isRequired: false, transformFunction: null }, resetLabel: { classPropertyName: "resetLabel", publicName: "resetLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { filterChange: "filterChange" }, ngImport: i0, template: "<form class=\"cc-filter\" (submit)=\"$event.preventDefault(); submit()\">\n  @if (services().length) {\n    <label class=\"cc-filter__field\">\n      <span>{{ serviceLabel() }}</span>\n      <select (change)=\"serviceIndex.set(toIndex($event))\">\n        <option value=\"-1\" [selected]=\"serviceIndex() === -1\">{{ anyLabel() }}</option>\n        @for (service of services(); track $index) {\n          <option [value]=\"$index\" [selected]=\"serviceIndex() === $index\">{{ service.name }}</option>\n        }\n      </select>\n    </label>\n  }\n  @if (priceRanges().length) {\n    <label class=\"cc-filter__field\">\n      <span>{{ priceLabel() }}</span>\n      <select (change)=\"rangeIndex.set(toIndex($event))\">\n        <option value=\"-1\" [selected]=\"rangeIndex() === -1\">{{ anyLabel() }}</option>\n        @for (range of priceRanges(); track $index) {\n          <option [value]=\"$index\" [selected]=\"rangeIndex() === $index\">{{ range.description }}</option>\n        }\n      </select>\n    </label>\n  }\n  <div class=\"cc-filter__actions\">\n    <button type=\"submit\" class=\"cc-filter__submit\">{{ submitLabel() }}</button>\n    <button type=\"button\" class=\"cc-filter__reset\" (click)=\"reset()\">{{ resetLabel() }}</button>\n  </div>\n</form>\n", styles: [":host{display:block}.cc-filter{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.cc-filter__field{display:flex;flex-direction:column;gap:.375rem;font-weight:600;color:var(--cc-text, var(--cc-primary, #4c6b4a))}select{height:2.5rem;padding:0 .5rem;border:2px solid var(--cc-search-border, #e5e7eb);font:inherit;font-weight:400;color:inherit;background:#fff}.cc-filter__actions{display:flex;gap:.75rem}button{padding:.5rem 1.25rem;border:0;font:inherit;cursor:pointer;transition:background-color .15s,color .15s}.cc-filter__submit{color:var(--cc-on-accent, var(--cc-bg, #f0ffef));background:var(--cc-accent, var(--cc-secondary, #ceab5d))}.cc-filter__submit:hover{background:var(--cc-accent-hover, var(--cc-secondary-dark, #9a7521))}.cc-filter__reset{color:var(--cc-text, var(--cc-primary, #4c6b4a));background:transparent;text-decoration:underline}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PlanFilterFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cc-plan-filter-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<form class=\"cc-filter\" (submit)=\"$event.preventDefault(); submit()\">\n  @if (services().length) {\n    <label class=\"cc-filter__field\">\n      <span>{{ serviceLabel() }}</span>\n      <select (change)=\"serviceIndex.set(toIndex($event))\">\n        <option value=\"-1\" [selected]=\"serviceIndex() === -1\">{{ anyLabel() }}</option>\n        @for (service of services(); track $index) {\n          <option [value]=\"$index\" [selected]=\"serviceIndex() === $index\">{{ service.name }}</option>\n        }\n      </select>\n    </label>\n  }\n  @if (priceRanges().length) {\n    <label class=\"cc-filter__field\">\n      <span>{{ priceLabel() }}</span>\n      <select (change)=\"rangeIndex.set(toIndex($event))\">\n        <option value=\"-1\" [selected]=\"rangeIndex() === -1\">{{ anyLabel() }}</option>\n        @for (range of priceRanges(); track $index) {\n          <option [value]=\"$index\" [selected]=\"rangeIndex() === $index\">{{ range.description }}</option>\n        }\n      </select>\n    </label>\n  }\n  <div class=\"cc-filter__actions\">\n    <button type=\"submit\" class=\"cc-filter__submit\">{{ submitLabel() }}</button>\n    <button type=\"button\" class=\"cc-filter__reset\" (click)=\"reset()\">{{ resetLabel() }}</button>\n  </div>\n</form>\n", styles: [":host{display:block}.cc-filter{display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.cc-filter__field{display:flex;flex-direction:column;gap:.375rem;font-weight:600;color:var(--cc-text, var(--cc-primary, #4c6b4a))}select{height:2.5rem;padding:0 .5rem;border:2px solid var(--cc-search-border, #e5e7eb);font:inherit;font-weight:400;color:inherit;background:#fff}.cc-filter__actions{display:flex;gap:.75rem}button{padding:.5rem 1.25rem;border:0;font:inherit;cursor:pointer;transition:background-color .15s,color .15s}.cc-filter__submit{color:var(--cc-on-accent, var(--cc-bg, #f0ffef));background:var(--cc-accent, var(--cc-secondary, #ceab5d))}.cc-filter__submit:hover{background:var(--cc-accent-hover, var(--cc-secondary-dark, #9a7521))}.cc-filter__reset{color:var(--cc-text, var(--cc-primary, #4c6b4a));background:transparent;text-decoration:underline}\n"] }]
+        }] });
+
+/** Marks an `<ng-template>` inside `cc-plan-catalog` as the card to render for each plan. */
+class PlanCardTemplateDirective {
+    static ngTemplateContextGuard(_dir, ctx) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PlanCardTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.6", type: PlanCardTemplateDirective, isStandalone: true, selector: "ng-template[ccPlanCard]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PlanCardTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[ccPlanCard]' }]
+        }] });
+/**
+ * Full plan list page: title, name search, category menu, filter and card grid.
+ * It only needs the plans; the rest has Spanish defaults you can override.
+ *
+ * Selecting a category shows its plans. Searching by name or applying the filter
+ * looks across every category, as the sites already did.
+ *
+ * ```html
+ * <cc-plan-catalog
+ *   [plans]="plans()"
+ *   [services]="services()"
+ *   [priceRanges]="ranges()"
+ *   imageAltSuffix=" - Laurel Spa Medellín"
+ * />
+ * ```
+ */
+class PlanCatalogComponent {
+    plans = input.required();
+    categories = input(DEFAULT_PLAN_CATEGORIES);
+    initialCategory = input(PlanCategory.Individual);
+    /** Shows how many plans each category has, counted from `plans`. */
+    showCounts = input(true);
+    /** Options for the filter form. The filter is hidden when both are empty. */
+    services = input([]);
+    priceRanges = input([]);
+    /** Where each card links to. Defaults to `/planes/<slug>`. */
+    detailsLink = input((plan) => ['/planes', planSlug(plan)]);
+    showBanner = input(true);
+    showSearch = input(true);
+    titlePrefix = input('Reserva tu plan');
+    resultsTitle = input('Resultados');
+    categoriesTitle = input('CATEGORÍA DE PLANES');
+    searchPlaceholder = input('Buscar plan');
+    searchIconSrc = input('');
+    filterTitle = input('Filtrar');
+    filterIconSrc = input('');
+    ctaLabel = input('Saber más');
+    /** Added after the plan name in each image's alt text. */
+    imageAltSuffix = input('');
+    emptyMessage = input('No encontramos planes con esos criterios.');
+    categoryChange = output();
+    cardTemplate = contentChild(PlanCardTemplateDirective, { read: TemplateRef });
+    category = signal(null);
+    query = signal('');
+    filter = signal(null);
+    filterOpen = signal(false);
+    /** Set when the user searched or filtered; results then cover every category. */
+    searching = signal(false);
+    /** Category that was open before searching, to return to it when the search is cleared. */
+    lastCategory = null;
+    constructor() {
+        // Apply `initialCategory` until the user picks one.
+        effect(() => {
+            const initial = this.initialCategory();
+            untracked(() => {
+                if (!this.searching())
+                    this.category.set(initial);
+            });
+        });
+    }
+    categoryOptions = computed(() => this.showCounts() ? withCategoryCounts(this.categories(), this.plans()) : this.categories());
+    hasFilter = computed(() => this.services().length > 0 || this.priceRanges().length > 0);
+    visiblePlans = computed(() => {
+        const plans = this.plans();
+        if (!this.searching()) {
+            const category = this.category();
+            return category === null ? plans : filterPlansByCategory(plans, category);
+        }
+        const byName = searchPlansByName(plans, this.query());
+        const filter = this.filter();
+        return filter ? filterPlans(byName, filter) : byName;
+    });
+    title = computed(() => {
+        if (this.searching())
+            return `${this.titlePrefix()} - ${this.resultsTitle()}`;
+        const option = this.categories().find((c) => c.value === this.category());
+        return option ? `${this.titlePrefix()} - ${option.label}` : this.titlePrefix();
+    });
+    selectCategory(value) {
+        if (value === null)
+            return;
+        this.searching.set(false);
+        this.query.set('');
+        this.filter.set(null);
+        this.category.set(value);
+        this.categoryChange.emit(value);
+    }
+    onSearch(query) {
+        this.query.set(query);
+        if (!query.trim() && !this.filter()) {
+            this.selectCategory(this.lastCategory ?? this.initialCategory());
+            return;
+        }
+        this.startSearch();
+    }
+    onFilter(filter) {
+        const empty = !filter.service && !filter.priceRange;
+        this.filter.set(empty ? null : filter);
+        if (empty && !this.query().trim()) {
+            this.selectCategory(this.lastCategory ?? this.initialCategory());
+            return;
+        }
+        this.startSearch();
+    }
+    linkFor(plan) {
+        return this.detailsLink()(plan);
+    }
+    startSearch() {
+        if (!this.searching())
+            this.lastCategory = this.category();
+        this.searching.set(true);
+        this.category.set(null);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PlanCatalogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: PlanCatalogComponent, isStandalone: true, selector: "cc-plan-catalog", inputs: { plans: { classPropertyName: "plans", publicName: "plans", isSignal: true, isRequired: true, transformFunction: null }, categories: { classPropertyName: "categories", publicName: "categories", isSignal: true, isRequired: false, transformFunction: null }, initialCategory: { classPropertyName: "initialCategory", publicName: "initialCategory", isSignal: true, isRequired: false, transformFunction: null }, showCounts: { classPropertyName: "showCounts", publicName: "showCounts", isSignal: true, isRequired: false, transformFunction: null }, services: { classPropertyName: "services", publicName: "services", isSignal: true, isRequired: false, transformFunction: null }, priceRanges: { classPropertyName: "priceRanges", publicName: "priceRanges", isSignal: true, isRequired: false, transformFunction: null }, detailsLink: { classPropertyName: "detailsLink", publicName: "detailsLink", isSignal: true, isRequired: false, transformFunction: null }, showBanner: { classPropertyName: "showBanner", publicName: "showBanner", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, titlePrefix: { classPropertyName: "titlePrefix", publicName: "titlePrefix", isSignal: true, isRequired: false, transformFunction: null }, resultsTitle: { classPropertyName: "resultsTitle", publicName: "resultsTitle", isSignal: true, isRequired: false, transformFunction: null }, categoriesTitle: { classPropertyName: "categoriesTitle", publicName: "categoriesTitle", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, searchIconSrc: { classPropertyName: "searchIconSrc", publicName: "searchIconSrc", isSignal: true, isRequired: false, transformFunction: null }, filterTitle: { classPropertyName: "filterTitle", publicName: "filterTitle", isSignal: true, isRequired: false, transformFunction: null }, filterIconSrc: { classPropertyName: "filterIconSrc", publicName: "filterIconSrc", isSignal: true, isRequired: false, transformFunction: null }, ctaLabel: { classPropertyName: "ctaLabel", publicName: "ctaLabel", isSignal: true, isRequired: false, transformFunction: null }, imageAltSuffix: { classPropertyName: "imageAltSuffix", publicName: "imageAltSuffix", isSignal: true, isRequired: false, transformFunction: null }, emptyMessage: { classPropertyName: "emptyMessage", publicName: "emptyMessage", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { categoryChange: "categoryChange" }, queries: [{ propertyName: "cardTemplate", first: true, predicate: PlanCardTemplateDirective, descendants: true, read: TemplateRef, isSignal: true }], ngImport: i0, template: "@if (showBanner()) {\n  <cc-page-banner [title]=\"title()\" />\n}\n\n<div class=\"cc-catalog\">\n  <aside class=\"cc-catalog__side\">\n    @if (showSearch()) {\n      <cc-search-box\n        [placeholder]=\"searchPlaceholder()\"\n        [iconSrc]=\"searchIconSrc()\"\n        [(value)]=\"query\"\n        (search)=\"onSearch($event)\"\n      />\n    }\n\n    <div class=\"cc-catalog__panel\">\n      <cc-category-menu\n        [title]=\"categoriesTitle()\"\n        [options]=\"categoryOptions()\"\n        [selected]=\"category()\"\n        (selectedChange)=\"selectCategory($event)\"\n      />\n\n      @if (hasFilter()) {\n        <hr class=\"cc-catalog__rule\" />\n        <button\n          type=\"button\"\n          class=\"cc-catalog__filter-toggle\"\n          [attr.aria-expanded]=\"filterOpen()\"\n          (click)=\"filterOpen.set(!filterOpen())\"\n        >\n          <span>{{ filterTitle() }}</span>\n          @if (filterIconSrc()) {\n            <img [src]=\"filterIconSrc()\" alt=\"\" />\n          } @else {\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M3 5h18l-7 8v6l-4-2v-4L3 5Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\" />\n            </svg>\n          }\n        </button>\n        @if (filterOpen()) {\n          <cc-plan-filter-form\n            [services]=\"services()\"\n            [priceRanges]=\"priceRanges()\"\n            (filterChange)=\"onFilter($event)\"\n          />\n        }\n      }\n    </div>\n  </aside>\n\n  @if (visiblePlans().length) {\n    <div class=\"cc-catalog__grid\">\n      @for (plan of visiblePlans(); track plan.id) {\n        @if (cardTemplate(); as tpl) {\n          <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: plan, link: linkFor(plan) }\" />\n        } @else {\n          <cc-plan-card\n            [name]=\"plan.name\"\n            [imageSrc]=\"plan.imgPath\"\n            [imageAlt]=\"plan.name + imageAltSuffix()\"\n            [link]=\"linkFor(plan)\"\n            [ctaLabel]=\"ctaLabel()\"\n          />\n        }\n      }\n    </div>\n  } @else {\n    <p class=\"cc-catalog__empty\">{{ emptyMessage() }}</p>\n  }\n</div>\n", styles: [":host{display:block}.cc-catalog{display:flex;flex-direction:column;gap:4rem}.cc-catalog__side{display:flex;flex-direction:column;width:100%;overflow:hidden}.cc-catalog__panel{width:100%;box-sizing:border-box;padding:1.25rem;background:var(--cc-catalog-panel-bg, var(--cc-surface, var(--cc-secondary-light, #f8f4ee)))}.cc-catalog__rule{height:.1rem;margin:0 0 1.5rem;border:0;background:#d1d5db}.cc-catalog__filter-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 1.25rem;border:0;font:inherit;font-weight:700;color:var(--cc-text, var(--cc-primary, #4c6b4a));background:transparent;cursor:pointer}.cc-catalog__filter-toggle img,.cc-catalog__filter-toggle svg{width:1.75rem;height:1.75rem}.cc-catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--cc-catalog-column-min, 15rem)),1fr));gap:2rem 1.5rem;width:100%;height:auto;place-items:center;align-content:start}.cc-catalog__empty{width:100%;margin:0;font-size:1.5rem;text-align:center;color:var(--cc-accent, var(--cc-secondary, #ceab5d))}@media (min-width: 1024px){.cc-catalog{flex-direction:row}.cc-catalog__side{flex:none;width:24rem}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PageBannerComponent, selector: "cc-page-banner", inputs: ["title", "variant", "iconSrc", "backLink", "backIconSrc", "backLabel"] }, { kind: "component", type: SearchBoxComponent, selector: "cc-search-box", inputs: ["value", "placeholder", "buttonLabel", "iconSrc"], outputs: ["valueChange", "search"] }, { kind: "component", type: CategoryMenuComponent, selector: "cc-category-menu", inputs: ["options", "selected", "title"], outputs: ["selectedChange"] }, { kind: "component", type: PlanFilterFormComponent, selector: "cc-plan-filter-form", inputs: ["services", "priceRanges", "serviceLabel", "priceLabel", "anyLabel", "submitLabel", "resetLabel"], outputs: ["filterChange"] }, { kind: "component", type: PlanCardComponent, selector: "cc-plan-card", inputs: ["name", "imageSrc", "imageAlt", "subtitle", "link", "ctaLabel"], outputs: ["ctaClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PlanCatalogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cc-plan-catalog', imports: [
+                        NgTemplateOutlet,
+                        PageBannerComponent,
+                        SearchBoxComponent,
+                        CategoryMenuComponent,
+                        PlanFilterFormComponent,
+                        PlanCardComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showBanner()) {\n  <cc-page-banner [title]=\"title()\" />\n}\n\n<div class=\"cc-catalog\">\n  <aside class=\"cc-catalog__side\">\n    @if (showSearch()) {\n      <cc-search-box\n        [placeholder]=\"searchPlaceholder()\"\n        [iconSrc]=\"searchIconSrc()\"\n        [(value)]=\"query\"\n        (search)=\"onSearch($event)\"\n      />\n    }\n\n    <div class=\"cc-catalog__panel\">\n      <cc-category-menu\n        [title]=\"categoriesTitle()\"\n        [options]=\"categoryOptions()\"\n        [selected]=\"category()\"\n        (selectedChange)=\"selectCategory($event)\"\n      />\n\n      @if (hasFilter()) {\n        <hr class=\"cc-catalog__rule\" />\n        <button\n          type=\"button\"\n          class=\"cc-catalog__filter-toggle\"\n          [attr.aria-expanded]=\"filterOpen()\"\n          (click)=\"filterOpen.set(!filterOpen())\"\n        >\n          <span>{{ filterTitle() }}</span>\n          @if (filterIconSrc()) {\n            <img [src]=\"filterIconSrc()\" alt=\"\" />\n          } @else {\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"M3 5h18l-7 8v6l-4-2v-4L3 5Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\" />\n            </svg>\n          }\n        </button>\n        @if (filterOpen()) {\n          <cc-plan-filter-form\n            [services]=\"services()\"\n            [priceRanges]=\"priceRanges()\"\n            (filterChange)=\"onFilter($event)\"\n          />\n        }\n      }\n    </div>\n  </aside>\n\n  @if (visiblePlans().length) {\n    <div class=\"cc-catalog__grid\">\n      @for (plan of visiblePlans(); track plan.id) {\n        @if (cardTemplate(); as tpl) {\n          <ng-container *ngTemplateOutlet=\"tpl; context: { $implicit: plan, link: linkFor(plan) }\" />\n        } @else {\n          <cc-plan-card\n            [name]=\"plan.name\"\n            [imageSrc]=\"plan.imgPath\"\n            [imageAlt]=\"plan.name + imageAltSuffix()\"\n            [link]=\"linkFor(plan)\"\n            [ctaLabel]=\"ctaLabel()\"\n          />\n        }\n      }\n    </div>\n  } @else {\n    <p class=\"cc-catalog__empty\">{{ emptyMessage() }}</p>\n  }\n</div>\n", styles: [":host{display:block}.cc-catalog{display:flex;flex-direction:column;gap:4rem}.cc-catalog__side{display:flex;flex-direction:column;width:100%;overflow:hidden}.cc-catalog__panel{width:100%;box-sizing:border-box;padding:1.25rem;background:var(--cc-catalog-panel-bg, var(--cc-surface, var(--cc-secondary-light, #f8f4ee)))}.cc-catalog__rule{height:.1rem;margin:0 0 1.5rem;border:0;background:#d1d5db}.cc-catalog__filter-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 1.25rem;border:0;font:inherit;font-weight:700;color:var(--cc-text, var(--cc-primary, #4c6b4a));background:transparent;cursor:pointer}.cc-catalog__filter-toggle img,.cc-catalog__filter-toggle svg{width:1.75rem;height:1.75rem}.cc-catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--cc-catalog-column-min, 15rem)),1fr));gap:2rem 1.5rem;width:100%;height:auto;place-items:center;align-content:start}.cc-catalog__empty{width:100%;margin:0;font-size:1.5rem;text-align:center;color:var(--cc-accent, var(--cc-secondary, #ceab5d))}@media (min-width: 1024px){.cc-catalog{flex-direction:row}.cc-catalog__side{flex:none;width:24rem}}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Plan detail view: title with a back link, photo, price, description, duration,
+ * number of people, included services, and a gift box with the booking button.
+ * It only renders; the page loads the plan and handles SEO.
+ *
+ * ```html
+ * <cc-plan-details [plan]="plan" [bookingUrl]="whatsappLink" imageAltSuffix=" en Laurel Spa Medellín" />
+ * ```
+ */
+class PlanDetailsComponent {
+    plan = input.required();
+    /** Link of the booking button, usually WhatsApp. */
+    bookingUrl = input.required();
+    bookingLabel = input('¡RESERVAR AHORA!');
+    showBanner = input(true);
+    backLink = input('/planes');
+    backLabel = input('Volver a los planes');
+    backIconSrc = input('');
+    titleIconSrc = input('');
+    /** Added after the plan name in the photo's alt text. */
+    imageAltSuffix = input('');
+    /** Arguments of Angular's `currency` pipe. */
+    currencyCode = input('COP');
+    currencyDisplay = input('COP$ ');
+    currencyDigits = input('1.0-0');
+    durationIconSrc = input('');
+    personIconSrc = input('');
+    peopleIconSrc = input('');
+    personLabel = input('persona');
+    peopleLabel = input('Personas');
+    includesLabel = input('Incluye:');
+    /** Gift box. It is hidden when `perks` is empty. */
+    perksTitle = input('Recibe con nuestro plan');
+    perks = input([
+        'Gift Card de invitación en PDF para regalo.',
+        'Decoración según la ocasión que celebres.',
+    ]);
+    perksImageSrc = input('');
+    perksImageAlt = input('Gift card de regalo');
+    people = computed(() => Math.max(this.plan().cuantity || 1, 1));
+    services = computed(() => this.plan().additionalServices ?? []);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PlanDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: PlanDetailsComponent, isStandalone: true, selector: "cc-plan-details", inputs: { plan: { classPropertyName: "plan", publicName: "plan", isSignal: true, isRequired: true, transformFunction: null }, bookingUrl: { classPropertyName: "bookingUrl", publicName: "bookingUrl", isSignal: true, isRequired: true, transformFunction: null }, bookingLabel: { classPropertyName: "bookingLabel", publicName: "bookingLabel", isSignal: true, isRequired: false, transformFunction: null }, showBanner: { classPropertyName: "showBanner", publicName: "showBanner", isSignal: true, isRequired: false, transformFunction: null }, backLink: { classPropertyName: "backLink", publicName: "backLink", isSignal: true, isRequired: false, transformFunction: null }, backLabel: { classPropertyName: "backLabel", publicName: "backLabel", isSignal: true, isRequired: false, transformFunction: null }, backIconSrc: { classPropertyName: "backIconSrc", publicName: "backIconSrc", isSignal: true, isRequired: false, transformFunction: null }, titleIconSrc: { classPropertyName: "titleIconSrc", publicName: "titleIconSrc", isSignal: true, isRequired: false, transformFunction: null }, imageAltSuffix: { classPropertyName: "imageAltSuffix", publicName: "imageAltSuffix", isSignal: true, isRequired: false, transformFunction: null }, currencyCode: { classPropertyName: "currencyCode", publicName: "currencyCode", isSignal: true, isRequired: false, transformFunction: null }, currencyDisplay: { classPropertyName: "currencyDisplay", publicName: "currencyDisplay", isSignal: true, isRequired: false, transformFunction: null }, currencyDigits: { classPropertyName: "currencyDigits", publicName: "currencyDigits", isSignal: true, isRequired: false, transformFunction: null }, durationIconSrc: { classPropertyName: "durationIconSrc", publicName: "durationIconSrc", isSignal: true, isRequired: false, transformFunction: null }, personIconSrc: { classPropertyName: "personIconSrc", publicName: "personIconSrc", isSignal: true, isRequired: false, transformFunction: null }, peopleIconSrc: { classPropertyName: "peopleIconSrc", publicName: "peopleIconSrc", isSignal: true, isRequired: false, transformFunction: null }, personLabel: { classPropertyName: "personLabel", publicName: "personLabel", isSignal: true, isRequired: false, transformFunction: null }, peopleLabel: { classPropertyName: "peopleLabel", publicName: "peopleLabel", isSignal: true, isRequired: false, transformFunction: null }, includesLabel: { classPropertyName: "includesLabel", publicName: "includesLabel", isSignal: true, isRequired: false, transformFunction: null }, perksTitle: { classPropertyName: "perksTitle", publicName: "perksTitle", isSignal: true, isRequired: false, transformFunction: null }, perks: { classPropertyName: "perks", publicName: "perks", isSignal: true, isRequired: false, transformFunction: null }, perksImageSrc: { classPropertyName: "perksImageSrc", publicName: "perksImageSrc", isSignal: true, isRequired: false, transformFunction: null }, perksImageAlt: { classPropertyName: "perksImageAlt", publicName: "perksImageAlt", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (showBanner()) {\n  <cc-page-banner\n    variant=\"plain\"\n    [title]=\"plan().name\"\n    [iconSrc]=\"titleIconSrc()\"\n    [backLink]=\"backLink()\"\n    [backLabel]=\"backLabel()\"\n    [backIconSrc]=\"backIconSrc()\"\n  />\n}\n\n<div class=\"cc-details\">\n  <div class=\"cc-details__media\">\n    <img class=\"cc-details__photo\" [src]=\"plan().imgPath\" [alt]=\"plan().name + imageAltSuffix()\" />\n    <ng-content select=\"[ccDetailsMedia]\" />\n  </div>\n\n  <div class=\"cc-details__panel\">\n    <div class=\"cc-details__info\">\n      <div class=\"cc-details__price\">\n        <p>{{ plan().price | currency: currencyCode() : currencyDisplay() : currencyDigits() }}</p>\n      </div>\n\n      <p class=\"cc-details__description\">{{ plan().description }}</p>\n\n      <div class=\"cc-details__facts\">\n        <div class=\"cc-details__fact\">\n          @if (durationIconSrc()) {\n            <img [src]=\"durationIconSrc()\" alt=\"Duraci\u00F3n\" />\n          } @else {\n            <svg viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Duraci\u00F3n\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" />\n              <path d=\"M12 7v5l3 2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n            </svg>\n          }\n          <small>{{ plan().duration }}</small>\n        </div>\n\n        <div class=\"cc-details__fact\">\n          @if (people() > 1) {\n            @if (peopleIconSrc()) {\n              <img [src]=\"peopleIconSrc()\" alt=\"\" />\n            } @else {\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <circle cx=\"9\" cy=\"8\" r=\"3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" />\n                <circle cx=\"17\" cy=\"9\" r=\"2.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" />\n                <path d=\"M2.5 20a6.5 6.5 0 0 1 13 0M15 14.5a5 5 0 0 1 6.5 4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n              </svg>\n            }\n            <small>{{ people() }} {{ peopleLabel() }}</small>\n          } @else {\n            @if (personIconSrc()) {\n              <img [src]=\"personIconSrc()\" alt=\"\" />\n            } @else {\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <circle cx=\"12\" cy=\"8\" r=\"4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" />\n                <path d=\"M4.5 20a7.5 7.5 0 0 1 15 0\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n              </svg>\n            }\n            <small>1 {{ personLabel() }}</small>\n          }\n        </div>\n      </div>\n\n      @if (services().length) {\n        <h2 class=\"cc-details__includes\">{{ includesLabel() }}</h2>\n        <ul class=\"cc-details__services\">\n          @for (service of services(); track $index) {\n            <li>\n              <img [src]=\"service.iconPath\" alt=\"\" />\n              <small>{{ service.name }}</small>\n            </li>\n          }\n        </ul>\n      }\n\n      <ng-content />\n\n      <div class=\"cc-details__gift\" [class.cc-details__gift--solo]=\"!perks().length\">\n        @if (perks().length) {\n          @if (perksImageSrc()) {\n            <img class=\"cc-details__gift-img\" [src]=\"perksImageSrc()\" [alt]=\"perksImageAlt()\" loading=\"lazy\" />\n          }\n          <div class=\"cc-details__perks\">\n            <h2>{{ perksTitle() }}</h2>\n            <ul>\n              @for (perk of perks(); track $index) {\n                <li>{{ perk }}</li>\n              }\n            </ul>\n          </div>\n        }\n        <div class=\"cc-details__cta-wrap\">\n          <a class=\"cc-details__cta\" [href]=\"bookingUrl()\" target=\"_blank\" rel=\"noopener\">{{ bookingLabel() }}</a>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;color:var(--cc-text, var(--cc-primary, #4c6b4a))}.cc-details{display:flex;flex-direction:column;gap:3rem}.cc-details__media{display:flex;flex-direction:column;gap:2.5rem}.cc-details__photo{display:block;width:100%;max-width:60rem;box-shadow:var(--cc-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1))}.cc-details__panel{background:var(--cc-details-panel-bg, var(--cc-surface, var(--cc-secondary-light, #f8f4ee)))}.cc-details__info{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:2.5rem;width:100%;padding:5rem 2.5rem 1.25rem}.cc-details__price{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;padding:.25rem 1.5rem;white-space:nowrap;text-align:center;background:var(--cc-details-price-bg, var(--cc-heading, var(--cc-primary, #4c6b4a)));box-shadow:0 1px 2px #0000000d}.cc-details__price p{margin:0;font-family:var(--cc-font-heading, inherit);font-size:1.6rem;font-weight:700;color:var(--cc-on-accent, var(--cc-bg, #f0ffef))}.cc-details__description{margin:0}.cc-details__facts{display:flex;gap:2.5rem}.cc-details__fact{display:flex;flex-direction:column;align-items:center;gap:.25rem}.cc-details__fact img,.cc-details__fact svg{width:1.75rem;height:1.75rem}.cc-details__includes{margin:0;font-size:1rem;font-weight:600;color:var(--cc-heading, var(--cc-primary, #4c6b4a))}.cc-details__services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}.cc-details__services li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}.cc-details__services img{width:2rem}.cc-details__gift{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1.25rem;width:100%;padding:.5rem;border:2px dashed var(--cc-details-gift-border, var(--cc-secondary-light, #f8f4ee))}.cc-details__gift--solo{border:0;padding:0}.cc-details__gift-img{width:100%}.cc-details__perks{display:flex;flex-direction:column;gap:1.25rem}.cc-details__perks h2{margin:0;font-size:1rem;font-weight:600;color:var(--cc-accent, var(--cc-secondary, #ceab5d))}.cc-details__perks ul{margin:0;padding:0;list-style:none}.cc-details__cta-wrap{display:flex;align-items:flex-end;width:100%;height:100%}.cc-details__cta{padding:.75rem 2.5rem;white-space:nowrap;text-decoration:none;color:var(--cc-on-accent, var(--cc-bg, #f0ffef));background:var(--cc-accent, var(--cc-secondary, #ceab5d));box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transition:background-color .15s ease-in}.cc-details__cta:hover{background:var(--cc-accent-hover, var(--cc-secondary-dark, #9a7521))}@media (min-width: 1024px){.cc-details{flex-direction:row;gap:7rem}.cc-details__media,.cc-details__panel{flex:1 1 0}.cc-details__info{gap:1.25rem}.cc-details__price{width:auto;min-width:30%}.cc-details__services{grid-template-columns:repeat(6,minmax(0,1fr))}.cc-details__gift{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem 1.5rem;padding:1.25rem}.cc-details__gift--solo{grid-template-columns:1fr;padding:0}.cc-details__gift-img{width:10rem}.cc-details__perks{gap:.5rem}.cc-details__perks ul{padding-left:1.25rem;list-style:disc}.cc-details__cta-wrap{grid-column:1 / -1;justify-content:flex-end;width:100%}}\n"], dependencies: [{ kind: "pipe", type: CurrencyPipe, name: "currency" }, { kind: "component", type: PageBannerComponent, selector: "cc-page-banner", inputs: ["title", "variant", "iconSrc", "backLink", "backIconSrc", "backLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: PlanDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cc-plan-details', imports: [CurrencyPipe, PageBannerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (showBanner()) {\n  <cc-page-banner\n    variant=\"plain\"\n    [title]=\"plan().name\"\n    [iconSrc]=\"titleIconSrc()\"\n    [backLink]=\"backLink()\"\n    [backLabel]=\"backLabel()\"\n    [backIconSrc]=\"backIconSrc()\"\n  />\n}\n\n<div class=\"cc-details\">\n  <div class=\"cc-details__media\">\n    <img class=\"cc-details__photo\" [src]=\"plan().imgPath\" [alt]=\"plan().name + imageAltSuffix()\" />\n    <ng-content select=\"[ccDetailsMedia]\" />\n  </div>\n\n  <div class=\"cc-details__panel\">\n    <div class=\"cc-details__info\">\n      <div class=\"cc-details__price\">\n        <p>{{ plan().price | currency: currencyCode() : currencyDisplay() : currencyDigits() }}</p>\n      </div>\n\n      <p class=\"cc-details__description\">{{ plan().description }}</p>\n\n      <div class=\"cc-details__facts\">\n        <div class=\"cc-details__fact\">\n          @if (durationIconSrc()) {\n            <img [src]=\"durationIconSrc()\" alt=\"Duraci\u00F3n\" />\n          } @else {\n            <svg viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Duraci\u00F3n\">\n              <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" />\n              <path d=\"M12 7v5l3 2\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n            </svg>\n          }\n          <small>{{ plan().duration }}</small>\n        </div>\n\n        <div class=\"cc-details__fact\">\n          @if (people() > 1) {\n            @if (peopleIconSrc()) {\n              <img [src]=\"peopleIconSrc()\" alt=\"\" />\n            } @else {\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <circle cx=\"9\" cy=\"8\" r=\"3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" />\n                <circle cx=\"17\" cy=\"9\" r=\"2.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" />\n                <path d=\"M2.5 20a6.5 6.5 0 0 1 13 0M15 14.5a5 5 0 0 1 6.5 4.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n              </svg>\n            }\n            <small>{{ people() }} {{ peopleLabel() }}</small>\n          } @else {\n            @if (personIconSrc()) {\n              <img [src]=\"personIconSrc()\" alt=\"\" />\n            } @else {\n              <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n                <circle cx=\"12\" cy=\"8\" r=\"4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" />\n                <path d=\"M4.5 20a7.5 7.5 0 0 1 15 0\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" />\n              </svg>\n            }\n            <small>1 {{ personLabel() }}</small>\n          }\n        </div>\n      </div>\n\n      @if (services().length) {\n        <h2 class=\"cc-details__includes\">{{ includesLabel() }}</h2>\n        <ul class=\"cc-details__services\">\n          @for (service of services(); track $index) {\n            <li>\n              <img [src]=\"service.iconPath\" alt=\"\" />\n              <small>{{ service.name }}</small>\n            </li>\n          }\n        </ul>\n      }\n\n      <ng-content />\n\n      <div class=\"cc-details__gift\" [class.cc-details__gift--solo]=\"!perks().length\">\n        @if (perks().length) {\n          @if (perksImageSrc()) {\n            <img class=\"cc-details__gift-img\" [src]=\"perksImageSrc()\" [alt]=\"perksImageAlt()\" loading=\"lazy\" />\n          }\n          <div class=\"cc-details__perks\">\n            <h2>{{ perksTitle() }}</h2>\n            <ul>\n              @for (perk of perks(); track $index) {\n                <li>{{ perk }}</li>\n              }\n            </ul>\n          </div>\n        }\n        <div class=\"cc-details__cta-wrap\">\n          <a class=\"cc-details__cta\" [href]=\"bookingUrl()\" target=\"_blank\" rel=\"noopener\">{{ bookingLabel() }}</a>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;color:var(--cc-text, var(--cc-primary, #4c6b4a))}.cc-details{display:flex;flex-direction:column;gap:3rem}.cc-details__media{display:flex;flex-direction:column;gap:2.5rem}.cc-details__photo{display:block;width:100%;max-width:60rem;box-shadow:var(--cc-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1))}.cc-details__panel{background:var(--cc-details-panel-bg, var(--cc-surface, var(--cc-secondary-light, #f8f4ee)))}.cc-details__info{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:2.5rem;width:100%;padding:5rem 2.5rem 1.25rem}.cc-details__price{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;padding:.25rem 1.5rem;white-space:nowrap;text-align:center;background:var(--cc-details-price-bg, var(--cc-heading, var(--cc-primary, #4c6b4a)));box-shadow:0 1px 2px #0000000d}.cc-details__price p{margin:0;font-family:var(--cc-font-heading, inherit);font-size:1.6rem;font-weight:700;color:var(--cc-on-accent, var(--cc-bg, #f0ffef))}.cc-details__description{margin:0}.cc-details__facts{display:flex;gap:2.5rem}.cc-details__fact{display:flex;flex-direction:column;align-items:center;gap:.25rem}.cc-details__fact img,.cc-details__fact svg{width:1.75rem;height:1.75rem}.cc-details__includes{margin:0;font-size:1rem;font-weight:600;color:var(--cc-heading, var(--cc-primary, #4c6b4a))}.cc-details__services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}.cc-details__services li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}.cc-details__services img{width:2rem}.cc-details__gift{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1.25rem;width:100%;padding:.5rem;border:2px dashed var(--cc-details-gift-border, var(--cc-secondary-light, #f8f4ee))}.cc-details__gift--solo{border:0;padding:0}.cc-details__gift-img{width:100%}.cc-details__perks{display:flex;flex-direction:column;gap:1.25rem}.cc-details__perks h2{margin:0;font-size:1rem;font-weight:600;color:var(--cc-accent, var(--cc-secondary, #ceab5d))}.cc-details__perks ul{margin:0;padding:0;list-style:none}.cc-details__cta-wrap{display:flex;align-items:flex-end;width:100%;height:100%}.cc-details__cta{padding:.75rem 2.5rem;white-space:nowrap;text-decoration:none;color:var(--cc-on-accent, var(--cc-bg, #f0ffef));background:var(--cc-accent, var(--cc-secondary, #ceab5d));box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transition:background-color .15s ease-in}.cc-details__cta:hover{background:var(--cc-accent-hover, var(--cc-secondary-dark, #9a7521))}@media (min-width: 1024px){.cc-details{flex-direction:row;gap:7rem}.cc-details__media,.cc-details__panel{flex:1 1 0}.cc-details__info{gap:1.25rem}.cc-details__price{width:auto;min-width:30%}.cc-details__services{grid-template-columns:repeat(6,minmax(0,1fr))}.cc-details__gift{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem 1.5rem;padding:1.25rem}.cc-details__gift--solo{grid-template-columns:1fr;padding:0}.cc-details__gift-img{width:10rem}.cc-details__perks{gap:.5rem}.cc-details__perks ul{padding-left:1.25rem;list-style:disc}.cc-details__cta-wrap{grid-column:1 / -1;justify-content:flex-end;width:100%}}\n"] }]
+        }] });
+
+/**
+ * Full-screen image viewer. It is open while `index` is not null.
+ * Arrow keys move between images and Escape closes it.
+ *
+ * ```html
+ * <cc-lightbox [images]="images" [(index)]="openIndex" />
+ * ```
+ */
+class LightboxComponent {
+    images = input.required();
+    /** Index of the open image, or null when closed. Use `[(index)]`. */
+    index = model(null);
+    closeLabel = input('Cerrar');
+    prevLabel = input('Imagen anterior');
+    nextLabel = input('Imagen siguiente');
+    current = computed(() => {
+        const i = this.index();
+        return i === null ? null : (this.images()[i] ?? null);
+    });
+    document = inject(DOCUMENT);
+    constructor() {
+        // Stop the page behind from scrolling while the viewer is open.
+        effect((onCleanup) => {
+            if (this.current() === null)
+                return;
+            const body = this.document.body;
+            const previous = body.style.overflow;
+            body.style.overflow = 'hidden';
+            onCleanup(() => (body.style.overflow = previous));
+        });
+    }
+    close() {
+        if (this.index() !== null)
+            this.index.set(null);
+    }
+    next() {
+        const i = this.index();
+        const total = this.images().length;
+        if (i !== null && total)
+            this.index.set((i + 1) % total);
+    }
+    prev() {
+        const i = this.index();
+        const total = this.images().length;
+        if (i !== null && total)
+            this.index.set((i - 1 + total) % total);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LightboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: LightboxComponent, isStandalone: true, selector: "cc-lightbox", inputs: { images: { classPropertyName: "images", publicName: "images", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null }, closeLabel: { classPropertyName: "closeLabel", publicName: "closeLabel", isSignal: true, isRequired: false, transformFunction: null }, prevLabel: { classPropertyName: "prevLabel", publicName: "prevLabel", isSignal: true, isRequired: false, transformFunction: null }, nextLabel: { classPropertyName: "nextLabel", publicName: "nextLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { index: "indexChange" }, host: { listeners: { "document:keydown.escape": "close()", "document:keydown.arrowright": "next()", "document:keydown.arrowleft": "prev()" } }, ngImport: i0, template: "@if (current(); as image) {\n  <div class=\"cc-lb\" role=\"dialog\" aria-modal=\"true\" [attr.aria-label]=\"image.caption || image.alt || null\" (click)=\"close()\">\n    <button type=\"button\" class=\"cc-lb__btn cc-lb__close\" [attr.aria-label]=\"closeLabel()\" (click)=\"close()\">\u2715</button>\n    @if (images().length > 1) {\n      <button type=\"button\" class=\"cc-lb__btn cc-lb__prev\" [attr.aria-label]=\"prevLabel()\" (click)=\"$event.stopPropagation(); prev()\">\u2039</button>\n    }\n    <img class=\"cc-lb__img\" [src]=\"image.src\" [alt]=\"image.alt ?? image.caption ?? ''\" (click)=\"$event.stopPropagation()\" />\n    @if (images().length > 1) {\n      <button type=\"button\" class=\"cc-lb__btn cc-lb__next\" [attr.aria-label]=\"nextLabel()\" (click)=\"$event.stopPropagation(); next()\">\u203A</button>\n    }\n    @if (image.caption) {\n      <p class=\"cc-lb__caption\">{{ image.caption }}</p>\n    }\n  </div>\n}\n", styles: [".cc-lb{position:fixed;inset:0;z-index:var(--cc-lightbox-z, 50);display:flex;align-items:center;justify-content:center;background:var(--cc-lightbox-backdrop, rgb(0 0 0 / .9))}.cc-lb__img{max-width:90%;max-height:90%;border-radius:.5rem;box-shadow:var(--cc-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1))}.cc-lb__btn{position:absolute;padding:.5rem;border:0;font-weight:700;line-height:1;color:#fff;background:transparent;cursor:pointer}.cc-lb__close{top:1.25rem;right:1.25rem;font-size:1.875rem}.cc-lb__prev,.cc-lb__next{font-size:2.5rem}.cc-lb__prev{left:1.25rem}.cc-lb__next{right:1.25rem}.cc-lb__caption{position:absolute;bottom:2.5rem;margin:0;padding:0 1rem;font-size:1.125rem;text-align:center;color:#fff}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: LightboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cc-lightbox', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '(document:keydown.escape)': 'close()',
+                        '(document:keydown.arrowright)': 'next()',
+                        '(document:keydown.arrowleft)': 'prev()',
+                    }, template: "@if (current(); as image) {\n  <div class=\"cc-lb\" role=\"dialog\" aria-modal=\"true\" [attr.aria-label]=\"image.caption || image.alt || null\" (click)=\"close()\">\n    <button type=\"button\" class=\"cc-lb__btn cc-lb__close\" [attr.aria-label]=\"closeLabel()\" (click)=\"close()\">\u2715</button>\n    @if (images().length > 1) {\n      <button type=\"button\" class=\"cc-lb__btn cc-lb__prev\" [attr.aria-label]=\"prevLabel()\" (click)=\"$event.stopPropagation(); prev()\">\u2039</button>\n    }\n    <img class=\"cc-lb__img\" [src]=\"image.src\" [alt]=\"image.alt ?? image.caption ?? ''\" (click)=\"$event.stopPropagation()\" />\n    @if (images().length > 1) {\n      <button type=\"button\" class=\"cc-lb__btn cc-lb__next\" [attr.aria-label]=\"nextLabel()\" (click)=\"$event.stopPropagation(); next()\">\u203A</button>\n    }\n    @if (image.caption) {\n      <p class=\"cc-lb__caption\">{{ image.caption }}</p>\n    }\n  </div>\n}\n", styles: [".cc-lb{position:fixed;inset:0;z-index:var(--cc-lightbox-z, 50);display:flex;align-items:center;justify-content:center;background:var(--cc-lightbox-backdrop, rgb(0 0 0 / .9))}.cc-lb__img{max-width:90%;max-height:90%;border-radius:.5rem;box-shadow:var(--cc-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / .1))}.cc-lb__btn{position:absolute;padding:.5rem;border:0;font-weight:700;line-height:1;color:#fff;background:transparent;cursor:pointer}.cc-lb__close{top:1.25rem;right:1.25rem;font-size:1.875rem}.cc-lb__prev,.cc-lb__next{font-size:2.5rem}.cc-lb__prev{left:1.25rem}.cc-lb__next{right:1.25rem}.cc-lb__caption{position:absolute;bottom:2.5rem;margin:0;padding:0 1rem;font-size:1.125rem;text-align:center;color:#fff}\n"] }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Thumbnail grid that opens a lightbox on click.
+ *
+ * ```html
+ * <cc-gallery [images]="images" />
+ * ```
+ *
+ * `numberedImages()` builds the list for folders named 1.jpeg, 2.jpeg, …
+ */
+class GalleryComponent {
+    images = input.required();
+    backgroundImage = input('');
+    openLabel = input('Ver imagen');
+    open = signal(null);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.6", type: GalleryComponent, isStandalone: true, selector: "cc-gallery", inputs: { images: { classPropertyName: "images", publicName: "images", isSignal: true, isRequired: true, transformFunction: null }, backgroundImage: { classPropertyName: "backgroundImage", publicName: "backgroundImage", isSignal: true, isRequired: false, transformFunction: null }, openLabel: { classPropertyName: "openLabel", publicName: "openLabel", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ul class=\"cc-gallery\" [style.background-image]=\"backgroundImage() ? 'url(' + backgroundImage() + ')' : null\">\n  @for (image of images(); track image.src; let i = $index) {\n    <li>\n      <button type=\"button\" class=\"cc-gallery__item\" [attr.aria-label]=\"openLabel() + ': ' + (image.alt ?? image.caption ?? i + 1)\" (click)=\"open.set(i)\">\n        <img [src]=\"image.thumb ?? image.src\" [alt]=\"image.alt ?? image.caption ?? ''\" loading=\"lazy\" decoding=\"async\" />\n      </button>\n    </li>\n  }\n</ul>\n<cc-lightbox [images]=\"images()\" [(index)]=\"open\" />\n", styles: [":host{display:block}.cc-gallery{box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;place-content:center;justify-items:center;width:100%;margin:0;padding:1.25rem;list-style:none;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:.125rem;box-shadow:var(--cc-shadow, 0 4px 6px -1px rgb(0 0 0 / .1))}.cc-gallery__item{display:block;width:var(--cc-gallery-thumb-width, 7rem);padding:0;border:0;background:none;cursor:pointer}.cc-gallery__item img{display:block;width:100%;transition:transform .15s ease-in}.cc-gallery__item:hover img{transform:scale(1.03)}@media (min-width: 1024px){.cc-gallery{grid-template-columns:repeat(var(--cc-gallery-columns-lg, 6),minmax(0,1fr));gap:2.5rem;padding:2.5rem}.cc-gallery__item{width:var(--cc-gallery-thumb-width-lg, 10rem)}}\n"], dependencies: [{ kind: "component", type: LightboxComponent, selector: "cc-lightbox", inputs: ["images", "index", "closeLabel", "prevLabel", "nextLabel"], outputs: ["indexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: GalleryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cc-gallery', imports: [LightboxComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"cc-gallery\" [style.background-image]=\"backgroundImage() ? 'url(' + backgroundImage() + ')' : null\">\n  @for (image of images(); track image.src; let i = $index) {\n    <li>\n      <button type=\"button\" class=\"cc-gallery__item\" [attr.aria-label]=\"openLabel() + ': ' + (image.alt ?? image.caption ?? i + 1)\" (click)=\"open.set(i)\">\n        <img [src]=\"image.thumb ?? image.src\" [alt]=\"image.alt ?? image.caption ?? ''\" loading=\"lazy\" decoding=\"async\" />\n      </button>\n    </li>\n  }\n</ul>\n<cc-lightbox [images]=\"images()\" [(index)]=\"open\" />\n", styles: [":host{display:block}.cc-gallery{box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;place-content:center;justify-items:center;width:100%;margin:0;padding:1.25rem;list-style:none;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:.125rem;box-shadow:var(--cc-shadow, 0 4px 6px -1px rgb(0 0 0 / .1))}.cc-gallery__item{display:block;width:var(--cc-gallery-thumb-width, 7rem);padding:0;border:0;background:none;cursor:pointer}.cc-gallery__item img{display:block;width:100%;transition:transform .15s ease-in}.cc-gallery__item:hover img{transform:scale(1.03)}@media (min-width: 1024px){.cc-gallery{grid-template-columns:repeat(var(--cc-gallery-columns-lg, 6),minmax(0,1fr));gap:2.5rem;padding:2.5rem}.cc-gallery__item{width:var(--cc-gallery-thumb-width-lg, 10rem)}}\n"] }]
+        }] });
+/**
+ * Builds a gallery list for numbered files.
+ *
+ * ```ts
+ * numberedImages(18, (i) => `assets/images/galery/${i}.jpeg`, (i) => `Instalaciones - foto ${i}`)
+ * ```
+ */
+function numberedImages(count, src, caption) {
+    return Array.from({ length: count }, (_, i) => {
+        const n = i + 1;
+        return { src: src(n), caption: caption?.(n) };
+    });
+}
+
+/*
+ * Public API Surface of @c-code/c-code-fw/ui
+ */
+// Models
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CategoryMenuComponent, DEFAULT_PLAN_CATALOG_CONFIG, DEFAULT_PLAN_CATEGORIES, FaqComponent, GalleryComponent, InfoItemComponent, LightboxComponent, PLAN_CATALOG_CONFIG, PageBannerComponent, PlanCardComponent, PlanCardTemplateDirective, PlanCatalogComponent, PlanCatalogService, PlanCategory, PlanDetailsComponent, PlanFilterFormComponent, PromoModalComponent, SEO_CONFIG, SearchBoxComponent, SeoService, SocialLinksComponent, WhatsappButtonComponent, filterPlans, filterPlansByCategory, findPlanBySlug, joinAdditionalServices, numberedImages, planSlug, providePlanCatalog, provideSeo, searchPlansByName, slugify, titleCase, truncateText, whatsappUrl, withCategoryCounts };
+//# sourceMappingURL=c-code-c-code-fw-ui.mjs.map