ctt-puro 0.0.1

package/fesm2022/ctt-puro.mjs

@@ -0,0 +1,478 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i1$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/platform-browser';
+
+class Puro404Component {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: Puro404Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: Puro404Component, isStandalone: true, selector: "lib-puro-404", ngImport: i0, template: "<p>puro-404 works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: Puro404Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-404', standalone: true, imports: [], template: "<p>puro-404 works!</p>\r\n" }]
+        }] });
+
+class PuroAdvantagesComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroAdvantagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroAdvantagesComponent, isStandalone: true, selector: "lib-puro-advantages", ngImport: i0, template: "<p>puro-advantages works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroAdvantagesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-advantages', standalone: true, imports: [], template: "<p>puro-advantages works!</p>\r\n" }]
+        }] });
+
+class PuroAdvantagesSmallComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroAdvantagesSmallComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroAdvantagesSmallComponent, isStandalone: true, selector: "lib-puro-advantages-small", ngImport: i0, template: "<p>puro-advantages-small works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroAdvantagesSmallComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-advantages-small', standalone: true, imports: [], template: "<p>puro-advantages-small works!</p>\r\n" }]
+        }] });
+
+class PuroBanner4colComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroBanner4colComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroBanner4colComponent, isStandalone: true, selector: "lib-puro-banner4col", ngImport: i0, template: "<p>puro-banner4col works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroBanner4colComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-banner4col', standalone: true, imports: [], template: "<p>puro-banner4col works!</p>\r\n" }]
+        }] });
+
+class PuroEngineComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroEngineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroEngineComponent, isStandalone: true, selector: "lib-puro-engine", ngImport: i0, template: "<p>puro-engine works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroEngineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-engine', standalone: true, imports: [], template: "<p>puro-engine works!</p>\r\n" }]
+        }] });
+
+class PuroFooterBeachsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroFooterBeachsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroFooterBeachsComponent, isStandalone: true, selector: "lib-puro-footer-beachs", ngImport: i0, template: "<p>puro-footer-beachs works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroFooterBeachsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-footer-beachs', standalone: true, imports: [], template: "<p>puro-footer-beachs works!</p>\r\n" }]
+        }] });
+
+class PuroFooterHotelsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroFooterHotelsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroFooterHotelsComponent, isStandalone: true, selector: "lib-puro-footer-hotels", ngImport: i0, template: "<p>puro-footer-hotels works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroFooterHotelsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-footer-hotels', standalone: true, imports: [], template: "<p>puro-footer-hotels works!</p>\r\n" }]
+        }] });
+
+class PuroFooterInfoComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroFooterInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroFooterInfoComponent, isStandalone: true, selector: "lib-puro-footer-info", ngImport: i0, template: "<p>puro-footer-info works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroFooterInfoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-footer-info', standalone: true, imports: [], template: "<p>puro-footer-info works!</p>\r\n" }]
+        }] });
+
+class PuroFooterLinksComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroFooterLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroFooterLinksComponent, isStandalone: true, selector: "lib-puro-footer-links", ngImport: i0, template: "<p>puro-footer-links works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroFooterLinksComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-footer-links', standalone: true, imports: [], template: "<p>puro-footer-links works!</p>\r\n" }]
+        }] });
+
+class PuroGalleryComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroGalleryComponent, isStandalone: true, selector: "lib-puro-gallery", ngImport: i0, template: "<p>puro-gallery works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGalleryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-gallery', standalone: true, imports: [], template: "<p>puro-gallery works!</p>\r\n" }]
+        }] });
+
+class PuroGrid3colFilterComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid3colFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroGrid3colFilterComponent, isStandalone: true, selector: "lib-puro-grid3col-filter", ngImport: i0, template: "<p>puro-grid3col-filter works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid3colFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-grid3col-filter', standalone: true, imports: [], template: "<p>puro-grid3col-filter works!</p>\r\n" }]
+        }] });
+
+class PuroGrid3colPlusFilterComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid3colPlusFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroGrid3colPlusFilterComponent, isStandalone: true, selector: "lib-puro-grid3col-plus-filter", ngImport: i0, template: "<p>puro-grid3col-plus-filter works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid3colPlusFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-grid3col-plus-filter', standalone: true, imports: [], template: "<p>puro-grid3col-plus-filter works!</p>\r\n" }]
+        }] });
+
+class PuroGrid3colSliderComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid3colSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroGrid3colSliderComponent, isStandalone: true, selector: "lib-puro-grid3col-slider", ngImport: i0, template: "<p>puro-grid3col-slider works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid3colSliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-grid3col-slider', standalone: true, imports: [], template: "<p>puro-grid3col-slider works!</p>\r\n" }]
+        }] });
+
+class PuroGrid4itemsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid4itemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroGrid4itemsComponent, isStandalone: true, selector: "lib-puro-grid4items", ngImport: i0, template: "<p>puro-grid4items works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid4itemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-grid4items', standalone: true, imports: [], template: "<p>puro-grid4items works!</p>\r\n" }]
+        }] });
+
+class PuroGrid5itemsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid5itemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroGrid5itemsComponent, isStandalone: true, selector: "lib-puro-grid5items", ngImport: i0, template: "<p>puro-grid5items works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid5itemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-grid5items', standalone: true, imports: [], template: "<p>puro-grid5items works!</p>\r\n" }]
+        }] });
+
+class PuroGrid6itemsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid6itemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroGrid6itemsComponent, isStandalone: true, selector: "lib-puro-grid6items", ngImport: i0, template: "<p>puro-grid6items works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroGrid6itemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-grid6items', standalone: true, imports: [], template: "<p>puro-grid6items works!</p>\r\n" }]
+        }] });
+
+class PuroHeaderComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroHeaderComponent, isStandalone: true, selector: "lib-puro-header", ngImport: i0, template: "<p>puro-header works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-header', standalone: true, imports: [], template: "<p>puro-header works!</p>\r\n" }]
+        }] });
+
+class PuroHotelsModalComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroHotelsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroHotelsModalComponent, isStandalone: true, selector: "lib-puro-hotels-modal", ngImport: i0, template: "<p>puro-hotels-modal works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroHotelsModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-hotels-modal', standalone: true, imports: [], template: "<p>puro-hotels-modal works!</p>\r\n" }]
+        }] });
+
+class PuroImgInfoComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroImgInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroImgInfoComponent, isStandalone: true, selector: "lib-puro-img-info", ngImport: i0, template: "<section class=\"info-img\">\r\n    <h2 class=\"info-img__title\">Recomendados</h2>\r\n    <div class=\"info-img__section\">\r\n        <div class=\"info-img__content\">\r\n            <h3 class=\"info-img__sectionTitle\">Entrantes</h3>\r\n            <div class=\"info-img__items\">\r\n                @for (item of [0, 0, 0]; track $index; let odd = $odd) {\r\n\r\n                <div class=\"info-img__item\">\r\n                    <p class=\"info-img__itemTitle\">\r\n                        SELECCI\u00D3N DE PANES\r\n                        <span class=\"info-img__price\">9</span>\r\n                    </p>\r\n                    <div class=\"info-img__icons\">\r\n                        <i class=\"icon-sunset_ico_small\"></i>\r\n                        <i class=\"icon-sunset_ico_small\"></i>\r\n                        <i class=\"icon-sunset_ico_small\"></i>\r\n                    </div>\r\n                    <p class=\"info-img__description\">\r\n                        Deliciosa selecci\u00F3n de panes con olivas, aceite de oliva\r\n                        y \u201Call i oli\u201D de lima\r\n                    </p>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n        <figure>\r\n            <img\r\n                src=\"assets/puro/images/info-img.png\"\r\n                alt=\"\"\r\n                class=\"info-img__img\"\r\n            />\r\n        </figure>\r\n    </div>\r\n</section>\r\n", styles: [".info-img{padding-block:3.5rem;padding-inline:4.5rem}.info-img__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;text-align:center;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info-img__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-img__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info-img__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-img__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info-img__section{display:flex;width:100%;gap:22px;flex-direction:column-reverse}@media (min-width: 768px){.info-img__section{flex-direction:row}}.info-img__section>*{flex:0 0 49%}.info-img__sectionTitle{font-size:2.6rem;line-height:1.4111538462;letter-spacing:.052rem;padding-bottom:16px;margin-bottom:44px;border-bottom:1px solid rgba(97,97,96,.6)}@media (min-width: 540px){.info-img__sectionTitle{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-img__sectionTitle{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}.info-img__items{position:relative;display:flex;flex-direction:column;row-gap:24px}@media (min-width: 768px){.info-img__items{row-gap:44px}}@media (min-width: 1366px){.info-img__items{row-gap:44px}}.info-img__itemTitle{color:#1e1e1e99;opacity:.8;font-weight:500;font-size:1.6rem;line-height:1.2;letter-spacing:.16rem;display:flex;align-items:center;justify-content:space-between}@media (min-width: 768px){.info-img__itemTitle{font-size:1.8rem;line-height:1.2127777778;letter-spacing:.18rem}}@media (min-width: 1680px){.info-img__itemTitle{font-size:2rem;line-height:1.213;letter-spacing:.2rem}}.info-img__price{color:#ceb676}.info-img__icons{display:flex;gap:5px;padding:10px 0}.info-img__icons i{width:35px;height:35px;font-size:10px;background-color:#ceb676}.info-img__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info-img__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info-img__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}@media (min-width: 768px){.info-img figure{padding-top:66px}}.info-img__img{width:100%;height:100%;aspect-ratio:834/585;object-fit:cover;-o-object-fit:cover;object-position:center;-o-object-position:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroImgInfoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-img-info', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"info-img\">\r\n    <h2 class=\"info-img__title\">Recomendados</h2>\r\n    <div class=\"info-img__section\">\r\n        <div class=\"info-img__content\">\r\n            <h3 class=\"info-img__sectionTitle\">Entrantes</h3>\r\n            <div class=\"info-img__items\">\r\n                @for (item of [0, 0, 0]; track $index; let odd = $odd) {\r\n\r\n                <div class=\"info-img__item\">\r\n                    <p class=\"info-img__itemTitle\">\r\n                        SELECCI\u00D3N DE PANES\r\n                        <span class=\"info-img__price\">9</span>\r\n                    </p>\r\n                    <div class=\"info-img__icons\">\r\n                        <i class=\"icon-sunset_ico_small\"></i>\r\n                        <i class=\"icon-sunset_ico_small\"></i>\r\n                        <i class=\"icon-sunset_ico_small\"></i>\r\n                    </div>\r\n                    <p class=\"info-img__description\">\r\n                        Deliciosa selecci\u00F3n de panes con olivas, aceite de oliva\r\n                        y \u201Call i oli\u201D de lima\r\n                    </p>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n        <figure>\r\n            <img\r\n                src=\"assets/puro/images/info-img.png\"\r\n                alt=\"\"\r\n                class=\"info-img__img\"\r\n            />\r\n        </figure>\r\n    </div>\r\n</section>\r\n", styles: [".info-img{padding-block:3.5rem;padding-inline:4.5rem}.info-img__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;text-align:center;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info-img__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-img__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info-img__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-img__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info-img__section{display:flex;width:100%;gap:22px;flex-direction:column-reverse}@media (min-width: 768px){.info-img__section{flex-direction:row}}.info-img__section>*{flex:0 0 49%}.info-img__sectionTitle{font-size:2.6rem;line-height:1.4111538462;letter-spacing:.052rem;padding-bottom:16px;margin-bottom:44px;border-bottom:1px solid rgba(97,97,96,.6)}@media (min-width: 540px){.info-img__sectionTitle{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-img__sectionTitle{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}.info-img__items{position:relative;display:flex;flex-direction:column;row-gap:24px}@media (min-width: 768px){.info-img__items{row-gap:44px}}@media (min-width: 1366px){.info-img__items{row-gap:44px}}.info-img__itemTitle{color:#1e1e1e99;opacity:.8;font-weight:500;font-size:1.6rem;line-height:1.2;letter-spacing:.16rem;display:flex;align-items:center;justify-content:space-between}@media (min-width: 768px){.info-img__itemTitle{font-size:1.8rem;line-height:1.2127777778;letter-spacing:.18rem}}@media (min-width: 1680px){.info-img__itemTitle{font-size:2rem;line-height:1.213;letter-spacing:.2rem}}.info-img__price{color:#ceb676}.info-img__icons{display:flex;gap:5px;padding:10px 0}.info-img__icons i{width:35px;height:35px;font-size:10px;background-color:#ceb676}.info-img__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info-img__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info-img__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}@media (min-width: 768px){.info-img figure{padding-top:66px}}.info-img__img{width:100%;height:100%;aspect-ratio:834/585;object-fit:cover;-o-object-fit:cover;object-position:center;-o-object-position:center}\n"] }]
+        }] });
+
+class PuroInfoBannerComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroInfoBannerComponent, isStandalone: true, selector: "lib-puro-info-banner", ngImport: i0, template: "<p>puro-info-banner works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoBannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-info-banner', standalone: true, imports: [], template: "<p>puro-info-banner works!</p>\r\n" }]
+        }] });
+
+class PuroInfoBigComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoBigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroInfoBigComponent, isStandalone: true, selector: "lib-puro-info-big", ngImport: i0, template: "<p>puro-info-big works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoBigComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-info-big', standalone: true, imports: [], template: "<p>puro-info-big works!</p>\r\n" }]
+        }] });
+
+class PuroInfoDetailsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroInfoDetailsComponent, isStandalone: true, selector: "lib-puro-info-details", ngImport: i0, template: "<p>puro-info-details works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-info-details', standalone: true, imports: [], template: "<p>puro-info-details works!</p>\r\n" }]
+        }] });
+
+class PuroInfoGalleryComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroInfoGalleryComponent, isStandalone: true, selector: "lib-puro-info-gallery", ngImport: i0, template: "<p>puro-info-gallery works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoGalleryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-info-gallery', standalone: true, imports: [], template: "<p>puro-info-gallery works!</p>\r\n" }]
+        }] });
+
+class PuroInfoIntroComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoIntroComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroInfoIntroComponent, isStandalone: true, selector: "lib-puro-info-intro", ngImport: i0, template: "<p>puro-info-intro works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoIntroComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-info-intro', standalone: true, imports: [], template: "<p>puro-info-intro works!</p>\r\n" }]
+        }] });
+
+class PuroInfoListComponent {
+    get getImage() {
+        return this.sanitizer.bypassSecurityTrustStyle(`background-image: url('assets/puro/images/info-list-background.png')`);
+    }
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroInfoListComponent, isStandalone: true, selector: "lib-puro-info-list", ngImport: i0, template: "<section class=\"info-list\">\r\n    <div class=\"info-list__wrapper\">\r\n        <img\r\n            class=\"info-list__image--bg\"\r\n            src=\"assets/puro/images/info-list-background.png\"\r\n        />\r\n        <img\r\n            class=\"info-list__image\"\r\n            src=\"assets/puro/images/info-list.png\"\r\n            alt=\"\"\r\n        />\r\n    </div>\r\n\r\n    <div class=\"info-list__content--wrapper\">\r\n        <div class=\"info-list__content\">\r\n            <h2 class=\"info-list__title\">Pr\u00F3ximas aperturas</h2>\r\n            <p class=\"info-list__description\">\r\n                Many desktop publishing packages and web page editors now use\r\n                Lorem Ipsum as their default model text.\r\n            </p>\r\n            <ul class=\"info-list__list\">\r\n                <li class=\"info-list__item\">\r\n                    <img\r\n                        src=\"assets/puro/images/info-list-item.png\"\r\n                        alt=\"\"\r\n                        class=\"info-list__item__img\"\r\n                    />\r\n                    <span class=\"info-list__description\"> Creta (Grecia) </span>\r\n                </li>\r\n                <li class=\"info-list__item\">\r\n                    <img\r\n                        src=\"assets/puro/images/info-list-item.png\"\r\n                        alt=\"\"\r\n                        class=\"info-list__item__img\"\r\n                    />\r\n                    <span class=\"info-list__description\">\r\n                        TAGHAZOUT (MARRUECOS)\r\n                    </span>\r\n                </li>\r\n                <li class=\"info-list__item\">\r\n                    <img\r\n                        src=\"assets/puro/images/info-list-item.png\"\r\n                        alt=\"\"\r\n                        class=\"info-list__item__img\"\r\n                    />\r\n                    <span class=\"info-list__description\">\r\n                        Red sea (Equipto)\r\n                    </span>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</section>\r\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-list{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-list{padding-block:4.8rem 4rem;padding-inline:0;flex-direction:row}}@media (min-width: 1680px){.info-list{padding-block:7rem 5.3rem}}.info-list>*{flex:1 1 50%}.info-list__content{padding-top:1.5rem;transition:all .5s;text-align:center;padding-inline:4.5rem}.info-list__content--wrapper{display:flex;align-items:center}@media (min-width: 768px){.info-list__content{padding-top:3rem;padding-inline:14.5rem}}@media (min-width: 1024px){.info-list__content{padding-block:4.8rem;padding-inline:8.6rem 8.5rem;text-align:start}}.info-list__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info-list__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-list__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info-list__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-list__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info-list__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info-list__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info-list__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}.info-list__wrapper{position:relative;display:flex;justify-content:center}@media (min-width: 1024){.info-list__wrapper{justify-content:flex-end}}@media (min-width: 1280px){.info-list__wrapper{padding-right:40px}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-222px;right:-262px}}.info-list__list{padding-top:10px}@media (min-width: 1024px){.info-list__list{padding-top:30px;padding-left:24px}}.info-list__item{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:15px}@media (max-width: 1024px){.info-list__item{left:-30px}}@media (min-width: 1024px){.info-list__item{padding-bottom:40px;justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-info-list', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"info-list\">\r\n    <div class=\"info-list__wrapper\">\r\n        <img\r\n            class=\"info-list__image--bg\"\r\n            src=\"assets/puro/images/info-list-background.png\"\r\n        />\r\n        <img\r\n            class=\"info-list__image\"\r\n            src=\"assets/puro/images/info-list.png\"\r\n            alt=\"\"\r\n        />\r\n    </div>\r\n\r\n    <div class=\"info-list__content--wrapper\">\r\n        <div class=\"info-list__content\">\r\n            <h2 class=\"info-list__title\">Pr\u00F3ximas aperturas</h2>\r\n            <p class=\"info-list__description\">\r\n                Many desktop publishing packages and web page editors now use\r\n                Lorem Ipsum as their default model text.\r\n            </p>\r\n            <ul class=\"info-list__list\">\r\n                <li class=\"info-list__item\">\r\n                    <img\r\n                        src=\"assets/puro/images/info-list-item.png\"\r\n                        alt=\"\"\r\n                        class=\"info-list__item__img\"\r\n                    />\r\n                    <span class=\"info-list__description\"> Creta (Grecia) </span>\r\n                </li>\r\n                <li class=\"info-list__item\">\r\n                    <img\r\n                        src=\"assets/puro/images/info-list-item.png\"\r\n                        alt=\"\"\r\n                        class=\"info-list__item__img\"\r\n                    />\r\n                    <span class=\"info-list__description\">\r\n                        TAGHAZOUT (MARRUECOS)\r\n                    </span>\r\n                </li>\r\n                <li class=\"info-list__item\">\r\n                    <img\r\n                        src=\"assets/puro/images/info-list-item.png\"\r\n                        alt=\"\"\r\n                        class=\"info-list__item__img\"\r\n                    />\r\n                    <span class=\"info-list__description\">\r\n                        Red sea (Equipto)\r\n                    </span>\r\n                </li>\r\n            </ul>\r\n        </div>\r\n    </div>\r\n</section>\r\n", styles: [".info-list{display:flex;justify-content:space-between;flex-direction:column;transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-list{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-list{padding-block:4.8rem 4rem;padding-inline:0;flex-direction:row}}@media (min-width: 1680px){.info-list{padding-block:7rem 5.3rem}}.info-list>*{flex:1 1 50%}.info-list__content{padding-top:1.5rem;transition:all .5s;text-align:center;padding-inline:4.5rem}.info-list__content--wrapper{display:flex;align-items:center}@media (min-width: 768px){.info-list__content{padding-top:3rem;padding-inline:14.5rem}}@media (min-width: 1024px){.info-list__content{padding-block:4.8rem;padding-inline:8.6rem 8.5rem;text-align:start}}.info-list__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info-list__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-list__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info-list__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-list__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info-list__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info-list__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info-list__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}.info-list__wrapper{position:relative;display:flex;justify-content:center}@media (min-width: 1024){.info-list__wrapper{justify-content:flex-end}}@media (min-width: 1280px){.info-list__wrapper{padding-right:40px}}.info-list__image{aspect-ratio:677/813;-o-object-fit:cover;object-fit:cover}.info-list__image--bg{position:absolute;z-index:-1}@media (max-width: 1024px){.info-list__image--bg{display:none}}@media (min-width: 1024px){.info-list__image--bg{top:-200px;right:-200px}}@media (min-width: 1280px){.info-list__image--bg{top:-222px;right:-262px}}.info-list__list{padding-top:10px}@media (min-width: 1024px){.info-list__list{padding-top:30px;padding-left:24px}}.info-list__item{display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:15px}@media (max-width: 1024px){.info-list__item{left:-30px}}@media (min-width: 1024px){.info-list__item{padding-bottom:40px;justify-content:flex-start}}.info-list__item__img{position:absolute;left:-30px}@media (max-width: 1024px){.info-list__item__img{position:relative;left:30px}}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
+
+class PuroInfoServicesComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoServicesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroInfoServicesComponent, isStandalone: true, selector: "lib-puro-info-services", ngImport: i0, template: "<p>puro-info-services works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoServicesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-info-services', standalone: true, imports: [], template: "<p>puro-info-services works!</p>\r\n" }]
+        }] });
+
+class PuroInfoSliderComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroInfoSliderComponent, isStandalone: true, selector: "lib-puro-info-slider", ngImport: i0, template: "<p>puro-info-slider works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoSliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-info-slider', standalone: true, imports: [], template: "<p>puro-info-slider works!</p>\r\n" }]
+        }] });
+
+class PuroInfoTableComponent {
+    constructor() {
+        this.collapsed = [true, true, true];
+    }
+    toggleCollapse(index) {
+        this.collapsed[index] = !this.collapsed[index];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfoTableComponent, isStandalone: true, selector: "lib-puro-info-table", ngImport: i0, template: "<section class=\"info-table\">\r\n    <p class=\"info-table__pretitle\">PANES FRIENDS OF PURO</p>\r\n    <h2 class=\"info-table__title\">Tu plan se calcula en base a tus puntos</h2>\r\n    <div class=\"info-table__wrapper\">\r\n        <ng-container [ngTemplateOutlet]=\"table\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"dropdowns\"></ng-container>\r\n\r\n        <ul class=\"info-table__list\">\r\n            <li>\r\n                Los puntos se abonar\u00E1n en la cuenta del cliente tras disfrutar\r\n                del servicio/producto en Purobeach, en un plazo m\u00E1ximo de 24\r\n                horas. Condiciones generales dede Friends of Puro\r\n            </li>\r\n            <li><a href=\"\">Condiciones generales</a> de Firends of Puro</li>\r\n        </ul>\r\n    </div>\r\n</section>\r\n\r\n<ng-template #dropdowns>\r\n    <div class=\"info-table__dropdowns\">\r\n        <div class=\"info-table__headItem\">VENTAJAS</div>\r\n        <div class=\"info-table__headItem\" (click)=\"toggleCollapse(0)\">\r\n            FRIEND OF PURO\r\n\r\n            <i\r\n                class=\"info-table__iconCollapse icon-91\"\r\n                [ngClass]=\"{\r\n                    'info-table__iconCollapse--collapsed': !collapsed[0]\r\n                }\"\r\n            ></i>\r\n        </div>\r\n        <div\r\n            class=\"info-table__items\"\r\n            [ngClass]=\"{ 'info-table__items--collapsed': collapsed[0] }\"\r\n        >\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">\r\n                    Promoci\u00F3n especial Cumplea\u00F1os\r\n                    <span class=\"info-table__itemSubtitle\">\r\n                        Descuentos Experiencias Puro (no hamaca)\r\n                    </span>\r\n                </p>\r\n                <span class=\"icon-87\"></span>\r\n            </div>\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n                <span class=\"icon-87\"></span>\r\n            </div>\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n                <span class=\"icon-87\"></span>\r\n            </div>\r\n        </div>\r\n        <div class=\"info-table__headItem\" (click)=\"toggleCollapse(1)\">\r\n            TRAVELLER\r\n            <i\r\n                class=\"info-table__iconCollapse icon-91\"\r\n                [ngClass]=\"{\r\n                    'info-table__iconCollapse--collapsed': !collapsed[1]\r\n                }\"\r\n            ></i>\r\n        </div>\r\n        <div\r\n            class=\"info-table__items\"\r\n            [ngClass]=\"{ 'info-table__items--collapsed': collapsed[1] }\"\r\n        >\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">\r\n                    Promoci\u00F3n especial Cumplea\u00F1os\r\n                    <span class=\"info-table__itemSubtitle\">\r\n                        Descuentos Experiencias Puro (no hamaca)\r\n                    </span>\r\n                </p>\r\n                <span class=\"info-table__itemTitle\">20% Experiences</span>\r\n            </div>\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n                <span class=\"info-table__itemTitle\">20% Experiences</span>\r\n            </div>\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n                <span class=\"info-table__itemTitle\">20% Experiences</span>\r\n            </div>\r\n        </div>\r\n        <div\r\n            class=\"info-table__headItem\"\r\n            [ngClass]=\"{ 'info-table__headItem--notCollapsed': true }\"\r\n            (click)=\"toggleCollapse(2)\"\r\n        >\r\n            NOMAD\r\n            <i\r\n                class=\"info-table__iconCollapse icon-91\"\r\n                [ngClass]=\"{\r\n                    'info-table__iconCollapse--collapsed': !collapsed[2]\r\n                }\"\r\n            ></i>\r\n        </div>\r\n        <div\r\n            class=\"info-table__items\"\r\n            [ngClass]=\"{ 'info-table__items--collapsed': collapsed[2] }\"\r\n        >\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">\r\n                    Promoci\u00F3n especial Cumplea\u00F1os\r\n                    <span class=\"info-table__itemSubtitle\">\r\n                        Descuentos Experiencias Puro (no hamaca)\r\n                    </span>\r\n                </p>\r\n                <span>20% Experiences</span>\r\n            </div>\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n                <span>20% Experiences</span>\r\n            </div>\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n                <span>20% Experiences</span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #table>\r\n    <table class=\"info-table__table\">\r\n        <tr class=\"info-table__row\">\r\n            <th class=\"info-table__headItem\">VENTAJAS</th>\r\n            <th class=\"info-table__headItem\">FRIEND OF PURO</th>\r\n            <th class=\"info-table__headItem\">TRAVELER</th>\r\n            <th class=\"info-table__headItem\">NOMAD</th>\r\n        </tr>\r\n        @for (item of [0,0,0]; track $index) {\r\n        <tr class=\"info-table__row\">\r\n            <td class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">\r\n                    Promoci\u00F3n especial Cumplea\u00F1os\r\n                </p>\r\n                <span class=\"info-table__itemSubtitle\">\r\n                    Descuentos Experiencias Puro (no hamaca)\r\n                </span>\r\n            </td>\r\n            <td class=\"info-table__item\">20% Experiences</td>\r\n            <td class=\"info-table__item\">20% Experiences</td>\r\n            <td class=\"info-table__item\">50% Experiences</td>\r\n        </tr>\r\n        <tr class=\"info-table__row\">\r\n            <td class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n            </td>\r\n            <td class=\"info-table__item\">\r\n                <i class=\"icon-87 info-table__itemIcon\"></i>\r\n            </td>\r\n            <td class=\"info-table__item\">\r\n                <i class=\"icon-87 info-table__itemIcon\"></i>\r\n            </td>\r\n            <td class=\"info-table__item\">\r\n                <i class=\"icon-87 info-table__itemIcon\"></i>\r\n            </td>\r\n        </tr>\r\n        <tr class=\"info-table__row\">\r\n            <td class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n            </td>\r\n            <td class=\"info-table__item\">-</td>\r\n            <td class=\"info-table__item\">-</td>\r\n            <td class=\"info-table__item\">-</td>\r\n        </tr>\r\n        }\r\n    </table>\r\n</ng-template>\r\n", styles: [".info-table{transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-table{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-table{padding-block:4.8rem 4rem}}@media (min-width: 1680px){.info-table{padding-block:7rem 5.3rem}}.info-table__pretitle{width:100%;color:#b79955;font-weight:500;font-size:1.6rem;line-height:1.2;letter-spacing:.16rem;text-align:center;margin-bottom:2.5rem}@media (min-width: 768px){.info-table__pretitle{font-size:1.8rem;line-height:1.2127777778;letter-spacing:.18rem}}@media (min-width: 1280px){.info-table__pretitle{margin-bottom:5rem}}@media (min-width: 1680px){.info-table__pretitle{font-size:2rem;line-height:1.213;letter-spacing:.2rem}}.info-table__title{text-align:center;width:100%;color:#b79955;transition:all .5s;margin-bottom:2.5rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem}@media (min-width: 540px){.info-table__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-table__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1280px){.info-table__title{margin-bottom:5rem}}@media (min-width: 1366px){.info-table__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-table__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem}}.info-table__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:38px}.info-table__table{border-spacing:28px;width:100%}@media (max-width: 1280px){.info-table__table{display:none}}.info-table__headItem,.info-table__item{padding:14px 32px;font-size:2rem;text-align:center;vertical-align:middle}@media (min-width: 1280px){.info-table__headItem,.info-table__item{padding:14px 42px}}.info-table__headItem:first-child,.info-table__item:first-child{text-align:left}.info-table__headItem{color:#616160;font-weight:700;line-height:24.18px;letter-spacing:.1em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}@media (max-width: 1280px){.info-table__headItem{display:flex;align-items:center;justify-content:space-between}}.info-table__headItem:not(.info-table__headItem:last-child,.info-table__headItem:nth-child(6)),.info-table__headItem--notCollapsed{margin-bottom:28px}.info-table__headItem:first-child{color:#b79955;background-color:#fff}.info-table__headItem:nth-child(2){background-color:#ceb57766}.info-table__headItem:nth-child(4){background-color:#ceb577b3}.info-table__headItem:nth-child(6){background-color:#ceb577}@media (min-width: 1280px){.info-table__headItem:first-child{color:#b79955;background-color:#fff}.info-table__headItem:not(:first-child){text-align:center}.info-table__headItem:nth-child(2){background-color:#ceb57766}.info-table__headItem:nth-child(3){background-color:#ceb577b3}.info-table__headItem:nth-child(4){background-color:#ceb577}}.info-table__iconCollapse{width:17px;height:33px;color:#616160;opacity:.4;transition:all .2s;width:max-content;display:flex;align-items:center}.info-table__iconCollapse--collapsed{transform:rotate(180deg);right:-18.5px}.info-table__items{interpolate-size:allow-keywords;transition:all .2s;height:auto;overflow:hidden;margin-bottom:28px}.info-table__items--collapsed{height:0;margin:0}.info-table__item{color:#616160}@media (max-width: 1280px){.info-table__item{display:flex;justify-content:space-between;align-items:center;min-height:71px;background-color:#fff}.info-table__item:not(.info-table__item:last-child){margin-bottom:20px}}@media (min-width: 1280px){.info-table__item:first-child{background-color:#ceb6774d}.info-table__item:nth-child(2),.info-table__item:nth-child(4){background-color:#fff}.info-table__item:nth-child(3){background-color:#ceb67725}}.info-table__itemTitle{font-size:1.6rem;line-height:1.6em;font-weight:400;letter-spacing:.03em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}@media (min-width: 768px){.info-table__itemTitle{font-size:2rem}}@media (max-width: 1280px){.info-table__itemTitle{display:flex;flex-direction:column}}.info-table__itemSubtitle{font-size:.9rem;font-weight:400;line-height:1.6rem;letter-spacing:.03em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}@media (min-width: 768px){.info-table__itemSubtitle{font-size:1.2rem}}.info-table__itemIcon{font-size:1.8rem;width:20px;height:20px;display:block;position:relative;left:50%;transform:translate(-50%)}.info-table__list{padding:0 42px}.info-table__list li{font-weight:400;font-size:2rem;line-height:34px;letter-spacing:3%;opacity:.6;color:#616160;position:relative}.info-table__list li:before{content:\"\";width:3px;height:3px;border-radius:100%;background-color:#616160;display:inline-block;vertical-align:middle;margin-right:10px}.info-table__list li ::ng-deep a{text-decoration:underline}.info-table__dropdowns{width:100%}@media (min-width: 1280px){.info-table__dropdowns{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-info-table', standalone: true, imports: [CommonModule], template: "<section class=\"info-table\">\r\n    <p class=\"info-table__pretitle\">PANES FRIENDS OF PURO</p>\r\n    <h2 class=\"info-table__title\">Tu plan se calcula en base a tus puntos</h2>\r\n    <div class=\"info-table__wrapper\">\r\n        <ng-container [ngTemplateOutlet]=\"table\"></ng-container>\r\n        <ng-container [ngTemplateOutlet]=\"dropdowns\"></ng-container>\r\n\r\n        <ul class=\"info-table__list\">\r\n            <li>\r\n                Los puntos se abonar\u00E1n en la cuenta del cliente tras disfrutar\r\n                del servicio/producto en Purobeach, en un plazo m\u00E1ximo de 24\r\n                horas. Condiciones generales dede Friends of Puro\r\n            </li>\r\n            <li><a href=\"\">Condiciones generales</a> de Firends of Puro</li>\r\n        </ul>\r\n    </div>\r\n</section>\r\n\r\n<ng-template #dropdowns>\r\n    <div class=\"info-table__dropdowns\">\r\n        <div class=\"info-table__headItem\">VENTAJAS</div>\r\n        <div class=\"info-table__headItem\" (click)=\"toggleCollapse(0)\">\r\n            FRIEND OF PURO\r\n\r\n            <i\r\n                class=\"info-table__iconCollapse icon-91\"\r\n                [ngClass]=\"{\r\n                    'info-table__iconCollapse--collapsed': !collapsed[0]\r\n                }\"\r\n            ></i>\r\n        </div>\r\n        <div\r\n            class=\"info-table__items\"\r\n            [ngClass]=\"{ 'info-table__items--collapsed': collapsed[0] }\"\r\n        >\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">\r\n                    Promoci\u00F3n especial Cumplea\u00F1os\r\n                    <span class=\"info-table__itemSubtitle\">\r\n                        Descuentos Experiencias Puro (no hamaca)\r\n                    </span>\r\n                </p>\r\n                <span class=\"icon-87\"></span>\r\n            </div>\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n                <span class=\"icon-87\"></span>\r\n            </div>\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n                <span class=\"icon-87\"></span>\r\n            </div>\r\n        </div>\r\n        <div class=\"info-table__headItem\" (click)=\"toggleCollapse(1)\">\r\n            TRAVELLER\r\n            <i\r\n                class=\"info-table__iconCollapse icon-91\"\r\n                [ngClass]=\"{\r\n                    'info-table__iconCollapse--collapsed': !collapsed[1]\r\n                }\"\r\n            ></i>\r\n        </div>\r\n        <div\r\n            class=\"info-table__items\"\r\n            [ngClass]=\"{ 'info-table__items--collapsed': collapsed[1] }\"\r\n        >\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">\r\n                    Promoci\u00F3n especial Cumplea\u00F1os\r\n                    <span class=\"info-table__itemSubtitle\">\r\n                        Descuentos Experiencias Puro (no hamaca)\r\n                    </span>\r\n                </p>\r\n                <span class=\"info-table__itemTitle\">20% Experiences</span>\r\n            </div>\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n                <span class=\"info-table__itemTitle\">20% Experiences</span>\r\n            </div>\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n                <span class=\"info-table__itemTitle\">20% Experiences</span>\r\n            </div>\r\n        </div>\r\n        <div\r\n            class=\"info-table__headItem\"\r\n            [ngClass]=\"{ 'info-table__headItem--notCollapsed': true }\"\r\n            (click)=\"toggleCollapse(2)\"\r\n        >\r\n            NOMAD\r\n            <i\r\n                class=\"info-table__iconCollapse icon-91\"\r\n                [ngClass]=\"{\r\n                    'info-table__iconCollapse--collapsed': !collapsed[2]\r\n                }\"\r\n            ></i>\r\n        </div>\r\n        <div\r\n            class=\"info-table__items\"\r\n            [ngClass]=\"{ 'info-table__items--collapsed': collapsed[2] }\"\r\n        >\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">\r\n                    Promoci\u00F3n especial Cumplea\u00F1os\r\n                    <span class=\"info-table__itemSubtitle\">\r\n                        Descuentos Experiencias Puro (no hamaca)\r\n                    </span>\r\n                </p>\r\n                <span>20% Experiences</span>\r\n            </div>\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n                <span>20% Experiences</span>\r\n            </div>\r\n            <div class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n                <span>20% Experiences</span>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<ng-template #table>\r\n    <table class=\"info-table__table\">\r\n        <tr class=\"info-table__row\">\r\n            <th class=\"info-table__headItem\">VENTAJAS</th>\r\n            <th class=\"info-table__headItem\">FRIEND OF PURO</th>\r\n            <th class=\"info-table__headItem\">TRAVELER</th>\r\n            <th class=\"info-table__headItem\">NOMAD</th>\r\n        </tr>\r\n        @for (item of [0,0,0]; track $index) {\r\n        <tr class=\"info-table__row\">\r\n            <td class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">\r\n                    Promoci\u00F3n especial Cumplea\u00F1os\r\n                </p>\r\n                <span class=\"info-table__itemSubtitle\">\r\n                    Descuentos Experiencias Puro (no hamaca)\r\n                </span>\r\n            </td>\r\n            <td class=\"info-table__item\">20% Experiences</td>\r\n            <td class=\"info-table__item\">20% Experiences</td>\r\n            <td class=\"info-table__item\">50% Experiences</td>\r\n        </tr>\r\n        <tr class=\"info-table__row\">\r\n            <td class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Ofertas exclusivas</p>\r\n            </td>\r\n            <td class=\"info-table__item\">\r\n                <i class=\"icon-87 info-table__itemIcon\"></i>\r\n            </td>\r\n            <td class=\"info-table__item\">\r\n                <i class=\"icon-87 info-table__itemIcon\"></i>\r\n            </td>\r\n            <td class=\"info-table__item\">\r\n                <i class=\"icon-87 info-table__itemIcon\"></i>\r\n            </td>\r\n        </tr>\r\n        <tr class=\"info-table__row\">\r\n            <td class=\"info-table__item\">\r\n                <p class=\"info-table__itemTitle\">Cancelaci\u00F3n gratuita</p>\r\n            </td>\r\n            <td class=\"info-table__item\">-</td>\r\n            <td class=\"info-table__item\">-</td>\r\n            <td class=\"info-table__item\">-</td>\r\n        </tr>\r\n        }\r\n    </table>\r\n</ng-template>\r\n", styles: [".info-table{transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.info-table{padding-block:6.8rem 5.6rem}}@media (min-width: 1024px){.info-table{padding-block:4.8rem 4rem}}@media (min-width: 1680px){.info-table{padding-block:7rem 5.3rem}}.info-table__pretitle{width:100%;color:#b79955;font-weight:500;font-size:1.6rem;line-height:1.2;letter-spacing:.16rem;text-align:center;margin-bottom:2.5rem}@media (min-width: 768px){.info-table__pretitle{font-size:1.8rem;line-height:1.2127777778;letter-spacing:.18rem}}@media (min-width: 1280px){.info-table__pretitle{margin-bottom:5rem}}@media (min-width: 1680px){.info-table__pretitle{font-size:2rem;line-height:1.213;letter-spacing:.2rem}}.info-table__title{text-align:center;width:100%;color:#b79955;transition:all .5s;margin-bottom:2.5rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem}@media (min-width: 540px){.info-table__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info-table__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1280px){.info-table__title{margin-bottom:5rem}}@media (min-width: 1366px){.info-table__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info-table__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem}}.info-table__wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:38px}.info-table__table{border-spacing:28px;width:100%}@media (max-width: 1280px){.info-table__table{display:none}}.info-table__headItem,.info-table__item{padding:14px 32px;font-size:2rem;text-align:center;vertical-align:middle}@media (min-width: 1280px){.info-table__headItem,.info-table__item{padding:14px 42px}}.info-table__headItem:first-child,.info-table__item:first-child{text-align:left}.info-table__headItem{color:#616160;font-weight:700;line-height:24.18px;letter-spacing:.1em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}@media (max-width: 1280px){.info-table__headItem{display:flex;align-items:center;justify-content:space-between}}.info-table__headItem:not(.info-table__headItem:last-child,.info-table__headItem:nth-child(6)),.info-table__headItem--notCollapsed{margin-bottom:28px}.info-table__headItem:first-child{color:#b79955;background-color:#fff}.info-table__headItem:nth-child(2){background-color:#ceb57766}.info-table__headItem:nth-child(4){background-color:#ceb577b3}.info-table__headItem:nth-child(6){background-color:#ceb577}@media (min-width: 1280px){.info-table__headItem:first-child{color:#b79955;background-color:#fff}.info-table__headItem:not(:first-child){text-align:center}.info-table__headItem:nth-child(2){background-color:#ceb57766}.info-table__headItem:nth-child(3){background-color:#ceb577b3}.info-table__headItem:nth-child(4){background-color:#ceb577}}.info-table__iconCollapse{width:17px;height:33px;color:#616160;opacity:.4;transition:all .2s;width:max-content;display:flex;align-items:center}.info-table__iconCollapse--collapsed{transform:rotate(180deg);right:-18.5px}.info-table__items{interpolate-size:allow-keywords;transition:all .2s;height:auto;overflow:hidden;margin-bottom:28px}.info-table__items--collapsed{height:0;margin:0}.info-table__item{color:#616160}@media (max-width: 1280px){.info-table__item{display:flex;justify-content:space-between;align-items:center;min-height:71px;background-color:#fff}.info-table__item:not(.info-table__item:last-child){margin-bottom:20px}}@media (min-width: 1280px){.info-table__item:first-child{background-color:#ceb6774d}.info-table__item:nth-child(2),.info-table__item:nth-child(4){background-color:#fff}.info-table__item:nth-child(3){background-color:#ceb67725}}.info-table__itemTitle{font-size:1.6rem;line-height:1.6em;font-weight:400;letter-spacing:.03em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}@media (min-width: 768px){.info-table__itemTitle{font-size:2rem}}@media (max-width: 1280px){.info-table__itemTitle{display:flex;flex-direction:column}}.info-table__itemSubtitle{font-size:.9rem;font-weight:400;line-height:1.6rem;letter-spacing:.03em;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none}@media (min-width: 768px){.info-table__itemSubtitle{font-size:1.2rem}}.info-table__itemIcon{font-size:1.8rem;width:20px;height:20px;display:block;position:relative;left:50%;transform:translate(-50%)}.info-table__list{padding:0 42px}.info-table__list li{font-weight:400;font-size:2rem;line-height:34px;letter-spacing:3%;opacity:.6;color:#616160;position:relative}.info-table__list li:before{content:\"\";width:3px;height:3px;border-radius:100%;background-color:#616160;display:inline-block;vertical-align:middle;margin-right:10px}.info-table__list li ::ng-deep a{text-decoration:underline}.info-table__dropdowns{width:100%}@media (min-width: 1280px){.info-table__dropdowns{display:none}}\n"] }]
+        }], ctorParameters: () => [] });
+
+class PuroInfoVideoComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoVideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroInfoVideoComponent, isStandalone: true, selector: "lib-puro-info-video", ngImport: i0, template: "<p>puro-info-video works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfoVideoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-info-video', standalone: true, imports: [], template: "<p>puro-info-video works!</p>\r\n" }]
+        }] });
+
+class PuroInfo2colComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfo2colComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PuroInfo2colComponent, isStandalone: true, selector: "lib-puro-info2col", ngImport: i0, template: "<section class=\"info2col\">\r\n    <h2 class=\"info2col__title\">Menu degustacion</h2>\r\n    <div class=\"info2col__section\">\r\n        <h3 class=\"info2col__sectionTitle\">Entrantes</h3>\r\n        <div class=\"info2col__items\">\r\n            @for (item of [0, 0, 0, 0, 0, 0,]; track $index; let odd = $odd) {\r\n\r\n            <div class=\"info2col__item\">\r\n                <p class=\"info2col__itemTitle\">\r\n                    SELECCI\u00D3N DE PANES <span class=\"info2col__price\">9</span>\r\n                </p>\r\n                <div class=\"info2col__icons\">\r\n                    <i class=\"icon-sunset_ico_small\"></i>\r\n                    <i class=\"icon-sunset_ico_small\"></i>\r\n                    <i class=\"icon-sunset_ico_small\"></i>\r\n                </div>\r\n                <p class=\"info2col__description\">\r\n                    Deliciosa selecci\u00F3n de panes con olivas, aceite de oliva y\r\n                    \u201Call i oli\u201D de lima\r\n                </p>\r\n            </div>\r\n            }\r\n        </div>\r\n    </div>\r\n    <div class=\"info2col__section\">\r\n        <h3 class=\"info2col__sectionTitle\">Puro Classics</h3>\r\n        <div class=\"info2col__items\">\r\n            @for (item of [0, 0, 0, 0, 0, 0,]; track $index) {\r\n\r\n            <div class=\"info2col__item\">\r\n                <p class=\"info2col__itemTitle\">\r\n                    QUESADILLAS DE POLLO <span class=\"info2col__price\">9</span>\r\n                </p>\r\n                <div class=\"icon-sunset_ico_smalls\">\r\n                    <i class=\"icon-sunset_ico_small\"></i>\r\n                    <i class=\"icon-sunset_ico_small\"></i>\r\n                    <i class=\"icon-sunset_ico_small\"></i>\r\n                </div>\r\n                <p class=\"info2col__description\">\r\n                    Tortitas de trigo, pollo campero al grill, queso mozzarella,\r\n                    ajo, tomate seco, comino, chile chipotle. Servidas con\r\n                    guacamole, crema agria y pico de gallo\r\n                </p>\r\n            </div>\r\n            }\r\n        </div>\r\n    </div>\r\n</section>\r\n", styles: [".info2col{padding-block:3.5rem;padding-inline:4.5rem}.info2col__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;text-align:center;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info2col__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info2col__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info2col__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info2col__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info2col__section{margin-bottom:58px}.info2col__sectionTitle{font-size:2.6rem;line-height:1.4111538462;letter-spacing:.052rem;padding-bottom:16px;margin-bottom:44px;border-bottom:1px solid rgba(97,97,96,.6)}@media (min-width: 540px){.info2col__sectionTitle{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info2col__sectionTitle{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}.info2col__items{position:relative;display:flex;flex-direction:column;row-gap:24px}.info2col__items:before{content:\"\";width:1px;height:100%;background-color:#61616099;position:absolute;left:50%;transform:translate(-50%)}@media (max-width: 768px){.info2col__items:before{display:none}}@media (min-width: 768px){.info2col__items{display:grid;grid-template-columns:1fr 1fr;row-gap:44px;column-gap:56px}}@media (min-width: 1024px){.info2col__items{column-gap:76px}}@media (min-width: 1366px){.info2col__items{row-gap:44px;column-gap:116px}}.info2col__itemTitle{color:#1e1e1e99;opacity:.8;font-weight:500;font-size:1.6rem;line-height:1.2;letter-spacing:.16rem;display:flex;align-items:center;justify-content:space-between}@media (min-width: 768px){.info2col__itemTitle{font-size:1.8rem;line-height:1.2127777778;letter-spacing:.18rem}}@media (min-width: 1680px){.info2col__itemTitle{font-size:2rem;line-height:1.213;letter-spacing:.2rem}}.info2col__price{color:#ceb676}.info2col__icons{display:flex;gap:5px;padding:10px 0}.info2col__icons i{width:35px;height:35px;font-size:10px;background-color:#ceb676}.info2col__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info2col__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info2col__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroInfo2colComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-info2col', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"info2col\">\r\n    <h2 class=\"info2col__title\">Menu degustacion</h2>\r\n    <div class=\"info2col__section\">\r\n        <h3 class=\"info2col__sectionTitle\">Entrantes</h3>\r\n        <div class=\"info2col__items\">\r\n            @for (item of [0, 0, 0, 0, 0, 0,]; track $index; let odd = $odd) {\r\n\r\n            <div class=\"info2col__item\">\r\n                <p class=\"info2col__itemTitle\">\r\n                    SELECCI\u00D3N DE PANES <span class=\"info2col__price\">9</span>\r\n                </p>\r\n                <div class=\"info2col__icons\">\r\n                    <i class=\"icon-sunset_ico_small\"></i>\r\n                    <i class=\"icon-sunset_ico_small\"></i>\r\n                    <i class=\"icon-sunset_ico_small\"></i>\r\n                </div>\r\n                <p class=\"info2col__description\">\r\n                    Deliciosa selecci\u00F3n de panes con olivas, aceite de oliva y\r\n                    \u201Call i oli\u201D de lima\r\n                </p>\r\n            </div>\r\n            }\r\n        </div>\r\n    </div>\r\n    <div class=\"info2col__section\">\r\n        <h3 class=\"info2col__sectionTitle\">Puro Classics</h3>\r\n        <div class=\"info2col__items\">\r\n            @for (item of [0, 0, 0, 0, 0, 0,]; track $index) {\r\n\r\n            <div class=\"info2col__item\">\r\n                <p class=\"info2col__itemTitle\">\r\n                    QUESADILLAS DE POLLO <span class=\"info2col__price\">9</span>\r\n                </p>\r\n                <div class=\"icon-sunset_ico_smalls\">\r\n                    <i class=\"icon-sunset_ico_small\"></i>\r\n                    <i class=\"icon-sunset_ico_small\"></i>\r\n                    <i class=\"icon-sunset_ico_small\"></i>\r\n                </div>\r\n                <p class=\"info2col__description\">\r\n                    Tortitas de trigo, pollo campero al grill, queso mozzarella,\r\n                    ajo, tomate seco, comino, chile chipotle. Servidas con\r\n                    guacamole, crema agria y pico de gallo\r\n                </p>\r\n            </div>\r\n            }\r\n        </div>\r\n    </div>\r\n</section>\r\n", styles: [".info2col{padding-block:3.5rem;padding-inline:4.5rem}.info2col__title{width:100%;color:#303030;transition:all .5s;margin-bottom:.9rem;text-align:center;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem;padding-bottom:15px}@media (min-width: 540px){.info2col__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info2col__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.info2col__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.info2col__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem;margin-bottom:3rem}}.info2col__section{margin-bottom:58px}.info2col__sectionTitle{font-size:2.6rem;line-height:1.4111538462;letter-spacing:.052rem;padding-bottom:16px;margin-bottom:44px;border-bottom:1px solid rgba(97,97,96,.6)}@media (min-width: 540px){.info2col__sectionTitle{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.info2col__sectionTitle{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}.info2col__items{position:relative;display:flex;flex-direction:column;row-gap:24px}.info2col__items:before{content:\"\";width:1px;height:100%;background-color:#61616099;position:absolute;left:50%;transform:translate(-50%)}@media (max-width: 768px){.info2col__items:before{display:none}}@media (min-width: 768px){.info2col__items{display:grid;grid-template-columns:1fr 1fr;row-gap:44px;column-gap:56px}}@media (min-width: 1024px){.info2col__items{column-gap:76px}}@media (min-width: 1366px){.info2col__items{row-gap:44px;column-gap:116px}}.info2col__itemTitle{color:#1e1e1e99;opacity:.8;font-weight:500;font-size:1.6rem;line-height:1.2;letter-spacing:.16rem;display:flex;align-items:center;justify-content:space-between}@media (min-width: 768px){.info2col__itemTitle{font-size:1.8rem;line-height:1.2127777778;letter-spacing:.18rem}}@media (min-width: 1680px){.info2col__itemTitle{font-size:2rem;line-height:1.213;letter-spacing:.2rem}}.info2col__price{color:#ceb676}.info2col__icons{display:flex;gap:5px;padding:10px 0}.info2col__icons i{width:35px;height:35px;font-size:10px;background-color:#ceb676}.info2col__description{display:inline-block;font-size:1.4rem;line-height:1.7;letter-spacing:.042rem;max-width:93.078%;color:#1e1e1e99}@media (min-width: 768px){.info2col__description{font-size:1.6rem;line-height:1.7;letter-spacing:.048rem}}@media (min-width: 1280px){.info2col__description{font-size:1.8rem;line-height:1.7;letter-spacing:.054rem}}\n"] }]
+        }] });
+
+class PuroLanguagesModalComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroLanguagesModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroLanguagesModalComponent, isStandalone: true, selector: "lib-puro-languages-modal", ngImport: i0, template: "<p>puro-languages-modal works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroLanguagesModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-languages-modal', standalone: true, imports: [], template: "<p>puro-languages-modal works!</p>\r\n" }]
+        }] });
+
+class PuroListAwardsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListAwardsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroListAwardsComponent, isStandalone: true, selector: "lib-puro-list-awards", ngImport: i0, template: "<p>puro-list-awards works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListAwardsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-list-awards', standalone: true, imports: [], template: "<p>puro-list-awards works!</p>\r\n" }]
+        }] });
+
+class PuroListGeneralComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListGeneralComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroListGeneralComponent, isStandalone: true, selector: "lib-puro-list-general", ngImport: i0, template: "<p>puro-list-general works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListGeneralComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-list-general', standalone: true, imports: [], template: "<p>puro-list-general works!</p>\r\n" }]
+        }] });
+
+class PuroListLogosComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListLogosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroListLogosComponent, isStandalone: true, selector: "lib-puro-list-logos", ngImport: i0, template: "<p>puro-list-logos works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroListLogosComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-list-logos', standalone: true, imports: [], template: "<p>puro-list-logos works!</p>\r\n" }]
+        }] });
+
+class PuroMapListComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroMapListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroMapListComponent, isStandalone: true, selector: "lib-puro-map-list", ngImport: i0, template: "<p>puro-map-list works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroMapListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-map-list', standalone: true, imports: [], template: "<p>puro-map-list works!</p>\r\n" }]
+        }] });
+
+class PuroMenuComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroMenuComponent, isStandalone: true, selector: "lib-puro-menu", ngImport: i0, template: "<p>puro-menu works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-menu', standalone: true, imports: [], template: "<p>puro-menu works!</p>\r\n" }]
+        }] });
+
+class PuroMusicSliderComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroMusicSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroMusicSliderComponent, isStandalone: true, selector: "lib-puro-music-slider", ngImport: i0, template: "<p>puro-music-slider works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroMusicSliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-music-slider', standalone: true, imports: [], template: "<p>puro-music-slider works!</p>\r\n" }]
+        }] });
+
+class PuroNewsletterComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroNewsletterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroNewsletterComponent, isStandalone: true, selector: "lib-puro-newsletter", ngImport: i0, template: "<p>puro-newsletter works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroNewsletterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-newsletter', standalone: true, imports: [], template: "<p>puro-newsletter works!</p>\r\n" }]
+        }] });
+
+class PuroOffersSliderComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroOffersSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroOffersSliderComponent, isStandalone: true, selector: "lib-puro-offers-slider", ngImport: i0, template: "<p>puro-offers-slider works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroOffersSliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-offers-slider', standalone: true, imports: [], template: "<p>puro-offers-slider works!</p>\r\n" }]
+        }] });
+
+class PuroPhotoSliderComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroPhotoSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroPhotoSliderComponent, isStandalone: true, selector: "lib-puro-photo-slider", ngImport: i0, template: "<p>puro-photo-slider works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroPhotoSliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-photo-slider', standalone: true, imports: [], template: "<p>puro-photo-slider works!</p>\r\n" }]
+        }] });
+
+class PuroScheduleComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroScheduleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroScheduleComponent, isStandalone: true, selector: "lib-puro-schedule", ngImport: i0, template: "<p>puro-schedule works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroScheduleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-schedule', standalone: true, imports: [], template: "<p>puro-schedule works!</p>\r\n" }]
+        }] });
+
+class PuroSlider1colComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider1colComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroSlider1colComponent, isStandalone: true, selector: "lib-puro-slider1col", ngImport: i0, template: "<p>puro-slider1col works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider1colComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-slider1col', standalone: true, imports: [], template: "<p>puro-slider1col works!</p>\r\n" }]
+        }] });
+
+class PuroSlider2colComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider2colComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroSlider2colComponent, isStandalone: true, selector: "lib-puro-slider2col", ngImport: i0, template: "<p>puro-slider2col works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider2colComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-slider2col', standalone: true, imports: [], template: "<p>puro-slider2col works!</p>\r\n" }]
+        }] });
+
+class PuroSlider3cardComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider3cardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroSlider3cardComponent, isStandalone: true, selector: "lib-puro-slider3card", ngImport: i0, template: "<section\r\n    class=\"slider3card js-active-slider\"\r\n    data-slides_infinite=\"true\"\r\n    data-slider_name=\"js-slider3card-slider\"\r\n    data-slider_showbtns=\"true\"\r\n    data-slider_showdots=\"false\"\r\n    data-slider_fade=\"false\"\r\n    data-slider_autoplay=\"false\"\r\n    data-slides_pc=\"3\"\r\n    data-slides_laptop=\"3\"\r\n    data-slides_tablet=\"3\"\r\n    data-slides_mobile=\"2\"\r\n    data-slides_mobile_small=\"1\"\r\n    data-slides_mobile_xsmall=\"1\"\r\n>\r\n    <div class=\"slider3card__inner relative\">\r\n        <div class=\"slider3card__container\">\r\n            <div class=\"js-slider3card-slider slider3card__slider\">\r\n                <div>\r\n                    <div class=\"slider3card__card\">\r\n                        <img\r\n                            src=\"assets/puro/images/comillas.png\"\r\n                            alt=\"\"\r\n                            class=\"slider3card__img\"\r\n                            width=\"68\"\r\n                            height=\"42\"\r\n                        />\r\n                        <p class=\"slider3card__description\">\r\n                            It is a long established fact that a in reader will\r\n                            be distracted by the readable content of a page when\r\n                            looking at its.\r\n                        </p>\r\n                        <p class=\"slider3card__sign\">\r\n                            Aitana Pons <br />Google\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <div class=\"slider3card__card\">\r\n                        <img\r\n                            src=\"assets/puro/images/comillas.png\"\r\n                            alt=\"\"\r\n                            class=\"slider3card__img\"\r\n                            width=\"68\"\r\n                            height=\"42\"\r\n                        />\r\n                        <p class=\"slider3card__description\">\r\n                            It is a long established fact that a in reader will\r\n                            be distracted by the readable content of a page when\r\n                            looking at its.\r\n                        </p>\r\n                        <p class=\"slider3card__sign\">\r\n                            Aitana Pons <br />Google\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <div class=\"slider3card__card\">\r\n                        <img\r\n                            src=\"assets/puro/images/comillas.png\"\r\n                            alt=\"\"\r\n                            class=\"slider3card__img\"\r\n                            width=\"68\"\r\n                            height=\"42\"\r\n                        />\r\n                        <p class=\"slider3card__description\">\r\n                            It is a long established fact that a in reader will\r\n                            be distracted by the readable content of a page when\r\n                            looking at its.\r\n                        </p>\r\n                        <p class=\"slider3card__sign\">\r\n                            Aitana Pons <br />Google\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <div class=\"slider3card__card\">\r\n                        <img\r\n                            src=\"assets/puro/images/comillas.png\"\r\n                            alt=\"\"\r\n                            class=\"slider3card__img\"\r\n                            width=\"68\"\r\n                            height=\"42\"\r\n                        />\r\n                        <p class=\"slider3card__description\">\r\n                            It is a long established fact that a in reader will\r\n                            be distracted by the readable content of a page when\r\n                            looking at its.\r\n                        </p>\r\n                        <p class=\"slider3card__sign\">\r\n                            Aitana Pons <br />Google\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"js-slider-arrows\"></div>\r\n        </div>\r\n    </div>\r\n</section>\r\n", styles: [".slider3card{padding-block:3.5rem;transition:all .5s;position:relative;isolation:isolate;overflow:hidden}@media (min-width: 768px){.slider3card{padding-block:6.8rem 7.091rem}}@media (min-width: 1024px){.slider3card{padding-block:2.8rem 3.9rem}}@media (min-width: 1680px){.slider3card{padding-block:7rem 5.3rem;padding-bottom:8.358rem}}.slider3card__inner{position:relative;padding-inline:4.5rem}@media (min-width: 768px){.slider3card__inner{padding-inline:0}}.slider3card__slider ::ng-deep .slick-list{position:relative;left:50%;transform:translate(-50%);width:100%}@media (min-width: 768px){.slider3card__slider ::ng-deep .slick-list{width:66rem}}@media (min-width: 1024px){.slider3card__slider ::ng-deep .slick-list{position:relative;width:90rem}}@media (min-width: 1280px){.slider3card__slider ::ng-deep .slick-list{width:106rem}}.slider3card__slider ::ng-deep .slick-slide{transition:all .5s;padding-bottom:8px}@media (min-width: 768px){.slider3card__slider ::ng-deep .slick-slide{padding-inline:2.5rem}}@media (min-width: 1024px){.slider3card__slider ::ng-deep .slick-slide{padding-inline:1rem}}@media (min-width: 1280px){.slider3card__slider ::ng-deep .slick-slide{padding-inline:3.6rem}}.slider3card__card{width:280px;height:343px;padding:21px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;border-radius:5px;box-shadow:0 4px 4px #00000040;gap:27px}@media (max-width: 768px){.slider3card__card{position:relative;left:50%;transform:translate(-50%)}}.slider3card__img{width:68px;height:42px}.slider3card__description{font-weight:400;font-size:1.4rem;line-height:3.4rem;letter-spacing:.03em;color:#616160}.slider3card__sign{font-weight:700;font-size:1.4rem;line-height:2rem;letter-spacing:.03em;color:#ceb677}.slider3card .js-slider-arrows::ng-deep i{color:#616160}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider3cardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-slider3card', standalone: true, imports: [CommonModule], template: "<section\r\n    class=\"slider3card js-active-slider\"\r\n    data-slides_infinite=\"true\"\r\n    data-slider_name=\"js-slider3card-slider\"\r\n    data-slider_showbtns=\"true\"\r\n    data-slider_showdots=\"false\"\r\n    data-slider_fade=\"false\"\r\n    data-slider_autoplay=\"false\"\r\n    data-slides_pc=\"3\"\r\n    data-slides_laptop=\"3\"\r\n    data-slides_tablet=\"3\"\r\n    data-slides_mobile=\"2\"\r\n    data-slides_mobile_small=\"1\"\r\n    data-slides_mobile_xsmall=\"1\"\r\n>\r\n    <div class=\"slider3card__inner relative\">\r\n        <div class=\"slider3card__container\">\r\n            <div class=\"js-slider3card-slider slider3card__slider\">\r\n                <div>\r\n                    <div class=\"slider3card__card\">\r\n                        <img\r\n                            src=\"assets/puro/images/comillas.png\"\r\n                            alt=\"\"\r\n                            class=\"slider3card__img\"\r\n                            width=\"68\"\r\n                            height=\"42\"\r\n                        />\r\n                        <p class=\"slider3card__description\">\r\n                            It is a long established fact that a in reader will\r\n                            be distracted by the readable content of a page when\r\n                            looking at its.\r\n                        </p>\r\n                        <p class=\"slider3card__sign\">\r\n                            Aitana Pons <br />Google\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <div class=\"slider3card__card\">\r\n                        <img\r\n                            src=\"assets/puro/images/comillas.png\"\r\n                            alt=\"\"\r\n                            class=\"slider3card__img\"\r\n                            width=\"68\"\r\n                            height=\"42\"\r\n                        />\r\n                        <p class=\"slider3card__description\">\r\n                            It is a long established fact that a in reader will\r\n                            be distracted by the readable content of a page when\r\n                            looking at its.\r\n                        </p>\r\n                        <p class=\"slider3card__sign\">\r\n                            Aitana Pons <br />Google\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <div class=\"slider3card__card\">\r\n                        <img\r\n                            src=\"assets/puro/images/comillas.png\"\r\n                            alt=\"\"\r\n                            class=\"slider3card__img\"\r\n                            width=\"68\"\r\n                            height=\"42\"\r\n                        />\r\n                        <p class=\"slider3card__description\">\r\n                            It is a long established fact that a in reader will\r\n                            be distracted by the readable content of a page when\r\n                            looking at its.\r\n                        </p>\r\n                        <p class=\"slider3card__sign\">\r\n                            Aitana Pons <br />Google\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n                <div>\r\n                    <div class=\"slider3card__card\">\r\n                        <img\r\n                            src=\"assets/puro/images/comillas.png\"\r\n                            alt=\"\"\r\n                            class=\"slider3card__img\"\r\n                            width=\"68\"\r\n                            height=\"42\"\r\n                        />\r\n                        <p class=\"slider3card__description\">\r\n                            It is a long established fact that a in reader will\r\n                            be distracted by the readable content of a page when\r\n                            looking at its.\r\n                        </p>\r\n                        <p class=\"slider3card__sign\">\r\n                            Aitana Pons <br />Google\r\n                        </p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"js-slider-arrows\"></div>\r\n        </div>\r\n    </div>\r\n</section>\r\n", styles: [".slider3card{padding-block:3.5rem;transition:all .5s;position:relative;isolation:isolate;overflow:hidden}@media (min-width: 768px){.slider3card{padding-block:6.8rem 7.091rem}}@media (min-width: 1024px){.slider3card{padding-block:2.8rem 3.9rem}}@media (min-width: 1680px){.slider3card{padding-block:7rem 5.3rem;padding-bottom:8.358rem}}.slider3card__inner{position:relative;padding-inline:4.5rem}@media (min-width: 768px){.slider3card__inner{padding-inline:0}}.slider3card__slider ::ng-deep .slick-list{position:relative;left:50%;transform:translate(-50%);width:100%}@media (min-width: 768px){.slider3card__slider ::ng-deep .slick-list{width:66rem}}@media (min-width: 1024px){.slider3card__slider ::ng-deep .slick-list{position:relative;width:90rem}}@media (min-width: 1280px){.slider3card__slider ::ng-deep .slick-list{width:106rem}}.slider3card__slider ::ng-deep .slick-slide{transition:all .5s;padding-bottom:8px}@media (min-width: 768px){.slider3card__slider ::ng-deep .slick-slide{padding-inline:2.5rem}}@media (min-width: 1024px){.slider3card__slider ::ng-deep .slick-slide{padding-inline:1rem}}@media (min-width: 1280px){.slider3card__slider ::ng-deep .slick-slide{padding-inline:3.6rem}}.slider3card__card{width:280px;height:343px;padding:21px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;border-radius:5px;box-shadow:0 4px 4px #00000040;gap:27px}@media (max-width: 768px){.slider3card__card{position:relative;left:50%;transform:translate(-50%)}}.slider3card__img{width:68px;height:42px}.slider3card__description{font-weight:400;font-size:1.4rem;line-height:3.4rem;letter-spacing:.03em;color:#616160}.slider3card__sign{font-weight:700;font-size:1.4rem;line-height:2rem;letter-spacing:.03em;color:#ceb677}.slider3card .js-slider-arrows::ng-deep i{color:#616160}\n"] }]
+        }] });
+
+class PuroSlider3colComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider3colComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroSlider3colComponent, isStandalone: true, selector: "lib-puro-slider3col", ngImport: i0, template: "<p>puro-slider3col works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider3colComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-slider3col', standalone: true, imports: [], template: "<p>puro-slider3col works!</p>\r\n" }]
+        }] });
+
+class PuroSlider3colRoundComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider3colRoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroSlider3colRoundComponent, isStandalone: true, selector: "lib-puro-slider3col-round", ngImport: i0, template: "<p>puro-slider3col-round works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroSlider3colRoundComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-slider3col-round', standalone: true, imports: [], template: "<p>puro-slider3col-round works!</p>\r\n" }]
+        }] });
+
+class PuroThanksComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroThanksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroThanksComponent, isStandalone: true, selector: "lib-puro-thanks", ngImport: i0, template: "<p>puro-thanks works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroThanksComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-thanks', standalone: true, imports: [], template: "<p>puro-thanks works!</p>\r\n" }]
+        }] });
+
+class PuroTopSliderComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroTopSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroTopSliderComponent, isStandalone: true, selector: "lib-puro-top-slider", ngImport: i0, template: "<p>puro-top-slider works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroTopSliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-top-slider', standalone: true, imports: [], template: "<p>puro-top-slider works!</p>\r\n" }]
+        }] });
+
+class PuroVerticalInfoComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroVerticalInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroVerticalInfoComponent, isStandalone: true, selector: "lib-puro-vertical-info", ngImport: i0, template: "<section class=\"vertical-info\">\r\n    <div class=\"vertical-info__header\">\r\n        <p class=\"vertical-info__pretitle\">EVENTO</p>\r\n        <a href=\"#\" class=\"btn btn__primary--outline vertical-info__btn-back\"\r\n            >VOLVER</a\r\n        >\r\n    </div>\r\n    <div class=\"vertical-info__content\">\r\n        <div class=\"vertical-info__left\">\r\n            <div class=\"vertical-info__main\">\r\n                <div>\r\n                    <span class=\"vertical-info__tag\">NEW</span>\r\n                    <h2 class=\"vertical-info__title\">Experienza Veneziana</h2>\r\n                    <p class=\"vertical-info__subtitle\">PUROBEACH PALMA</p>\r\n                </div>\r\n                <div class=\"vertical-info__boxes\">\r\n                    <div class=\"vertical-info__box\">\r\n                        <p class=\"vertical-info__from\">DESDE</p>\r\n                        <p class=\"vertical-info__price\">70\u20AC</p>\r\n                        <p class=\"vertical-info__pp\">Por persona</p>\r\n                    </div>\r\n                    <a\r\n                        href=\"#\"\r\n                        class=\"vertical-info__btn btn btn__primary--outline\"\r\n                    >\r\n                        INSCRIBIRME GUEST LIST\r\n                    </a>\r\n                </div>\r\n            </div>\r\n            <img\r\n                class=\"vertical-info__image\"\r\n                src=\"assets/puro/images/vertical-info.png\"\r\n                alt=\"Evento\"\r\n                width=\"431\"\r\n                height=\"531\"\r\n            />\r\n        </div>\r\n\r\n        <div class=\"vertical-info__right\">\r\n            <div class=\"vertical-info__data\">\r\n                <div>\r\n                    <p class=\"vertical-info__small-title\">FECHA</p>\r\n                    <p class=\"vertical-info__description\">\r\n                        S\u00E1bado, 21 Junio 2025\r\n                    </p>\r\n                </div>\r\n                <div>\r\n                    <p class=\"vertical-info__small-title\">HORA</p>\r\n                    <p class=\"vertical-info__description\">\r\n                        Empieza alas 00:00h\r\n                    </p>\r\n                </div>\r\n                <div>\r\n                    <p class=\"vertical-info__small-title\">UBICACI\u00D3N</p>\r\n                    <p class=\"vertical-info__description\">\r\n                        Calle del Pagell 1, <br />\r\n                        107610 Cala Estancia <br />\r\n                        Palma de Mallorca - Espa\u00F1a\r\n                    </p>\r\n                </div>\r\n            </div>\r\n            <div class=\"vertical-info__separator\"></div>\r\n            <div class=\"vertical-info__info-description\">\r\n                <p class=\"vertical-info__title\">DESCRIPCI\u00D3N</p>\r\n                <p class=\"vertical-info__description\">\r\n                    S\u00E9 parte del \u00FAltimo gran evento del verano. Ven a celebrar\r\n                    la magia de Purobeach Palma en Eclipse, donde el d\u00EDa y la\r\n                    noche se funden.\r\n                </p>\r\n                <ul class=\"vertical-info__list\">\r\n                    <li>DJ's residentes e invitados</li>\r\n                    <li>Men\u00FA y bebidas VIP</li>\r\n                    <li>Atardecer en the place to be</li>\r\n                </ul>\r\n            </div>\r\n            <div class=\"vertical-info__schedule\">\r\n                <p class=\"vertical-info__title\">ACTUACIONES DJ</p>\r\n                <ul class=\"vertical-info__img-list\">\r\n                    <li>\r\n                        <img src=\"assets/puro/images/dj.png\" alt=\"\" />\r\n                        <div>\r\n                            <p class=\"vertical-info__small-title\">16:30h</p>\r\n                            <p class=\"vertical-info__description\">\r\n                                Isaac Indart\r\n                            </p>\r\n                        </div>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"assets/puro/images/dj.png\" alt=\"\" />\r\n                        <div>\r\n                            <p class=\"vertical-info__small-title\">16:30h</p>\r\n                            <p class=\"vertical-info__description\">\r\n                                Mikah & Cuartero\r\n                            </p>\r\n                        </div>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"assets/puro/images/dj.png\" alt=\"\" />\r\n                        <div>\r\n                            <p class=\"vertical-info__small-title\">16:30h</p>\r\n                            <p class=\"vertical-info__description\">\r\n                                Sebas Ramis\r\n                            </p>\r\n                        </div>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"assets/puro/images/dj.png\" alt=\"\" />\r\n                        <div>\r\n                            <p class=\"vertical-info__small-title\">16:30h</p>\r\n                            <p class=\"vertical-info__description\">\r\n                                Sote de Lino\r\n                            </p>\r\n                        </div>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n            <div class=\"vertical-info__info-description\">\r\n                <p class=\"vertical-info__title\">\r\n                    RESERVA TU ENTRADA GENERAL O TU MESA VIP CUANTO ANTES\r\n                </p>\r\n                <p class=\"vertical-info__description\">\r\n                    Asegura tu lugar en la \u00FAltima gran fiesta de la temporada de\r\n                    Puro!\r\n                </p>\r\n                <ul class=\"vertical-info__list\">\r\n                    <li>\r\n                        Entrada early bird\r\n                        <span class=\"vertical-info__price\">70\u20AC</span>\r\n                    </li>\r\n                    <li>\r\n                        Entrada regular\r\n                        <span class=\"vertical-info__price\">90\u20AC</span>\r\n                    </li>\r\n                    <li>\r\n                        Entrada en puerta\r\n                        <span class=\"vertical-info__price\">100\u20AC</span>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n            <div class=\"vertical-info__book\">\r\n                <p class=\"vertical-info__title\">BUSCAR UNA MESA VIP?</p>\r\n                <p class=\"vertical-info__description\">\r\n                    Asegura tu lugar exclusivo en la \u00FAltima gran fiesta de la\r\n                    temporada!\r\n                </p>\r\n                <button class=\"btn btn__primary--outline\">\r\n                    Reservar Mesa VIP\r\n                </button>\r\n            </div>\r\n            <div class=\"vertical-info__separator\"></div>\r\n            <div class=\"vertical-info__social\">\r\n                <p class=\"vertical-info__small-title\">COMPARTIR</p>\r\n                <div class=\"vertical-info__media\">\r\n                    <a\r\n                        href=\"https://www.instagram.com\"\r\n                        class=\"btn btn__primary--outline\"\r\n                        ><span class=\"icon-1\"></span\r\n                    ></a>\r\n                    <a\r\n                        href=\"https://www.x.com\"\r\n                        class=\"btn btn__primary--outline\"\r\n                        ><span class=\"icon-4\"></span\r\n                    ></a>\r\n                    <a\r\n                        href=\"https://www.facebook.com\"\r\n                        class=\"btn btn__primary--outline\"\r\n                        ><span class=\"icon-5\"></span\r\n                    ></a>\r\n                </div>\r\n            </div>\r\n            <div\r\n                class=\"vertical-info__additional vertical-info__additional--contact\"\r\n            >\r\n                <p class=\"vertical-info__small-title\">CONT\u00C1CTAMOS</p>\r\n\r\n                <div class=\"vertical-info__links\">\r\n                    <a href=\"phone:+34 971 000 000\">T. +34 971 000 000</a>\r\n                    <a href=\"mailto: mail@mail.es\">mail.es</a>\r\n                </div>\r\n            </div>\r\n            <div class=\"vertical-info__additional\">\r\n                <p class=\"vertical-info__small-title\">EXTRA</p>\r\n\r\n                <div>\r\n                    <P class=\"vertical-info__description\"\r\n                        >Contenido extra posible\r\n                    </P>\r\n                </div>\r\n            </div>\r\n            <div\r\n                class=\"vertical-info__additional vertical-info__additional--location\"\r\n            >\r\n                <p class=\"vertical-info__small-title\">UBICACI\u00D3N</p>\r\n                <p class=\"vertical-info__description\">\r\n                    Calle del Pagell 1, <br />\r\n                    107610 Cala Estancia <br />\r\n                    Palma de Mallorca - Espa\u00F1a\r\n                </p>\r\n            </div>\r\n            <a href=\"#\" class=\"btn btn__primary--outline vertical-info__btn-map\"\r\n                >VER MAPA</a\r\n            >\r\n            <a\r\n                href=\"#\"\r\n                class=\"btn btn__primary--outline vertical-info__btn-full\"\r\n                >GUEST LIST</a\r\n            >\r\n            <a href=\"#\" class=\"btn btn__primary vertical-info__btn-full\"\r\n                >COMPRAR</a\r\n            >\r\n        </div>\r\n    </div>\r\n</section>\r\n", styles: [".vertical-info{transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.vertical-info{padding-block:6.8rem 5.6rem}}@media (min-width: 1280px){.vertical-info{padding-block:4.8rem 4rem}}@media (min-width: 1680px){.vertical-info{padding-block:7rem 5.3rem}}.vertical-info__header{width:100%;display:flex;justify-content:space-between;align-items:center}@media (max-width: 1280px){.vertical-info__header a{display:none}}.vertical-info__pretitle,.vertical-info__subtitle{width:100%;color:#b79955;font-weight:500;font-size:2rem;line-height:1.2;letter-spacing:.16rem;vertical-align:middle}@media (min-width: 768px){.vertical-info__pretitle,.vertical-info__subtitle{line-height:1.2127777778;letter-spacing:.18rem}}@media (min-width: 1680px){.vertical-info__pretitle,.vertical-info__subtitle{line-height:1.213;letter-spacing:.2rem}}.vertical-info__subtitle{margin-bottom:1.64rem}.vertical-info__content{display:flex;flex-direction:column;gap:5rem;align-items:center}@media (min-width: 1280px){.vertical-info__content{align-items:flex-start;gap:2rem;flex-direction:row;gap:75px}}.vertical-info__left{display:flex;flex-direction:column;align-items:center;width:100%}@media (min-width: 1280px){.vertical-info__left{flex:0 0 66%;justify-content:space-between;flex-direction:row;align-items:flex-start;position:sticky;top:8rem;gap:10.7rem}}.vertical-info__right{max-width:370px}@media (min-width: 1280px){.vertical-info__right{flex:0 33%;padding-top:172px}}@media (max-width: 1280px){.vertical-info__main{width:100%;display:flex;align-items:center;justify-content:space-between}}.vertical-info__main .vertical-info__tag{font-weight:700;font-size:1.3rem;line-height:1.572rem;letter-spacing:10%;color:#fff;background-color:#b79955;margin:35px 0;padding:3px 33px;display:inline-block}.vertical-info__main .vertical-info__title{color:#b79955;transition:all .5s;margin-bottom:1.4rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem}@media (min-width: 540px){.vertical-info__main .vertical-info__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.vertical-info__main .vertical-info__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.vertical-info__main .vertical-info__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.vertical-info__main .vertical-info__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem}}.vertical-info__main .vertical-info__subtitle{color:#616160}.vertical-info__boxes{display:flex;flex-direction:column;gap:1.8rem;margin-top:-22px}.vertical-info__boxes>:first-child{order:2}@media (min-width: 1280px){.vertical-info__boxes{flex-direction:row;margin-top:0}.vertical-info__boxes>:first-child{order:1}}.vertical-info__boxes .vertical-info__btn{width:113px;height:113px;padding:0;font-weight:700;font-size:1.4rem;line-height:1.8rem;letter-spacing:5%;text-align:center;display:flex;align-items:center;border-radius:0}.vertical-info__boxes .vertical-info__box{background-color:#b79955;width:113px;height:113px;display:flex;flex-direction:column;justify-content:center}.vertical-info__boxes .vertical-info__from,.vertical-info__boxes .vertical-info__price,.vertical-info__boxes .vertical-info__pp{font-weight:700;font-size:13px;line-height:14.99px;letter-spacing:0;text-align:center;color:#fff;margin:0}.vertical-info__boxes .vertical-info__from{font-weight:300}.vertical-info__boxes .vertical-info__price{font-size:3.454rem;line-height:4.175rem}.vertical-info__image{margin-top:1rem;width:431px;height:531px}.vertical-info__data{display:flex;flex-direction:column;gap:20px}.vertical-info__data div:nth-child(3) .vertical-info__description{font-size:1.6rem;line-height:2.6rem}.vertical-info__small-title{font-weight:700;font-size:1.3rem;line-height:1.572rem;letter-spacing:5%;color:#ceb677}.vertical-info__data .vertical-info__description{font-weight:400;font-size:1.9rem;line-height:2.204rem;letter-spacing:0%;margin-top:10px;color:#616160}.vertical-info__separator{width:53px;height:1px;background-color:#ceb677;margin:50px 0}.vertical-info__info-description,.vertical-info__schedule{margin-bottom:50px}.vertical-info__info-description .vertical-info__title,.vertical-info__info-description .vertical-info__price,.vertical-info__book .vertical-info__title,.vertical-info__book .vertical-info__price,.vertical-info__schedule .vertical-info__title,.vertical-info__schedule .vertical-info__price{color:#ceb677;font-weight:700;font-size:2rem;line-height:2.418rem;letter-spacing:5%}.vertical-info__info-description .vertical-info__description,.vertical-info__book .vertical-info__description,.vertical-info__schedule .vertical-info__description{font-weight:400;font-size:1.8rem;line-height:3rem;letter-spacing:0%;color:#616160;margin-bottom:40px}.vertical-info__info-description .vertical-info__list li,.vertical-info__book .vertical-info__list li,.vertical-info__schedule .vertical-info__list li{color:#616160;font-weight:400;font-size:1.8rem;line-height:3.3rem;letter-spacing:0%;padding-left:15px;position:relative;display:flex;align-items:center;justify-content:space-between}.vertical-info__info-description .vertical-info__list li:before,.vertical-info__book .vertical-info__list li:before,.vertical-info__schedule .vertical-info__list li:before{content:\"\";position:absolute;left:0;width:6.4px;height:6.4px;background-color:#ceb677;border-radius:100%;top:50%;transform:translateY(-50%)}.vertical-info__info-description .vertical-info__img-list,.vertical-info__book .vertical-info__img-list,.vertical-info__schedule .vertical-info__img-list{margin-top:35px}.vertical-info__info-description .vertical-info__img-list li,.vertical-info__book .vertical-info__img-list li,.vertical-info__schedule .vertical-info__img-list li{display:flex;align-items:center;gap:15px}.vertical-info__info-description .vertical-info__img-list li p+p,.vertical-info__book .vertical-info__img-list li p+p,.vertical-info__schedule .vertical-info__img-list li p+p{margin-top:6.4px;margin-bottom:0}.vertical-info__info-description .vertical-info__img-list li:not(:last-child),.vertical-info__book .vertical-info__img-list li:not(:last-child),.vertical-info__schedule .vertical-info__img-list li:not(:last-child){margin-bottom:32px}.vertical-info__social{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.vertical-info__social .vertical-info__media{display:flex;gap:17px}.vertical-info__social .vertical-info__media .btn{border-radius:100%;width:50px;display:flex;justify-content:center}.vertical-info__additional .vertical-info__small-title{margin-bottom:25px}.vertical-info__additional .vertical-info__description{color:#616160;font-weight:400;font-size:2rem;line-height:3.4rem;letter-spacing:3%}.vertical-info__additional .vertical-info__links{display:flex;flex-direction:column;gap:10px}.vertical-info__additional{margin-bottom:50px}.vertical-info__additional--contact a{color:#616160;font-weight:400;font-size:1.8rem;line-height:2.088rem;letter-spacing:0%}.vertical-info__additional--location .vertical-info__description{font-size:1.6rem;line-height:2.6rem}.vertical-info__btn-map,.vertical-info__btn-back{width:192px;display:block}.vertical-info__btn-full{width:100%;display:block;margin-top:50px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroVerticalInfoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-vertical-info', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"vertical-info\">\r\n    <div class=\"vertical-info__header\">\r\n        <p class=\"vertical-info__pretitle\">EVENTO</p>\r\n        <a href=\"#\" class=\"btn btn__primary--outline vertical-info__btn-back\"\r\n            >VOLVER</a\r\n        >\r\n    </div>\r\n    <div class=\"vertical-info__content\">\r\n        <div class=\"vertical-info__left\">\r\n            <div class=\"vertical-info__main\">\r\n                <div>\r\n                    <span class=\"vertical-info__tag\">NEW</span>\r\n                    <h2 class=\"vertical-info__title\">Experienza Veneziana</h2>\r\n                    <p class=\"vertical-info__subtitle\">PUROBEACH PALMA</p>\r\n                </div>\r\n                <div class=\"vertical-info__boxes\">\r\n                    <div class=\"vertical-info__box\">\r\n                        <p class=\"vertical-info__from\">DESDE</p>\r\n                        <p class=\"vertical-info__price\">70\u20AC</p>\r\n                        <p class=\"vertical-info__pp\">Por persona</p>\r\n                    </div>\r\n                    <a\r\n                        href=\"#\"\r\n                        class=\"vertical-info__btn btn btn__primary--outline\"\r\n                    >\r\n                        INSCRIBIRME GUEST LIST\r\n                    </a>\r\n                </div>\r\n            </div>\r\n            <img\r\n                class=\"vertical-info__image\"\r\n                src=\"assets/puro/images/vertical-info.png\"\r\n                alt=\"Evento\"\r\n                width=\"431\"\r\n                height=\"531\"\r\n            />\r\n        </div>\r\n\r\n        <div class=\"vertical-info__right\">\r\n            <div class=\"vertical-info__data\">\r\n                <div>\r\n                    <p class=\"vertical-info__small-title\">FECHA</p>\r\n                    <p class=\"vertical-info__description\">\r\n                        S\u00E1bado, 21 Junio 2025\r\n                    </p>\r\n                </div>\r\n                <div>\r\n                    <p class=\"vertical-info__small-title\">HORA</p>\r\n                    <p class=\"vertical-info__description\">\r\n                        Empieza alas 00:00h\r\n                    </p>\r\n                </div>\r\n                <div>\r\n                    <p class=\"vertical-info__small-title\">UBICACI\u00D3N</p>\r\n                    <p class=\"vertical-info__description\">\r\n                        Calle del Pagell 1, <br />\r\n                        107610 Cala Estancia <br />\r\n                        Palma de Mallorca - Espa\u00F1a\r\n                    </p>\r\n                </div>\r\n            </div>\r\n            <div class=\"vertical-info__separator\"></div>\r\n            <div class=\"vertical-info__info-description\">\r\n                <p class=\"vertical-info__title\">DESCRIPCI\u00D3N</p>\r\n                <p class=\"vertical-info__description\">\r\n                    S\u00E9 parte del \u00FAltimo gran evento del verano. Ven a celebrar\r\n                    la magia de Purobeach Palma en Eclipse, donde el d\u00EDa y la\r\n                    noche se funden.\r\n                </p>\r\n                <ul class=\"vertical-info__list\">\r\n                    <li>DJ's residentes e invitados</li>\r\n                    <li>Men\u00FA y bebidas VIP</li>\r\n                    <li>Atardecer en the place to be</li>\r\n                </ul>\r\n            </div>\r\n            <div class=\"vertical-info__schedule\">\r\n                <p class=\"vertical-info__title\">ACTUACIONES DJ</p>\r\n                <ul class=\"vertical-info__img-list\">\r\n                    <li>\r\n                        <img src=\"assets/puro/images/dj.png\" alt=\"\" />\r\n                        <div>\r\n                            <p class=\"vertical-info__small-title\">16:30h</p>\r\n                            <p class=\"vertical-info__description\">\r\n                                Isaac Indart\r\n                            </p>\r\n                        </div>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"assets/puro/images/dj.png\" alt=\"\" />\r\n                        <div>\r\n                            <p class=\"vertical-info__small-title\">16:30h</p>\r\n                            <p class=\"vertical-info__description\">\r\n                                Mikah & Cuartero\r\n                            </p>\r\n                        </div>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"assets/puro/images/dj.png\" alt=\"\" />\r\n                        <div>\r\n                            <p class=\"vertical-info__small-title\">16:30h</p>\r\n                            <p class=\"vertical-info__description\">\r\n                                Sebas Ramis\r\n                            </p>\r\n                        </div>\r\n                    </li>\r\n                    <li>\r\n                        <img src=\"assets/puro/images/dj.png\" alt=\"\" />\r\n                        <div>\r\n                            <p class=\"vertical-info__small-title\">16:30h</p>\r\n                            <p class=\"vertical-info__description\">\r\n                                Sote de Lino\r\n                            </p>\r\n                        </div>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n            <div class=\"vertical-info__info-description\">\r\n                <p class=\"vertical-info__title\">\r\n                    RESERVA TU ENTRADA GENERAL O TU MESA VIP CUANTO ANTES\r\n                </p>\r\n                <p class=\"vertical-info__description\">\r\n                    Asegura tu lugar en la \u00FAltima gran fiesta de la temporada de\r\n                    Puro!\r\n                </p>\r\n                <ul class=\"vertical-info__list\">\r\n                    <li>\r\n                        Entrada early bird\r\n                        <span class=\"vertical-info__price\">70\u20AC</span>\r\n                    </li>\r\n                    <li>\r\n                        Entrada regular\r\n                        <span class=\"vertical-info__price\">90\u20AC</span>\r\n                    </li>\r\n                    <li>\r\n                        Entrada en puerta\r\n                        <span class=\"vertical-info__price\">100\u20AC</span>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n            <div class=\"vertical-info__book\">\r\n                <p class=\"vertical-info__title\">BUSCAR UNA MESA VIP?</p>\r\n                <p class=\"vertical-info__description\">\r\n                    Asegura tu lugar exclusivo en la \u00FAltima gran fiesta de la\r\n                    temporada!\r\n                </p>\r\n                <button class=\"btn btn__primary--outline\">\r\n                    Reservar Mesa VIP\r\n                </button>\r\n            </div>\r\n            <div class=\"vertical-info__separator\"></div>\r\n            <div class=\"vertical-info__social\">\r\n                <p class=\"vertical-info__small-title\">COMPARTIR</p>\r\n                <div class=\"vertical-info__media\">\r\n                    <a\r\n                        href=\"https://www.instagram.com\"\r\n                        class=\"btn btn__primary--outline\"\r\n                        ><span class=\"icon-1\"></span\r\n                    ></a>\r\n                    <a\r\n                        href=\"https://www.x.com\"\r\n                        class=\"btn btn__primary--outline\"\r\n                        ><span class=\"icon-4\"></span\r\n                    ></a>\r\n                    <a\r\n                        href=\"https://www.facebook.com\"\r\n                        class=\"btn btn__primary--outline\"\r\n                        ><span class=\"icon-5\"></span\r\n                    ></a>\r\n                </div>\r\n            </div>\r\n            <div\r\n                class=\"vertical-info__additional vertical-info__additional--contact\"\r\n            >\r\n                <p class=\"vertical-info__small-title\">CONT\u00C1CTAMOS</p>\r\n\r\n                <div class=\"vertical-info__links\">\r\n                    <a href=\"phone:+34 971 000 000\">T. +34 971 000 000</a>\r\n                    <a href=\"mailto: mail@mail.es\">mail.es</a>\r\n                </div>\r\n            </div>\r\n            <div class=\"vertical-info__additional\">\r\n                <p class=\"vertical-info__small-title\">EXTRA</p>\r\n\r\n                <div>\r\n                    <P class=\"vertical-info__description\"\r\n                        >Contenido extra posible\r\n                    </P>\r\n                </div>\r\n            </div>\r\n            <div\r\n                class=\"vertical-info__additional vertical-info__additional--location\"\r\n            >\r\n                <p class=\"vertical-info__small-title\">UBICACI\u00D3N</p>\r\n                <p class=\"vertical-info__description\">\r\n                    Calle del Pagell 1, <br />\r\n                    107610 Cala Estancia <br />\r\n                    Palma de Mallorca - Espa\u00F1a\r\n                </p>\r\n            </div>\r\n            <a href=\"#\" class=\"btn btn__primary--outline vertical-info__btn-map\"\r\n                >VER MAPA</a\r\n            >\r\n            <a\r\n                href=\"#\"\r\n                class=\"btn btn__primary--outline vertical-info__btn-full\"\r\n                >GUEST LIST</a\r\n            >\r\n            <a href=\"#\" class=\"btn btn__primary vertical-info__btn-full\"\r\n                >COMPRAR</a\r\n            >\r\n        </div>\r\n    </div>\r\n</section>\r\n", styles: [".vertical-info{transition:all .5s;padding-block:3.5rem;padding-inline:4.5rem}@media (min-width: 768px){.vertical-info{padding-block:6.8rem 5.6rem}}@media (min-width: 1280px){.vertical-info{padding-block:4.8rem 4rem}}@media (min-width: 1680px){.vertical-info{padding-block:7rem 5.3rem}}.vertical-info__header{width:100%;display:flex;justify-content:space-between;align-items:center}@media (max-width: 1280px){.vertical-info__header a{display:none}}.vertical-info__pretitle,.vertical-info__subtitle{width:100%;color:#b79955;font-weight:500;font-size:2rem;line-height:1.2;letter-spacing:.16rem;vertical-align:middle}@media (min-width: 768px){.vertical-info__pretitle,.vertical-info__subtitle{line-height:1.2127777778;letter-spacing:.18rem}}@media (min-width: 1680px){.vertical-info__pretitle,.vertical-info__subtitle{line-height:1.213;letter-spacing:.2rem}}.vertical-info__subtitle{margin-bottom:1.64rem}.vertical-info__content{display:flex;flex-direction:column;gap:5rem;align-items:center}@media (min-width: 1280px){.vertical-info__content{align-items:flex-start;gap:2rem;flex-direction:row;gap:75px}}.vertical-info__left{display:flex;flex-direction:column;align-items:center;width:100%}@media (min-width: 1280px){.vertical-info__left{flex:0 0 66%;justify-content:space-between;flex-direction:row;align-items:flex-start;position:sticky;top:8rem;gap:10.7rem}}.vertical-info__right{max-width:370px}@media (min-width: 1280px){.vertical-info__right{flex:0 33%;padding-top:172px}}@media (max-width: 1280px){.vertical-info__main{width:100%;display:flex;align-items:center;justify-content:space-between}}.vertical-info__main .vertical-info__tag{font-weight:700;font-size:1.3rem;line-height:1.572rem;letter-spacing:10%;color:#fff;background-color:#b79955;margin:35px 0;padding:3px 33px;display:inline-block}.vertical-info__main .vertical-info__title{color:#b79955;transition:all .5s;margin-bottom:1.4rem;font-size:2.8rem;line-height:1.3103571429;letter-spacing:.056rem}@media (min-width: 540px){.vertical-info__main .vertical-info__title{font-size:3.2rem;line-height:1.25;letter-spacing:.064rem}}@media (min-width: 768px){.vertical-info__main .vertical-info__title{font-size:4rem;line-height:1.25;letter-spacing:.08rem}}@media (min-width: 1366px){.vertical-info__main .vertical-info__title{font-size:5.4rem;line-height:1.2888888889;letter-spacing:.108rem}}@media (min-width: 1680px){.vertical-info__main .vertical-info__title{font-size:6.4rem;line-height:.968;letter-spacing:.128rem}}.vertical-info__main .vertical-info__subtitle{color:#616160}.vertical-info__boxes{display:flex;flex-direction:column;gap:1.8rem;margin-top:-22px}.vertical-info__boxes>:first-child{order:2}@media (min-width: 1280px){.vertical-info__boxes{flex-direction:row;margin-top:0}.vertical-info__boxes>:first-child{order:1}}.vertical-info__boxes .vertical-info__btn{width:113px;height:113px;padding:0;font-weight:700;font-size:1.4rem;line-height:1.8rem;letter-spacing:5%;text-align:center;display:flex;align-items:center;border-radius:0}.vertical-info__boxes .vertical-info__box{background-color:#b79955;width:113px;height:113px;display:flex;flex-direction:column;justify-content:center}.vertical-info__boxes .vertical-info__from,.vertical-info__boxes .vertical-info__price,.vertical-info__boxes .vertical-info__pp{font-weight:700;font-size:13px;line-height:14.99px;letter-spacing:0;text-align:center;color:#fff;margin:0}.vertical-info__boxes .vertical-info__from{font-weight:300}.vertical-info__boxes .vertical-info__price{font-size:3.454rem;line-height:4.175rem}.vertical-info__image{margin-top:1rem;width:431px;height:531px}.vertical-info__data{display:flex;flex-direction:column;gap:20px}.vertical-info__data div:nth-child(3) .vertical-info__description{font-size:1.6rem;line-height:2.6rem}.vertical-info__small-title{font-weight:700;font-size:1.3rem;line-height:1.572rem;letter-spacing:5%;color:#ceb677}.vertical-info__data .vertical-info__description{font-weight:400;font-size:1.9rem;line-height:2.204rem;letter-spacing:0%;margin-top:10px;color:#616160}.vertical-info__separator{width:53px;height:1px;background-color:#ceb677;margin:50px 0}.vertical-info__info-description,.vertical-info__schedule{margin-bottom:50px}.vertical-info__info-description .vertical-info__title,.vertical-info__info-description .vertical-info__price,.vertical-info__book .vertical-info__title,.vertical-info__book .vertical-info__price,.vertical-info__schedule .vertical-info__title,.vertical-info__schedule .vertical-info__price{color:#ceb677;font-weight:700;font-size:2rem;line-height:2.418rem;letter-spacing:5%}.vertical-info__info-description .vertical-info__description,.vertical-info__book .vertical-info__description,.vertical-info__schedule .vertical-info__description{font-weight:400;font-size:1.8rem;line-height:3rem;letter-spacing:0%;color:#616160;margin-bottom:40px}.vertical-info__info-description .vertical-info__list li,.vertical-info__book .vertical-info__list li,.vertical-info__schedule .vertical-info__list li{color:#616160;font-weight:400;font-size:1.8rem;line-height:3.3rem;letter-spacing:0%;padding-left:15px;position:relative;display:flex;align-items:center;justify-content:space-between}.vertical-info__info-description .vertical-info__list li:before,.vertical-info__book .vertical-info__list li:before,.vertical-info__schedule .vertical-info__list li:before{content:\"\";position:absolute;left:0;width:6.4px;height:6.4px;background-color:#ceb677;border-radius:100%;top:50%;transform:translateY(-50%)}.vertical-info__info-description .vertical-info__img-list,.vertical-info__book .vertical-info__img-list,.vertical-info__schedule .vertical-info__img-list{margin-top:35px}.vertical-info__info-description .vertical-info__img-list li,.vertical-info__book .vertical-info__img-list li,.vertical-info__schedule .vertical-info__img-list li{display:flex;align-items:center;gap:15px}.vertical-info__info-description .vertical-info__img-list li p+p,.vertical-info__book .vertical-info__img-list li p+p,.vertical-info__schedule .vertical-info__img-list li p+p{margin-top:6.4px;margin-bottom:0}.vertical-info__info-description .vertical-info__img-list li:not(:last-child),.vertical-info__book .vertical-info__img-list li:not(:last-child),.vertical-info__schedule .vertical-info__img-list li:not(:last-child){margin-bottom:32px}.vertical-info__social{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.vertical-info__social .vertical-info__media{display:flex;gap:17px}.vertical-info__social .vertical-info__media .btn{border-radius:100%;width:50px;display:flex;justify-content:center}.vertical-info__additional .vertical-info__small-title{margin-bottom:25px}.vertical-info__additional .vertical-info__description{color:#616160;font-weight:400;font-size:2rem;line-height:3.4rem;letter-spacing:3%}.vertical-info__additional .vertical-info__links{display:flex;flex-direction:column;gap:10px}.vertical-info__additional{margin-bottom:50px}.vertical-info__additional--contact a{color:#616160;font-weight:400;font-size:1.8rem;line-height:2.088rem;letter-spacing:0%}.vertical-info__additional--location .vertical-info__description{font-size:1.6rem;line-height:2.6rem}.vertical-info__btn-map,.vertical-info__btn-back{width:192px;display:block}.vertical-info__btn-full{width:100%;display:block;margin-top:50px}\n"] }]
+        }] });
+
+class PuroWebmapComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroWebmapComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PuroWebmapComponent, isStandalone: true, selector: "lib-puro-webmap", ngImport: i0, template: "<p>puro-webmap works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PuroWebmapComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-puro-webmap', standalone: true, imports: [], template: "<p>puro-webmap works!</p>\r\n" }]
+        }] });
+
+/*
+ * Public API Surface of puro
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Puro404Component, PuroAdvantagesComponent, PuroAdvantagesSmallComponent, PuroBanner4colComponent, PuroEngineComponent, PuroFooterBeachsComponent, PuroFooterHotelsComponent, PuroFooterInfoComponent, PuroFooterLinksComponent, PuroGalleryComponent, PuroGrid3colFilterComponent, PuroGrid3colPlusFilterComponent, PuroGrid3colSliderComponent, PuroGrid4itemsComponent, PuroGrid5itemsComponent, PuroGrid6itemsComponent, PuroHeaderComponent, PuroHotelsModalComponent, PuroImgInfoComponent, PuroInfo2colComponent, PuroInfoBannerComponent, PuroInfoBigComponent, PuroInfoDetailsComponent, PuroInfoGalleryComponent, PuroInfoIntroComponent, PuroInfoListComponent, PuroInfoServicesComponent, PuroInfoSliderComponent, PuroInfoTableComponent, PuroInfoVideoComponent, PuroLanguagesModalComponent, PuroListAwardsComponent, PuroListGeneralComponent, PuroListLogosComponent, PuroMapListComponent, PuroMenuComponent, PuroMusicSliderComponent, PuroNewsletterComponent, PuroOffersSliderComponent, PuroPhotoSliderComponent, PuroScheduleComponent, PuroSlider1colComponent, PuroSlider2colComponent, PuroSlider3cardComponent, PuroSlider3colComponent, PuroSlider3colRoundComponent, PuroThanksComponent, PuroTopSliderComponent, PuroVerticalInfoComponent, PuroWebmapComponent };
+//# sourceMappingURL=ctt-puro.mjs.map