ctt-babylon 0.22.72 → 0.22.75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/core/babylon-booking-widget/babylon-booking-widget.component.mjs +6 -2
- package/esm2022/lib/components/core/babylon-engine-widget-modal/babylon-engine-widget-modal.component.mjs +3 -3
- package/esm2022/lib/components/external/core/c1-txt/c1-txt.component.mjs +20 -3
- package/fesm2022/ctt-babylon.mjs +26 -5
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-booking-widget/babylon-booking-widget.component.d.ts +2 -1
- package/lib/components/external/core/c1-txt/c1-txt.component.d.ts +16 -1
- package/package.json +1 -1
|
@@ -9,12 +9,27 @@ export class C1TxtComponent {
|
|
|
9
9
|
constructor() {
|
|
10
10
|
this.headingTagUtils = HeadingTagUtils;
|
|
11
11
|
}
|
|
12
|
+
set logo(value) {
|
|
13
|
+
this._logo = value;
|
|
14
|
+
const resolvedLogoSrc = this._logo?.src || this._logo?.img?.src || this._logo?.path?.original || this._logo?.path?.webp;
|
|
15
|
+
console.log('[C1TxtComponent] logo input:', this._logo);
|
|
16
|
+
console.log('[C1TxtComponent] resolved logoSrc:', resolvedLogoSrc);
|
|
17
|
+
}
|
|
18
|
+
get logo() {
|
|
19
|
+
return this._logo;
|
|
20
|
+
}
|
|
21
|
+
get logoSrc() {
|
|
22
|
+
return this.logo?.src || this.logo?.img?.src || this.logo?.path?.original || this.logo?.path?.webp;
|
|
23
|
+
}
|
|
24
|
+
get logoAlt() {
|
|
25
|
+
return this.logo?.alt || this.logo?.img?.alt || 'logo';
|
|
26
|
+
}
|
|
12
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C1TxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C1TxtComponent, isStandalone: true, selector: "c1-txt", inputs: { texts: "texts", textColors: "textColors", activeView: "activeView", image: "image", buttons: "buttons" }, ngImport: i0, template: "<section\n class=\"mdl-C1Txt\"\n [ngClass]=\"{\n primary: activeView === 0 || activeView === 1,\n secundary: activeView === 2,\n tertiary: activeView === 3,\n }\"\n>\n @if (image?.src) {\n <div class=\"mdl-imagen\">\n <img\n [src]=\"image?.src\"\n loading=\"lazy\"\n [alt]=\"image?.alt ?? 'image'\"\n />\n </div>\n }\n @if (texts) {\n <div class=\"mdl-container\">\n @if (headingTagUtils.hasHeadingContent(texts, 'pretitle', texts?.pretitle)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'pretitle', 'p')\"\n [color]=\"textColors?.pretitle\"\n cssClass=\"m-pretitulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'pretitle', texts?.pretitle)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'p')\"\n [color]=\"textColors?.title\"\n cssClass=\"m-titulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'description', texts?.description)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'description', 'p')\"\n [color]=\"textColors?.description\"\n cssClass=\"m-texto\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'description', texts?.description)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (texts.text) {\n <div class=\"m-especial\" [innerHTML]=\"texts.text\"></div>\n }\n </div>\n }\n @if (buttons?.length) {\n <div class=\"m-buttons-row\">\n @if (buttons?.[0]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\"\n [attr.target]=\"buttons?.[0]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[0]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[0]?.label\"\n >\n {{ buttons?.[0]?.label }}\n </a>\n }\n @if (buttons?.[1]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[1]?.url\"\n [linkType]=\"buttons?.[1]?.linkType\"\n [attr.target]=\"buttons?.[1]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[1]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[1]?.label\"\n >\n {{ buttons?.[1]?.label }}\n </a>\n }\n </div>\n\n }\n\n\n</section>\n", styles: [".mdl-C1Txt .m-buttons-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-top:2rem}.mdl-C1Txt .mdl-imagen{display:flex;justify-content:center;align-items:center}.mdl-C1Txt{padding-left:0!important;padding-right:0!important}.mdl-C1Txt .mdl-container{width:100%;max-width:144.5rem;margin:0 auto;padding:8rem 4rem;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;gap:4rem;align-items:center;color:#393637}.mdl-C1Txt .mdl-container .m-pretitulo{font-family:var(--font-pretitle);font-size:1.7rem;font-weight:400;letter-spacing:10%;line-height:100%;text-transform:uppercase;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-titulo{font-family:var(--font-title);font-size:7rem;font-style:normal;font-weight:700;line-height:8rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-texto{font-family:var(--font-text);font-size:1.6rem;font-weight:400;line-height:2.8rem;max-width:76rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-especial{font-family:var(--font-claim);font-size:6rem;font-weight:400;line-height:100%;color:#fcdd3f}@media (max-width: 1200px){.mdl-C1Txt .mdl-container .m-titulo{font-size:5rem;line-height:5rem}}@media (max-width: 600px){.mdl-C1Txt .mdl-container{padding:8rem 2rem}.mdl-C1Txt .mdl-container .m-titulo{font-size:4rem;line-height:4rem}.mdl-C1Txt .mdl-container .m-especial{font-size:4rem}}.mdl-C1Txt.secundary .mdl-container{background-color:var(--cl_background_dark);max-width:100%}.mdl-C1Txt.secundary .mdl-container .m-titulo{order:2}.mdl-C1Txt.tertiary .mdl-container{padding:2rem 4rem}.m-buttonD{margin-bottom:4rem;font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:100%;text-transform:uppercase;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem}.m-buttonD span{color:#393637}.m-buttonD:hover{background-color:#fcdd3f;transition:.5s;border:0}.m-buttonD{margin-top:3.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }] }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C1TxtComponent, isStandalone: true, selector: "c1-txt", inputs: { texts: "texts", textColors: "textColors", activeView: "activeView", image: "image", logo: "logo", buttons: "buttons" }, ngImport: i0, template: "<section\n class=\"mdl-C1Txt\"\n [ngClass]=\"{\n primary: activeView === 0 || activeView === 1,\n secundary: activeView === 2,\n tertiary: activeView === 3,\n }\"\n>\n @if (image?.src) {\n <div class=\"mdl-imagen\">\n <img\n [src]=\"image?.src\"\n loading=\"lazy\"\n [alt]=\"image?.alt ?? 'image'\"\n />\n </div>\n }\n @if (logoSrc) {\n <div class=\"mdl-logo\">\n <img\n [src]=\"logoSrc\"\n loading=\"lazy\"\n [alt]=\"logoAlt\"\n />\n </div>\n }\n @if (texts) {\n <div class=\"mdl-container\">\n @if (headingTagUtils.hasHeadingContent(texts, 'pretitle', texts?.pretitle)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'pretitle', 'p')\"\n [color]=\"textColors?.pretitle\"\n cssClass=\"m-pretitulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'pretitle', texts?.pretitle)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'p')\"\n [color]=\"textColors?.title\"\n cssClass=\"m-titulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'description', texts?.description)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'description', 'p')\"\n [color]=\"textColors?.description\"\n cssClass=\"m-texto\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'description', texts?.description)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (texts.text) {\n <div class=\"m-especial\" [innerHTML]=\"texts.text\"></div>\n }\n </div>\n }\n @if (buttons?.length) {\n <div class=\"m-buttons-row\">\n @if (buttons?.[0]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\"\n [attr.target]=\"buttons?.[0]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[0]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[0]?.label\"\n >\n {{ buttons?.[0]?.label }}\n </a>\n }\n @if (buttons?.[1]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[1]?.url\"\n [linkType]=\"buttons?.[1]?.linkType\"\n [attr.target]=\"buttons?.[1]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[1]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[1]?.label\"\n >\n {{ buttons?.[1]?.label }}\n </a>\n }\n </div>\n\n }\n\n\n</section>\n", styles: [".mdl-C1Txt .mdl-logo{display:flex;justify-content:center;margin-top:4rem;margin-bottom:-4rem}.mdl-C1Txt .mdl-logo img{width:8rem}.mdl-C1Txt .m-buttons-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-top:2rem}.mdl-C1Txt .mdl-imagen{display:flex;justify-content:center;align-items:center}.mdl-C1Txt{padding-left:0!important;padding-right:0!important}.mdl-C1Txt .mdl-container{width:100%;max-width:144.5rem;margin:0 auto;padding:8rem 4rem;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;gap:4rem;align-items:center;color:#393637}.mdl-C1Txt .mdl-container .m-pretitulo{font-family:var(--font-pretitle);font-size:1.7rem;font-weight:400;letter-spacing:10%;line-height:100%;text-transform:uppercase;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-titulo{font-family:var(--font-title);font-size:7rem;font-style:normal;font-weight:700;line-height:8rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-texto{font-family:var(--font-text);font-size:1.6rem;font-weight:400;line-height:2.8rem;max-width:76rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-especial{font-family:var(--font-claim);font-size:6rem;font-weight:400;line-height:100%;color:#fcdd3f}@media (max-width: 1200px){.mdl-C1Txt .mdl-container .m-titulo{font-size:5rem;line-height:5rem}}@media (max-width: 600px){.mdl-C1Txt .mdl-container{padding:8rem 2rem}.mdl-C1Txt .mdl-container .m-titulo{font-size:4rem;line-height:4rem}.mdl-C1Txt .mdl-container .m-especial{font-size:4rem}}.mdl-C1Txt.secundary .mdl-container{background-color:var(--cl_background_dark);max-width:100%}.mdl-C1Txt.secundary .mdl-container .m-titulo{order:2}.mdl-C1Txt.tertiary .mdl-container{padding:2rem 4rem}.m-buttonD{margin-bottom:4rem;font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:100%;text-transform:uppercase;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem}.m-buttonD span{color:#393637}.m-buttonD:hover{background-color:#fcdd3f;transition:.5s;border:0}.m-buttonD{margin-top:3.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }] }); }
|
|
14
29
|
}
|
|
15
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C1TxtComponent, decorators: [{
|
|
16
31
|
type: Component,
|
|
17
|
-
args: [{ selector: 'c1-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective, BabylonDynamicHeadingComponent], template: "<section\n class=\"mdl-C1Txt\"\n [ngClass]=\"{\n primary: activeView === 0 || activeView === 1,\n secundary: activeView === 2,\n tertiary: activeView === 3,\n }\"\n>\n @if (image?.src) {\n <div class=\"mdl-imagen\">\n <img\n [src]=\"image?.src\"\n loading=\"lazy\"\n [alt]=\"image?.alt ?? 'image'\"\n />\n </div>\n }\n @if (texts) {\n <div class=\"mdl-container\">\n @if (headingTagUtils.hasHeadingContent(texts, 'pretitle', texts?.pretitle)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'pretitle', 'p')\"\n [color]=\"textColors?.pretitle\"\n cssClass=\"m-pretitulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'pretitle', texts?.pretitle)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'p')\"\n [color]=\"textColors?.title\"\n cssClass=\"m-titulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'description', texts?.description)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'description', 'p')\"\n [color]=\"textColors?.description\"\n cssClass=\"m-texto\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'description', texts?.description)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (texts.text) {\n <div class=\"m-especial\" [innerHTML]=\"texts.text\"></div>\n }\n </div>\n }\n @if (buttons?.length) {\n <div class=\"m-buttons-row\">\n @if (buttons?.[0]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\"\n [attr.target]=\"buttons?.[0]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[0]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[0]?.label\"\n >\n {{ buttons?.[0]?.label }}\n </a>\n }\n @if (buttons?.[1]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[1]?.url\"\n [linkType]=\"buttons?.[1]?.linkType\"\n [attr.target]=\"buttons?.[1]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[1]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[1]?.label\"\n >\n {{ buttons?.[1]?.label }}\n </a>\n }\n </div>\n\n }\n\n\n</section>\n", styles: [".mdl-C1Txt .m-buttons-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-top:2rem}.mdl-C1Txt .mdl-imagen{display:flex;justify-content:center;align-items:center}.mdl-C1Txt{padding-left:0!important;padding-right:0!important}.mdl-C1Txt .mdl-container{width:100%;max-width:144.5rem;margin:0 auto;padding:8rem 4rem;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;gap:4rem;align-items:center;color:#393637}.mdl-C1Txt .mdl-container .m-pretitulo{font-family:var(--font-pretitle);font-size:1.7rem;font-weight:400;letter-spacing:10%;line-height:100%;text-transform:uppercase;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-titulo{font-family:var(--font-title);font-size:7rem;font-style:normal;font-weight:700;line-height:8rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-texto{font-family:var(--font-text);font-size:1.6rem;font-weight:400;line-height:2.8rem;max-width:76rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-especial{font-family:var(--font-claim);font-size:6rem;font-weight:400;line-height:100%;color:#fcdd3f}@media (max-width: 1200px){.mdl-C1Txt .mdl-container .m-titulo{font-size:5rem;line-height:5rem}}@media (max-width: 600px){.mdl-C1Txt .mdl-container{padding:8rem 2rem}.mdl-C1Txt .mdl-container .m-titulo{font-size:4rem;line-height:4rem}.mdl-C1Txt .mdl-container .m-especial{font-size:4rem}}.mdl-C1Txt.secundary .mdl-container{background-color:var(--cl_background_dark);max-width:100%}.mdl-C1Txt.secundary .mdl-container .m-titulo{order:2}.mdl-C1Txt.tertiary .mdl-container{padding:2rem 4rem}.m-buttonD{margin-bottom:4rem;font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:100%;text-transform:uppercase;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem}.m-buttonD span{color:#393637}.m-buttonD:hover{background-color:#fcdd3f;transition:.5s;border:0}.m-buttonD{margin-top:3.5rem}\n"] }]
|
|
32
|
+
args: [{ selector: 'c1-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective, BabylonDynamicHeadingComponent], template: "<section\n class=\"mdl-C1Txt\"\n [ngClass]=\"{\n primary: activeView === 0 || activeView === 1,\n secundary: activeView === 2,\n tertiary: activeView === 3,\n }\"\n>\n @if (image?.src) {\n <div class=\"mdl-imagen\">\n <img\n [src]=\"image?.src\"\n loading=\"lazy\"\n [alt]=\"image?.alt ?? 'image'\"\n />\n </div>\n }\n @if (logoSrc) {\n <div class=\"mdl-logo\">\n <img\n [src]=\"logoSrc\"\n loading=\"lazy\"\n [alt]=\"logoAlt\"\n />\n </div>\n }\n @if (texts) {\n <div class=\"mdl-container\">\n @if (headingTagUtils.hasHeadingContent(texts, 'pretitle', texts?.pretitle)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'pretitle', 'p')\"\n [color]=\"textColors?.pretitle\"\n cssClass=\"m-pretitulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'pretitle', texts?.pretitle)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'p')\"\n [color]=\"textColors?.title\"\n cssClass=\"m-titulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'description', texts?.description)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'description', 'p')\"\n [color]=\"textColors?.description\"\n cssClass=\"m-texto\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'description', texts?.description)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (texts.text) {\n <div class=\"m-especial\" [innerHTML]=\"texts.text\"></div>\n }\n </div>\n }\n @if (buttons?.length) {\n <div class=\"m-buttons-row\">\n @if (buttons?.[0]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\"\n [attr.target]=\"buttons?.[0]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[0]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[0]?.label\"\n >\n {{ buttons?.[0]?.label }}\n </a>\n }\n @if (buttons?.[1]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[1]?.url\"\n [linkType]=\"buttons?.[1]?.linkType\"\n [attr.target]=\"buttons?.[1]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[1]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[1]?.label\"\n >\n {{ buttons?.[1]?.label }}\n </a>\n }\n </div>\n\n }\n\n\n</section>\n", styles: [".mdl-C1Txt .mdl-logo{display:flex;justify-content:center;margin-top:4rem;margin-bottom:-4rem}.mdl-C1Txt .mdl-logo img{width:8rem}.mdl-C1Txt .m-buttons-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-top:2rem}.mdl-C1Txt .mdl-imagen{display:flex;justify-content:center;align-items:center}.mdl-C1Txt{padding-left:0!important;padding-right:0!important}.mdl-C1Txt .mdl-container{width:100%;max-width:144.5rem;margin:0 auto;padding:8rem 4rem;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;gap:4rem;align-items:center;color:#393637}.mdl-C1Txt .mdl-container .m-pretitulo{font-family:var(--font-pretitle);font-size:1.7rem;font-weight:400;letter-spacing:10%;line-height:100%;text-transform:uppercase;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-titulo{font-family:var(--font-title);font-size:7rem;font-style:normal;font-weight:700;line-height:8rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-texto{font-family:var(--font-text);font-size:1.6rem;font-weight:400;line-height:2.8rem;max-width:76rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-especial{font-family:var(--font-claim);font-size:6rem;font-weight:400;line-height:100%;color:#fcdd3f}@media (max-width: 1200px){.mdl-C1Txt .mdl-container .m-titulo{font-size:5rem;line-height:5rem}}@media (max-width: 600px){.mdl-C1Txt .mdl-container{padding:8rem 2rem}.mdl-C1Txt .mdl-container .m-titulo{font-size:4rem;line-height:4rem}.mdl-C1Txt .mdl-container .m-especial{font-size:4rem}}.mdl-C1Txt.secundary .mdl-container{background-color:var(--cl_background_dark);max-width:100%}.mdl-C1Txt.secundary .mdl-container .m-titulo{order:2}.mdl-C1Txt.tertiary .mdl-container{padding:2rem 4rem}.m-buttonD{margin-bottom:4rem;font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:100%;text-transform:uppercase;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem}.m-buttonD span{color:#393637}.m-buttonD:hover{background-color:#fcdd3f;transition:.5s;border:0}.m-buttonD{margin-top:3.5rem}\n"] }]
|
|
18
33
|
}], propDecorators: { texts: [{
|
|
19
34
|
type: Input
|
|
20
35
|
}], textColors: [{
|
|
@@ -23,7 +38,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
23
38
|
type: Input
|
|
24
39
|
}], image: [{
|
|
25
40
|
type: Input
|
|
41
|
+
}], logo: [{
|
|
42
|
+
type: Input
|
|
26
43
|
}], buttons: [{
|
|
27
44
|
type: Input
|
|
28
45
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzEtdHh0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhYnlsb24vc3JjL2xpYi9jb21wb25lbnRzL2V4dGVybmFsL2NvcmUvYzEtdHh0L2MxLXR4dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYWJ5bG9uL3NyYy9saWIvY29tcG9uZW50cy9leHRlcm5hbC9jb3JlL2MxLXR4dC9jMS10eHQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQU9qRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQzs7O0FBU2hHLE1BQU0sT0FBTyxjQUFjO0lBUDNCO1FBUVcsb0JBQWUsR0FBRyxlQUFlLENBQUM7S0EyQzVDO0lBOUJHLElBQWEsSUFBSSxDQUFDLEtBS0w7UUFDVCxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUVuQixNQUFNLGVBQWUsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUcsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsUUFBUSxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQztRQUN4SCxPQUFPLENBQUMsR0FBRyxDQUFDLDhCQUE4QixFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN4RCxPQUFPLENBQUMsR0FBRyxDQUFDLG9DQUFvQyxFQUFFLGVBQWUsQ0FBQyxDQUFDO0lBQ3ZFLENBQUM7SUFFRCxJQUFJLElBQUk7UUFNSixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUdELElBQUksT0FBTztRQUNQLE9BQU8sSUFBSSxDQUFDLElBQUksRUFBRSxHQUFHLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLENBQUM7SUFDdkcsQ0FBQztJQUVELElBQUksT0FBTztRQUNQLE9BQU8sSUFBSSxDQUFDLElBQUksRUFBRSxHQUFHLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFJLE1BQU0sQ0FBQztJQUMzRCxDQUFDOytHQTNDUSxjQUFjO21HQUFkLGNBQWMsb01DbkIzQiw2MUdBeUZBLDZsRUQxRWMsWUFBWSw2SEFBRSx3QkFBd0IsbUtBQUUsOEJBQThCOzs0RkFJdkUsY0FBYztrQkFQMUIsU0FBUzsrQkFDSSxRQUFRLGNBQ04sSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLHdCQUF3QixFQUFFLDhCQUE4QixDQUFDOzhCQWF4RSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVHLEtBQUs7c0JBQWIsS0FBSztnQkFDTyxJQUFJO3NCQUFoQixLQUFLO2dCQXFCRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZ1RhZ1V0aWxzIH0gZnJvbSAnLi4vLi4vLi4vLi4vdXRpbHMvaGVhZGluZy10YWcudXRpbHMnO1xuaW1wb3J0IHsgQmFieWxvbkR5bmFtaWNIZWFkaW5nQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkJztcbmltcG9ydCB7XG4gICAgQmFieWxvbkJ1dHRvbkksXG4gICAgQmFieWxvbkltYWdlSSxcbiAgICBCYWJ5bG9uVGV4dEluZm9JLFxuICAgIEJhYnlsb25UZXh0c0NvbG9yc0lcbn0gZnJvbSAnLi4vLi4vLi4vLi4vaW50ZXJmYWNlcyc7XG5pbXBvcnQgeyBCYWJ5bG9uTGlua1R5cGVEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi8uLi9kaXJlY3RpdmVzL2xpbmstdHlwZS9saW5rLXR5cGUuZGlyZWN0aXZlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdjMS10eHQnLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQmFieWxvbkxpbmtUeXBlRGlyZWN0aXZlLCBCYWJ5bG9uRHluYW1pY0hlYWRpbmdDb21wb25lbnRdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jMS10eHQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsOiAnLi9jMS10eHQuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBDMVR4dENvbXBvbmVudCB7XG4gICAgcHVibGljIGhlYWRpbmdUYWdVdGlscyA9IEhlYWRpbmdUYWdVdGlscztcbiAgICBwcml2YXRlIF9sb2dvPzogQmFieWxvbkltYWdlSSAmIHtcbiAgICAgICAgcGF0aD86IHtcbiAgICAgICAgICAgIG9yaWdpbmFsPzogc3RyaW5nO1xuICAgICAgICAgICAgd2VicD86IHN0cmluZztcbiAgICAgICAgfTtcbiAgICB9O1xuXG4gICAgQElucHV0KCkgdGV4dHM/OiBCYWJ5bG9uVGV4dEluZm9JO1xuICAgIEBJbnB1dCgpIHRleHRDb2xvcnM/OiBCYWJ5bG9uVGV4dHNDb2xvcnNJO1xuICAgIEBJbnB1dCgpIGFjdGl2ZVZpZXc/OiBudW1iZXI7XG4gICAgLy8gYXNzaWduIHZpc3RhIDMgaW4gY29tcG9uZW50IHRvIGhhdmUgbGVzcyBwYWRkaW5nIHdoZW4gc2hvd2luZyB0aGUgaW1hZ2UgYW5kIGJ1dHRvbnNcbiAgICBASW5wdXQoKSBpbWFnZT86IEJhYnlsb25JbWFnZUk7XG4gICAgQElucHV0KCkgc2V0IGxvZ28odmFsdWU6IEJhYnlsb25JbWFnZUkgJiB7XG4gICAgICAgIHBhdGg/OiB7XG4gICAgICAgICAgICBvcmlnaW5hbD86IHN0cmluZztcbiAgICAgICAgICAgIHdlYnA/OiBzdHJpbmc7XG4gICAgICAgIH07XG4gICAgfSB8IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLl9sb2dvID0gdmFsdWU7XG5cbiAgICAgICAgY29uc3QgcmVzb2x2ZWRMb2dvU3JjID0gdGhpcy5fbG9nbz8uc3JjIHx8IHRoaXMuX2xvZ28/LmltZz8uc3JjIHx8IHRoaXMuX2xvZ28/LnBhdGg/Lm9yaWdpbmFsIHx8IHRoaXMuX2xvZ28/LnBhdGg/LndlYnA7XG4gICAgICAgIGNvbnNvbGUubG9nKCdbQzFUeHRDb21wb25lbnRdIGxvZ28gaW5wdXQ6JywgdGhpcy5fbG9nbyk7XG4gICAgICAgIGNvbnNvbGUubG9nKCdbQzFUeHRDb21wb25lbnRdIHJlc29sdmVkIGxvZ29TcmM6JywgcmVzb2x2ZWRMb2dvU3JjKTtcbiAgICB9XG5cbiAgICBnZXQgbG9nbygpOiAoQmFieWxvbkltYWdlSSAmIHtcbiAgICAgICAgcGF0aD86IHtcbiAgICAgICAgICAgIG9yaWdpbmFsPzogc3RyaW5nO1xuICAgICAgICAgICAgd2VicD86IHN0cmluZztcbiAgICAgICAgfTtcbiAgICB9KSB8IHVuZGVmaW5lZCB7XG4gICAgICAgIHJldHVybiB0aGlzLl9sb2dvO1xuICAgIH1cbiAgICBASW5wdXQoKSBidXR0b25zPzogQmFieWxvbkJ1dHRvbklbXTtcblxuICAgIGdldCBsb2dvU3JjKCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgICAgIHJldHVybiB0aGlzLmxvZ28/LnNyYyB8fCB0aGlzLmxvZ28/LmltZz8uc3JjIHx8IHRoaXMubG9nbz8ucGF0aD8ub3JpZ2luYWwgfHwgdGhpcy5sb2dvPy5wYXRoPy53ZWJwO1xuICAgIH1cblxuICAgIGdldCBsb2dvQWx0KCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmxvZ28/LmFsdCB8fCB0aGlzLmxvZ28/LmltZz8uYWx0IHx8ICdsb2dvJztcbiAgICB9XG59XG4iLCI8c2VjdGlvblxuICAgIGNsYXNzPVwibWRsLUMxVHh0XCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgIHByaW1hcnk6IGFjdGl2ZVZpZXcgPT09IDAgfHwgYWN0aXZlVmlldyA9PT0gMSxcbiAgICAgICAgc2VjdW5kYXJ5OiBhY3RpdmVWaWV3ID09PSAyLFxuICAgICAgICB0ZXJ0aWFyeTogYWN0aXZlVmlldyA9PT0gMyxcbiAgICB9XCJcbj5cbiAgICBAaWYgKGltYWdlPy5zcmMpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cIm1kbC1pbWFnZW5cIj5cbiAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICBbc3JjXT1cImltYWdlPy5zcmNcIlxuICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcbiAgICAgICAgICAgICAgICBbYWx0XT1cImltYWdlPy5hbHQgPz8gJ2ltYWdlJ1wiXG4gICAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICB9XG4gICAgQGlmIChsb2dvU3JjKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJtZGwtbG9nb1wiPlxuICAgICAgICAgICAgPGltZ1xuICAgICAgICAgICAgICAgIFtzcmNdPVwibG9nb1NyY1wiXG4gICAgICAgICAgICAgICAgbG9hZGluZz1cImxhenlcIlxuICAgICAgICAgICAgICAgIFthbHRdPVwibG9nb0FsdFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICB9XG4gICAgQGlmICh0ZXh0cykge1xuICAgICAgICA8ZGl2IGNsYXNzPVwibWRsLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgQGlmIChoZWFkaW5nVGFnVXRpbHMuaGFzSGVhZGluZ0NvbnRlbnQodGV4dHMsICdwcmV0aXRsZScsIHRleHRzPy5wcmV0aXRsZSkpIHtcbiAgICAgICAgICAgICAgICA8bGliLWJhYnlsb24tZHluYW1pYy1oZWFkaW5nXG4gICAgICAgICAgICAgICAgICAgIFt0YWddPVwiaGVhZGluZ1RhZ1V0aWxzLmdldEhlYWRpbmdUYWcodGV4dHMsICdwcmV0aXRsZScsICdwJylcIlxuICAgICAgICAgICAgICAgICAgICBbY29sb3JdPVwidGV4dENvbG9ycz8ucHJldGl0bGVcIlxuICAgICAgICAgICAgICAgICAgICBjc3NDbGFzcz1cIm0tcHJldGl0dWxvXCJcbiAgICAgICAgICAgICAgICAgICAgW2NvbnRlbnRdPVwiaGVhZGluZ1RhZ1V0aWxzLmdldEhlYWRpbmdDb250ZW50KHRleHRzLCAncHJldGl0bGUnLCB0ZXh0cz8ucHJldGl0bGUpXCJcbiAgICAgICAgICAgICAgICA+PC9saWItYmFieWxvbi1keW5hbWljLWhlYWRpbmc+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBAaWYgKGhlYWRpbmdUYWdVdGlscy5oYXNIZWFkaW5nQ29udGVudCh0ZXh0cywgJ3RpdGxlJywgdGV4dHM/LnRpdGxlKSkge1xuICAgICAgICAgICAgICAgIDxsaWItYmFieWxvbi1keW5hbWljLWhlYWRpbmdcbiAgICAgICAgICAgICAgICAgICAgW3RhZ109XCJoZWFkaW5nVGFnVXRpbHMuZ2V0SGVhZGluZ1RhZyh0ZXh0cywgJ3RpdGxlJywgJ3AnKVwiXG4gICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCJ0ZXh0Q29sb3JzPy50aXRsZVwiXG4gICAgICAgICAgICAgICAgICAgIGNzc0NsYXNzPVwibS10aXR1bG9cIlxuICAgICAgICAgICAgICAgICAgICBbY29udGVudF09XCJoZWFkaW5nVGFnVXRpbHMuZ2V0SGVhZGluZ0NvbnRlbnQodGV4dHMsICd0aXRsZScsIHRleHRzPy50aXRsZSlcIlxuICAgICAgICAgICAgICAgID48L2xpYi1iYWJ5bG9uLWR5bmFtaWMtaGVhZGluZz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBpZiAoaGVhZGluZ1RhZ1V0aWxzLmhhc0hlYWRpbmdDb250ZW50KHRleHRzLCAnZGVzY3JpcHRpb24nLCB0ZXh0cz8uZGVzY3JpcHRpb24pKSB7XG4gICAgICAgICAgICAgICAgPGxpYi1iYWJ5bG9uLWR5bmFtaWMtaGVhZGluZ1xuICAgICAgICAgICAgICAgICAgICBbdGFnXT1cImhlYWRpbmdUYWdVdGlscy5nZXRIZWFkaW5nVGFnKHRleHRzLCAnZGVzY3JpcHRpb24nLCAncCcpXCJcbiAgICAgICAgICAgICAgICAgICAgW2NvbG9yXT1cInRleHRDb2xvcnM/LmRlc2NyaXB0aW9uXCJcbiAgICAgICAgICAgICAgICAgICAgY3NzQ2xhc3M9XCJtLXRleHRvXCJcbiAgICAgICAgICAgICAgICAgICAgW2NvbnRlbnRdPVwiaGVhZGluZ1RhZ1V0aWxzLmdldEhlYWRpbmdDb250ZW50KHRleHRzLCAnZGVzY3JpcHRpb24nLCB0ZXh0cz8uZGVzY3JpcHRpb24pXCJcbiAgICAgICAgICAgICAgICA+PC9saWItYmFieWxvbi1keW5hbWljLWhlYWRpbmc+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBAaWYgKHRleHRzLnRleHQpIHtcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwibS1lc3BlY2lhbFwiIFtpbm5lckhUTUxdPVwidGV4dHMudGV4dFwiPjwvZGl2PlxuICAgICAgICAgICAgfVxuICAgICAgICA8L2Rpdj5cbiAgICB9XG4gICAgQGlmIChidXR0b25zPy5sZW5ndGgpIHtcbiAgICAgIDxkaXYgY2xhc3M9XCJtLWJ1dHRvbnMtcm93XCI+XG4gICAgICAgIEBpZiAoYnV0dG9ucz8uWzBdPy51cmwpIHtcbiAgICAgICAgICA8YVxuICAgICAgICAgICAgICBjbGFzcz1cIm0tYnV0dG9uRFwiXG4gICAgICAgICAgICAgIFtocmVmXT1cImJ1dHRvbnM/LlswXT8udXJsXCJcbiAgICAgICAgICAgICAgW2xpbmtUeXBlXT1cImJ1dHRvbnM/LlswXT8ubGlua1R5cGVcIlxuICAgICAgICAgICAgICBbYXR0ci50YXJnZXRdPVwiYnV0dG9ucz8uWzBdPy50YXJnZXQgfHwgJ19zZWxmJ1wiXG4gICAgICAgICAgICAgIFthdHRyLnJlbF09XCIoYnV0dG9ucz8uWzBdPy50YXJnZXQgfHwgJ19zZWxmJykgPT09ICdfYmxhbmsnID8gJ25vb3BlbmVyIG5vcmVmZXJyZXInIDogbnVsbFwiXG4gICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYnV0dG9ucz8uWzBdPy5sYWJlbFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgICB7eyBidXR0b25zPy5bMF0/LmxhYmVsIH19XG4gICAgICAgICAgPC9hPlxuICAgICAgICB9XG4gICAgICAgIEBpZiAoYnV0dG9ucz8uWzFdPy51cmwpIHtcbiAgICAgICAgICA8YVxuICAgICAgICAgICAgICBjbGFzcz1cIm0tYnV0dG9uRFwiXG4gICAgICAgICAgICAgIFtocmVmXT1cImJ1dHRvbnM/LlsxXT8udXJsXCJcbiAgICAgICAgICAgICAgW2xpbmtUeXBlXT1cImJ1dHRvbnM/LlsxXT8ubGlua1R5cGVcIlxuICAgICAgICAgICAgICBbYXR0ci50YXJnZXRdPVwiYnV0dG9ucz8uWzFdPy50YXJnZXQgfHwgJ19zZWxmJ1wiXG4gICAgICAgICAgICAgIFthdHRyLnJlbF09XCIoYnV0dG9ucz8uWzFdPy50YXJnZXQgfHwgJ19zZWxmJykgPT09ICdfYmxhbmsnID8gJ25vb3BlbmVyIG5vcmVmZXJyZXInIDogbnVsbFwiXG4gICAgICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYnV0dG9ucz8uWzFdPy5sYWJlbFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgICB7eyBidXR0b25zPy5bMV0/LmxhYmVsIH19XG4gICAgICAgICAgPC9hPlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cblxuICAgICAgICAgICAgfVxuXG5cbjwvc2VjdGlvbj5cbiJdfQ==
|
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -8003,7 +8003,7 @@ class BabylonBookingWidgetComponent {
|
|
|
8003
8003
|
});
|
|
8004
8004
|
}
|
|
8005
8005
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBookingWidgetComponent, deps: [{ token: PLATFORM_ID }, { token: i0.NgZone }, { token: BabylonWidgetSearchLoaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8006
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonBookingWidgetComponent, isStandalone: true, selector: "lib-babylon-booking-widget", inputs: { widgetId: "widgetId", hotelId: "hotelId", ticker: "ticker", type: "type", engine: "engine", theme: "theme", currency: "currency", locale: "locale", layout: "layout", defaultAdults: "defaultAdults", defaultChildren: "defaultChildren", defaultJunior: "defaultJunior", showPrice: "showPrice", showHotelSelector: "showHotelSelector", showPromoCode: "showPromoCode", showChildAges: "showChildAges", maxChildren: "maxChildren", maxJunior: "maxJunior", baseUrl: "baseUrl", urlChain: "urlChain", urlHotel: "urlHotel", buttonText: "buttonText", layoutColumn: "layoutColumn", maxRooms: "maxRooms", showAllHotelsOption: "showAllHotelsOption", targetBlank: "targetBlank", flagTime: "flagTime" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: ["widgetContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
8006
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonBookingWidgetComponent, isStandalone: true, selector: "lib-babylon-booking-widget", inputs: { widgetId: "widgetId", hotelId: "hotelId", ticker: "ticker", type: "type", engine: "engine", theme: "theme", currency: "currency", locale: "locale", layout: "layout", defaultAdults: "defaultAdults", defaultChildren: "defaultChildren", defaultJunior: "defaultJunior", showPrice: "showPrice", showHotelSelector: "showHotelSelector", showPromoCode: "showPromoCode", showChildAges: "showChildAges", maxChildren: "maxChildren", maxJunior: "maxJunior", baseUrl: "baseUrl", urlChain: "urlChain", urlHotel: "urlHotel", buttonText: "buttonText", layoutColumn: "layoutColumn", maxRooms: "maxRooms", showAllHotelsOption: "showAllHotelsOption", targetBlank: "targetBlank", hotelText: "hotelText", flagTime: "flagTime" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: ["widgetContainer"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
8007
8007
|
<div
|
|
8008
8008
|
#widgetContainer
|
|
8009
8009
|
[id]="widgetId"
|
|
@@ -8032,6 +8032,7 @@ class BabylonBookingWidgetComponent {
|
|
|
8032
8032
|
[attr.data-max-rooms]="maxRooms"
|
|
8033
8033
|
[attr.data-show-all-hotels-option]="showAllHotelsOption"
|
|
8034
8034
|
[attr.data-target-blank]="targetBlank"
|
|
8035
|
+
[attr.data-hotel-text]="hotelText"
|
|
8035
8036
|
></div>
|
|
8036
8037
|
`, isInline: true }); }
|
|
8037
8038
|
}
|
|
@@ -8069,6 +8070,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8069
8070
|
[attr.data-max-rooms]="maxRooms"
|
|
8070
8071
|
[attr.data-show-all-hotels-option]="showAllHotelsOption"
|
|
8071
8072
|
[attr.data-target-blank]="targetBlank"
|
|
8073
|
+
[attr.data-hotel-text]="hotelText"
|
|
8072
8074
|
></div>
|
|
8073
8075
|
`,
|
|
8074
8076
|
}]
|
|
@@ -8130,6 +8132,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8130
8132
|
type: Input
|
|
8131
8133
|
}], targetBlank: [{
|
|
8132
8134
|
type: Input
|
|
8135
|
+
}], hotelText: [{
|
|
8136
|
+
type: Input
|
|
8133
8137
|
}], flagTime: [{
|
|
8134
8138
|
type: Input
|
|
8135
8139
|
}] } });
|
|
@@ -10614,7 +10618,7 @@ class BabylonEngineWidgetModalComponent {
|
|
|
10614
10618
|
this.dialogRef.close();
|
|
10615
10619
|
}
|
|
10616
10620
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineWidgetModalComponent, deps: [{ token: i1$2.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10617
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonEngineWidgetModalComponent, isStandalone: true, selector: "lib-babylon-engine-widget-modal", inputs: { texts: "texts", locale: "locale", widgetConfig: "widgetConfig", ticker: "ticker", styles: "styles", tags: "tags", textColors: "textColors", globalInfo: "globalInfo" }, outputs: { close: "close" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "advScrollContainer", first: true, predicate: ["advScrollContainer"], descendants: true }], ngImport: i0, template: "<section\n id=\"widget-form\"\n class=\"mdl-widget\"\n [class.has-advantages]=\"globalInfo\"\n>\n <div class=\"mod-layout-wrapper\">\n <div class=\"mod-close\">\n <button\n class=\"carousel__button is-close mdl-widget__close\"\n title=\"Close\"\n (click)=\"closeModal()\"\n >\n <svg\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n stroke=\"#333\"\n stroke-width=\"1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"16\"\n cy=\"16\"\n r=\"15\"\n stroke=\"#333\"\n fill=\"transparent\"\n />\n <path d=\"M11 11L21 21M21 11L11 21\" stroke-linecap=\"round\" />\n </svg>\n </button>\n </div>\n @if (globalInfo) {\n <div class=\"mod-advantages\">\n <div class=\"adv-box\">\n <div class=\"adv-header\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"m-titulo uppercase-title\"\n [color]=\"textColors?.title\"\n [content]=\"globalInfo.texts?.title || 'VENTAJAS'\"\n ></lib-babylon-dynamic-heading>\n @if (globalInfo.texts?.description) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'p'\"\n cssClass=\"m-texto\"\n [color]=\"textColors?.title\"\n [content]=\"globalInfo.texts?.description\"\n ></lib-babylon-dynamic-heading>\n }\n </div>\n\n <div class=\"adv-grid-wrapper\">\n <div\n class=\"adv-grid\"\n #advScrollContainer\n (scroll)=\"onAdvScroll($event)\"\n >\n @for (adv of globalInfo.items; track $index) {\n <div class=\"adv-item\">\n <span class=\"adv-icon\">\n <i\n class=\"icon--svg\"\n [ngClass]=\"adv.icon\"\n ></i>\n </span>\n <div class=\"adv-text\">\n <strong\n [innerHTML]=\"adv.label\"\n ></strong>\n <span\n [innerHTML]=\"adv.description\"\n ></span>\n </div>\n </div>\n }\n </div>\n\n @if (showAdvScrollbar) {\n <div class=\"scroll-track\">\n <div\n class=\"scroll-thumb\"\n [style.top.%]=\"advThumbPosition\"\n [style.height.%]=\"advThumbHeight\"\n ></div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n\n <div class=\"mod-body\">\n <div class=\"booking-container\">\n <div class=\"m-title-container\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.subtitle || 'p'\"\n cssClass=\"m-titulo uppercase-title\"\n [color]=\"textColors?.subtitle\"\n [content]=\"\n texts?.title ||\n globalInfo?.texts?.subtitle ||\n 'RESERVA TU HABITACI\u00D3N'\n \"\n ></lib-babylon-dynamic-heading>\n </div>\n\n <lib-babylon-booking-widget\n id=\"modal\"\n widgetId=\"widget-search-modal\"\n [hotelId]=\"widgetConfig?.hotelId\"\n [ticker]=\"ticker ?? widgetConfig?.ticker ?? ''\"\n [type]=\"widgetConfig?.type\"\n [engine]=\"widgetConfig.engine\"\n theme=\"light\"\n layout=\"column\"\n layoutColumn=\"true\"\n [showPrice]=\"widgetConfig?.showPrice\"\n [defaultAdults]=\"widgetConfig?.defaultAdults\"\n [defaultChildren]=\"widgetConfig?.defaultChildren\"\n [defaultJunior]=\"widgetConfig?.defaultJunior\"\n [currency]=\"widgetConfig?.currency\"\n [baseUrl]=\"\n widgetConfig.engine !== 'witbooking'\n ? widgetConfig.baseUrl\n : widgetConfig.baseUrl + locale + '/'\n \"\n [urlChain]=\"widgetConfig?.urlChain\"\n [urlHotel]=\"widgetConfig?.urlHotel\"\n [showChildAges]=\"widgetConfig?.showChildAges\"\n [locale]=\"locale\"\n [flagTime]=\"false\"\n [maxRooms]=\"widgetConfig?.maxRooms\"\n [showAllHotelsOption]=\"widgetConfig.showAllHotelsOption\"\n [targetBlank]=\"widgetConfig.targetBlank\"\n ngSkipHydration\n ></lib-babylon-booking-widget>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::ng-deep .mdl-widget-dialog{max-width:100vw!important}::ng-deep .mdl-widget-dialog .mat-mdc-dialog-surface,::ng-deep .mdl-widget-dialog .mat-dialog-container{width:100vw!important;max-width:100vw!important;height:100dvh!important;padding:0!important;margin:0!important;border-radius:0!important;background-color:transparent;box-shadow:none}::ng-deep .mdl-widget-backdrop{background-color:#1e1a1ad9!important}.mdl-widget{display:flex;width:100vw;height:100dvh;align-items:center;justify-content:center;flex-direction:column;padding:0;margin:0;overflow:hidden}.mdl-widget .mod-close{position:relative;width:30rem;z-index:9}.mdl-widget .mod-close .mdl-widget__close{position:absolute;background-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;border-radius:25px;cursor:pointer;transition:transform .3s ease;transform:rotate(0);display:flex;justify-content:center;align-items:center}.mdl-widget .mod-close .mdl-widget__close:hover{transform:rotate(180deg)}@media (max-width: 1080px){.mdl-widget .mod-close{position:absolute;top:0;width:100vw}.mdl-widget .mod-close .mdl-widget__close{position:absolute;width:3.2rem;height:3.2rem;right:20px;top:20px;z-index:9}}.mdl-widget .mod-layout-wrapper{display:flex;justify-content:center;align-items:stretch;width:100vw;height:100%;position:fixed}@media (max-width: 1080px){.mdl-widget .mod-layout-wrapper{position:relative}}.mdl-widget.has-advantages{width:100vw;max-width:100vw}.mdl-widget.has-advantages .mod-advantages{flex:1;display:flex;flex-direction:column;background-color:var(--cl_engine-bg-modal);padding:200px 60px 40px;justify-content:flex-start;align-items:center}.mdl-widget.has-advantages .mod-advantages .adv-box{width:100%;max-width:600px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header{text-align:center;margin-bottom:40px}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header .m-texto{font-size:14px;color:var(--cl_engine-text);margin-top:10px}@media (max-width: 1024px){.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header{margin-bottom:20px}}.mdl-widget.has-advantages .mod-advantages .adv-grid-wrapper{position:relative;width:100%;overflow:hidden}.mdl-widget.has-advantages .mod-advantages .adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow-y:auto;max-height:50vh;padding-right:16px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.mdl-widget.has-advantages .mod-advantages .adv-grid::-webkit-scrollbar{display:none}@media (max-width: 600px){.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:1fr}}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item{display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:25px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item:nth-last-child(-n+2){border-bottom:none;padding-bottom:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon{color:var(--cl_engine-text);margin-top:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon .icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;display:block;background:var(--cl_engine-text)}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text{display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text strong{font-size:13px;color:#333;margin-bottom:4px;font-family:var(--font-text);text-transform:uppercase;letter-spacing:1px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text span{font-size:13px;font-family:var(--font-text);color:var(--cl_engine-text);line-height:1.3}@media (max-width: 1024px){.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon .icon--svg{width:20px;height:20px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text strong,.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text span{font-size:10px}}.mdl-widget.has-advantages .mod-advantages .scroll-track{position:absolute;top:0;right:0;width:6px;height:100%;background:#0000000d;border-radius:10px;pointer-events:none;z-index:10}.mdl-widget.has-advantages .mod-advantages .scroll-thumb{position:absolute;right:0;width:100%;background-color:var(--cl_engine-text, #333333);border-radius:10px;transition:top .05s linear}.mdl-widget.has-advantages .mod-body{flex:1;background-color:var(--widget-background);padding:120px 60px 40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box}.mdl-widget.has-advantages .mod-body .booking-container{width:100%;max-width:400px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-body .m-title-container{display:flex;align-items:flex-start;justify-content:center}@media (max-width: 1080px){.mdl-widget.has-advantages .mod-body .m-title-container{min-height:10px}}@media (min-width: 1080px){.mdl-widget.has-advantages .mod-body .m-title-container{margin-bottom:40px}}@media (max-width: 1080px){.mdl-widget.has-advantages{flex-direction:column;height:100vh;min-height:100dvh;overflow-y:hidden;position:absolute}.mdl-widget.has-advantages .mod-layout-wrapper{flex-direction:column;position:relative;height:100%;min-height:100vh;overflow-y:hidden}.mdl-widget.has-advantages .mod-advantages{padding:60px 40px 50px;max-height:50dvh;height:50dvh}.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:2fr 2fr;gap:20px;overflow:auto;max-height:25vh}.mdl-widget.has-advantages .mod-body{padding:60px 20px 0;height:50dvh;max-height:50dvh}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BabylonBookingWidgetComponent, selector: "lib-babylon-booking-widget", inputs: ["widgetId", "hotelId", "ticker", "type", "engine", "theme", "currency", "locale", "layout", "defaultAdults", "defaultChildren", "defaultJunior", "showPrice", "showHotelSelector", "showPromoCode", "showChildAges", "maxChildren", "maxJunior", "baseUrl", "urlChain", "urlHotel", "buttonText", "layoutColumn", "maxRooms", "showAllHotelsOption", "targetBlank", "flagTime"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }] }); }
|
|
10621
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonEngineWidgetModalComponent, isStandalone: true, selector: "lib-babylon-engine-widget-modal", inputs: { texts: "texts", locale: "locale", widgetConfig: "widgetConfig", ticker: "ticker", styles: "styles", tags: "tags", textColors: "textColors", globalInfo: "globalInfo" }, outputs: { close: "close" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "advScrollContainer", first: true, predicate: ["advScrollContainer"], descendants: true }], ngImport: i0, template: "<section\n id=\"widget-form\"\n class=\"mdl-widget\"\n [class.has-advantages]=\"globalInfo\"\n>\n <div class=\"mod-layout-wrapper\">\n <div class=\"mod-close\">\n <button\n class=\"carousel__button is-close mdl-widget__close\"\n title=\"Close\"\n (click)=\"closeModal()\"\n >\n <svg\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n stroke=\"#333\"\n stroke-width=\"1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"16\"\n cy=\"16\"\n r=\"15\"\n stroke=\"#333\"\n fill=\"transparent\"\n />\n <path d=\"M11 11L21 21M21 11L11 21\" stroke-linecap=\"round\" />\n </svg>\n </button>\n </div>\n @if (globalInfo) {\n <div class=\"mod-advantages\">\n <div class=\"adv-box\">\n <div class=\"adv-header\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"m-titulo uppercase-title\"\n [color]=\"textColors?.title\"\n [content]=\"globalInfo.texts?.title || 'VENTAJAS'\"\n ></lib-babylon-dynamic-heading>\n @if (globalInfo.texts?.description) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'p'\"\n cssClass=\"m-texto\"\n [color]=\"textColors?.title\"\n [content]=\"globalInfo.texts?.description\"\n ></lib-babylon-dynamic-heading>\n }\n </div>\n\n <div class=\"adv-grid-wrapper\">\n <div\n class=\"adv-grid\"\n #advScrollContainer\n (scroll)=\"onAdvScroll($event)\"\n >\n @for (adv of globalInfo.items; track $index) {\n <div class=\"adv-item\">\n <span class=\"adv-icon\">\n <i\n class=\"icon--svg\"\n [ngClass]=\"adv.icon\"\n ></i>\n </span>\n <div class=\"adv-text\">\n <strong\n [innerHTML]=\"adv.label\"\n ></strong>\n <span\n [innerHTML]=\"adv.description\"\n ></span>\n </div>\n </div>\n }\n </div>\n\n @if (showAdvScrollbar) {\n <div class=\"scroll-track\">\n <div\n class=\"scroll-thumb\"\n [style.top.%]=\"advThumbPosition\"\n [style.height.%]=\"advThumbHeight\"\n ></div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n\n <div class=\"mod-body\">\n <div class=\"booking-container\">\n <div class=\"m-title-container\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.subtitle || 'p'\"\n cssClass=\"m-titulo uppercase-title\"\n [color]=\"textColors?.subtitle\"\n [content]=\"\n texts?.title ||\n globalInfo?.texts?.subtitle ||\n 'RESERVA TU HABITACI\u00D3N'\n \"\n ></lib-babylon-dynamic-heading>\n </div>\n\n <lib-babylon-booking-widget\n id=\"modal\"\n widgetId=\"widget-search-modal\"\n [hotelId]=\"widgetConfig?.hotelId\"\n [ticker]=\"ticker ?? widgetConfig?.ticker ?? ''\"\n [type]=\"widgetConfig?.type\"\n [engine]=\"widgetConfig.engine\"\n theme=\"light\"\n layout=\"column\"\n layoutColumn=\"true\"\n [showPrice]=\"widgetConfig?.showPrice\"\n [defaultAdults]=\"widgetConfig?.defaultAdults\"\n [defaultChildren]=\"widgetConfig?.defaultChildren\"\n [defaultJunior]=\"widgetConfig?.defaultJunior\"\n [currency]=\"widgetConfig?.currency\"\n [baseUrl]=\"\n widgetConfig.engine !== 'witbooking'\n ? widgetConfig.baseUrl\n : widgetConfig.baseUrl + locale + '/'\n \"\n [urlChain]=\"widgetConfig?.urlChain\"\n [urlHotel]=\"widgetConfig?.urlHotel\"\n [showChildAges]=\"widgetConfig?.showChildAges\"\n [locale]=\"locale\"\n [flagTime]=\"false\"\n [maxRooms]=\"widgetConfig?.maxRooms\"\n [showAllHotelsOption]=\"widgetConfig.showAllHotelsOption\"\n [targetBlank]=\"widgetConfig.targetBlank\"\n [hotelText]=\"widgetConfig.hotelText\"\n ngSkipHydration\n ></lib-babylon-booking-widget>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::ng-deep .mdl-widget-dialog{max-width:100vw!important}::ng-deep .mdl-widget-dialog .mat-mdc-dialog-surface,::ng-deep .mdl-widget-dialog .mat-dialog-container{width:100vw!important;max-width:100vw!important;height:100dvh!important;padding:0!important;margin:0!important;border-radius:0!important;background-color:transparent;box-shadow:none}::ng-deep .mdl-widget-backdrop{background-color:#1e1a1ad9!important}.mdl-widget{display:flex;width:100vw;height:100dvh;align-items:center;justify-content:center;flex-direction:column;padding:0;margin:0;overflow:hidden}.mdl-widget .mod-close{position:relative;width:30rem;z-index:9}.mdl-widget .mod-close .mdl-widget__close{position:absolute;background-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;border-radius:25px;cursor:pointer;transition:transform .3s ease;transform:rotate(0);display:flex;justify-content:center;align-items:center}.mdl-widget .mod-close .mdl-widget__close:hover{transform:rotate(180deg)}@media (max-width: 1080px){.mdl-widget .mod-close{position:absolute;top:0;width:100vw}.mdl-widget .mod-close .mdl-widget__close{position:absolute;width:3.2rem;height:3.2rem;right:20px;top:20px;z-index:9}}.mdl-widget .mod-layout-wrapper{display:flex;justify-content:center;align-items:stretch;width:100vw;height:100%;position:fixed}@media (max-width: 1080px){.mdl-widget .mod-layout-wrapper{position:relative}}.mdl-widget.has-advantages{width:100vw;max-width:100vw}.mdl-widget.has-advantages .mod-advantages{flex:1;display:flex;flex-direction:column;background-color:var(--cl_engine-bg-modal);padding:200px 60px 40px;justify-content:flex-start;align-items:center}.mdl-widget.has-advantages .mod-advantages .adv-box{width:100%;max-width:600px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header{text-align:center;margin-bottom:40px}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header .m-texto{font-size:14px;color:var(--cl_engine-text);margin-top:10px}@media (max-width: 1024px){.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header{margin-bottom:20px}}.mdl-widget.has-advantages .mod-advantages .adv-grid-wrapper{position:relative;width:100%;overflow:hidden}.mdl-widget.has-advantages .mod-advantages .adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow-y:auto;max-height:50vh;padding-right:16px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.mdl-widget.has-advantages .mod-advantages .adv-grid::-webkit-scrollbar{display:none}@media (max-width: 600px){.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:1fr}}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item{display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:25px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item:nth-last-child(-n+2){border-bottom:none;padding-bottom:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon{color:var(--cl_engine-text);margin-top:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon .icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;display:block;background:var(--cl_engine-text)}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text{display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text strong{font-size:13px;color:#333;margin-bottom:4px;font-family:var(--font-text);text-transform:uppercase;letter-spacing:1px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text span{font-size:13px;font-family:var(--font-text);color:var(--cl_engine-text);line-height:1.3}@media (max-width: 1024px){.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon .icon--svg{width:20px;height:20px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text strong,.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text span{font-size:10px}}.mdl-widget.has-advantages .mod-advantages .scroll-track{position:absolute;top:0;right:0;width:6px;height:100%;background:#0000000d;border-radius:10px;pointer-events:none;z-index:10}.mdl-widget.has-advantages .mod-advantages .scroll-thumb{position:absolute;right:0;width:100%;background-color:var(--cl_engine-text, #333333);border-radius:10px;transition:top .05s linear}.mdl-widget.has-advantages .mod-body{flex:1;background-color:var(--widget-background);padding:120px 60px 40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box}.mdl-widget.has-advantages .mod-body .booking-container{width:100%;max-width:400px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-body .m-title-container{display:flex;align-items:flex-start;justify-content:center}@media (max-width: 1080px){.mdl-widget.has-advantages .mod-body .m-title-container{min-height:10px}}@media (min-width: 1080px){.mdl-widget.has-advantages .mod-body .m-title-container{margin-bottom:40px}}@media (max-width: 1080px){.mdl-widget.has-advantages{flex-direction:column;height:100vh;min-height:100dvh;overflow-y:hidden;position:absolute}.mdl-widget.has-advantages .mod-layout-wrapper{flex-direction:column;position:relative;height:100%;min-height:100vh;overflow-y:hidden}.mdl-widget.has-advantages .mod-advantages{padding:60px 40px 50px;max-height:50dvh;height:50dvh}.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:2fr 2fr;gap:20px;overflow:auto;max-height:25vh}.mdl-widget.has-advantages .mod-body{padding:60px 20px 0;height:50dvh;max-height:50dvh}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BabylonBookingWidgetComponent, selector: "lib-babylon-booking-widget", inputs: ["widgetId", "hotelId", "ticker", "type", "engine", "theme", "currency", "locale", "layout", "defaultAdults", "defaultChildren", "defaultJunior", "showPrice", "showHotelSelector", "showPromoCode", "showChildAges", "maxChildren", "maxJunior", "baseUrl", "urlChain", "urlHotel", "buttonText", "layoutColumn", "maxRooms", "showAllHotelsOption", "targetBlank", "hotelText", "flagTime"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }] }); }
|
|
10618
10622
|
}
|
|
10619
10623
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineWidgetModalComponent, decorators: [{
|
|
10620
10624
|
type: Component,
|
|
@@ -10622,7 +10626,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
10622
10626
|
CommonModule,
|
|
10623
10627
|
BabylonBookingWidgetComponent,
|
|
10624
10628
|
BabylonDynamicHeadingComponent,
|
|
10625
|
-
], template: "<section\n id=\"widget-form\"\n class=\"mdl-widget\"\n [class.has-advantages]=\"globalInfo\"\n>\n <div class=\"mod-layout-wrapper\">\n <div class=\"mod-close\">\n <button\n class=\"carousel__button is-close mdl-widget__close\"\n title=\"Close\"\n (click)=\"closeModal()\"\n >\n <svg\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n stroke=\"#333\"\n stroke-width=\"1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"16\"\n cy=\"16\"\n r=\"15\"\n stroke=\"#333\"\n fill=\"transparent\"\n />\n <path d=\"M11 11L21 21M21 11L11 21\" stroke-linecap=\"round\" />\n </svg>\n </button>\n </div>\n @if (globalInfo) {\n <div class=\"mod-advantages\">\n <div class=\"adv-box\">\n <div class=\"adv-header\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"m-titulo uppercase-title\"\n [color]=\"textColors?.title\"\n [content]=\"globalInfo.texts?.title || 'VENTAJAS'\"\n ></lib-babylon-dynamic-heading>\n @if (globalInfo.texts?.description) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'p'\"\n cssClass=\"m-texto\"\n [color]=\"textColors?.title\"\n [content]=\"globalInfo.texts?.description\"\n ></lib-babylon-dynamic-heading>\n }\n </div>\n\n <div class=\"adv-grid-wrapper\">\n <div\n class=\"adv-grid\"\n #advScrollContainer\n (scroll)=\"onAdvScroll($event)\"\n >\n @for (adv of globalInfo.items; track $index) {\n <div class=\"adv-item\">\n <span class=\"adv-icon\">\n <i\n class=\"icon--svg\"\n [ngClass]=\"adv.icon\"\n ></i>\n </span>\n <div class=\"adv-text\">\n <strong\n [innerHTML]=\"adv.label\"\n ></strong>\n <span\n [innerHTML]=\"adv.description\"\n ></span>\n </div>\n </div>\n }\n </div>\n\n @if (showAdvScrollbar) {\n <div class=\"scroll-track\">\n <div\n class=\"scroll-thumb\"\n [style.top.%]=\"advThumbPosition\"\n [style.height.%]=\"advThumbHeight\"\n ></div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n\n <div class=\"mod-body\">\n <div class=\"booking-container\">\n <div class=\"m-title-container\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.subtitle || 'p'\"\n cssClass=\"m-titulo uppercase-title\"\n [color]=\"textColors?.subtitle\"\n [content]=\"\n texts?.title ||\n globalInfo?.texts?.subtitle ||\n 'RESERVA TU HABITACI\u00D3N'\n \"\n ></lib-babylon-dynamic-heading>\n </div>\n\n <lib-babylon-booking-widget\n id=\"modal\"\n widgetId=\"widget-search-modal\"\n [hotelId]=\"widgetConfig?.hotelId\"\n [ticker]=\"ticker ?? widgetConfig?.ticker ?? ''\"\n [type]=\"widgetConfig?.type\"\n [engine]=\"widgetConfig.engine\"\n theme=\"light\"\n layout=\"column\"\n layoutColumn=\"true\"\n [showPrice]=\"widgetConfig?.showPrice\"\n [defaultAdults]=\"widgetConfig?.defaultAdults\"\n [defaultChildren]=\"widgetConfig?.defaultChildren\"\n [defaultJunior]=\"widgetConfig?.defaultJunior\"\n [currency]=\"widgetConfig?.currency\"\n [baseUrl]=\"\n widgetConfig.engine !== 'witbooking'\n ? widgetConfig.baseUrl\n : widgetConfig.baseUrl + locale + '/'\n \"\n [urlChain]=\"widgetConfig?.urlChain\"\n [urlHotel]=\"widgetConfig?.urlHotel\"\n [showChildAges]=\"widgetConfig?.showChildAges\"\n [locale]=\"locale\"\n [flagTime]=\"false\"\n [maxRooms]=\"widgetConfig?.maxRooms\"\n [showAllHotelsOption]=\"widgetConfig.showAllHotelsOption\"\n [targetBlank]=\"widgetConfig.targetBlank\"\n ngSkipHydration\n ></lib-babylon-booking-widget>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::ng-deep .mdl-widget-dialog{max-width:100vw!important}::ng-deep .mdl-widget-dialog .mat-mdc-dialog-surface,::ng-deep .mdl-widget-dialog .mat-dialog-container{width:100vw!important;max-width:100vw!important;height:100dvh!important;padding:0!important;margin:0!important;border-radius:0!important;background-color:transparent;box-shadow:none}::ng-deep .mdl-widget-backdrop{background-color:#1e1a1ad9!important}.mdl-widget{display:flex;width:100vw;height:100dvh;align-items:center;justify-content:center;flex-direction:column;padding:0;margin:0;overflow:hidden}.mdl-widget .mod-close{position:relative;width:30rem;z-index:9}.mdl-widget .mod-close .mdl-widget__close{position:absolute;background-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;border-radius:25px;cursor:pointer;transition:transform .3s ease;transform:rotate(0);display:flex;justify-content:center;align-items:center}.mdl-widget .mod-close .mdl-widget__close:hover{transform:rotate(180deg)}@media (max-width: 1080px){.mdl-widget .mod-close{position:absolute;top:0;width:100vw}.mdl-widget .mod-close .mdl-widget__close{position:absolute;width:3.2rem;height:3.2rem;right:20px;top:20px;z-index:9}}.mdl-widget .mod-layout-wrapper{display:flex;justify-content:center;align-items:stretch;width:100vw;height:100%;position:fixed}@media (max-width: 1080px){.mdl-widget .mod-layout-wrapper{position:relative}}.mdl-widget.has-advantages{width:100vw;max-width:100vw}.mdl-widget.has-advantages .mod-advantages{flex:1;display:flex;flex-direction:column;background-color:var(--cl_engine-bg-modal);padding:200px 60px 40px;justify-content:flex-start;align-items:center}.mdl-widget.has-advantages .mod-advantages .adv-box{width:100%;max-width:600px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header{text-align:center;margin-bottom:40px}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header .m-texto{font-size:14px;color:var(--cl_engine-text);margin-top:10px}@media (max-width: 1024px){.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header{margin-bottom:20px}}.mdl-widget.has-advantages .mod-advantages .adv-grid-wrapper{position:relative;width:100%;overflow:hidden}.mdl-widget.has-advantages .mod-advantages .adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow-y:auto;max-height:50vh;padding-right:16px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.mdl-widget.has-advantages .mod-advantages .adv-grid::-webkit-scrollbar{display:none}@media (max-width: 600px){.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:1fr}}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item{display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:25px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item:nth-last-child(-n+2){border-bottom:none;padding-bottom:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon{color:var(--cl_engine-text);margin-top:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon .icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;display:block;background:var(--cl_engine-text)}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text{display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text strong{font-size:13px;color:#333;margin-bottom:4px;font-family:var(--font-text);text-transform:uppercase;letter-spacing:1px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text span{font-size:13px;font-family:var(--font-text);color:var(--cl_engine-text);line-height:1.3}@media (max-width: 1024px){.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon .icon--svg{width:20px;height:20px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text strong,.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text span{font-size:10px}}.mdl-widget.has-advantages .mod-advantages .scroll-track{position:absolute;top:0;right:0;width:6px;height:100%;background:#0000000d;border-radius:10px;pointer-events:none;z-index:10}.mdl-widget.has-advantages .mod-advantages .scroll-thumb{position:absolute;right:0;width:100%;background-color:var(--cl_engine-text, #333333);border-radius:10px;transition:top .05s linear}.mdl-widget.has-advantages .mod-body{flex:1;background-color:var(--widget-background);padding:120px 60px 40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box}.mdl-widget.has-advantages .mod-body .booking-container{width:100%;max-width:400px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-body .m-title-container{display:flex;align-items:flex-start;justify-content:center}@media (max-width: 1080px){.mdl-widget.has-advantages .mod-body .m-title-container{min-height:10px}}@media (min-width: 1080px){.mdl-widget.has-advantages .mod-body .m-title-container{margin-bottom:40px}}@media (max-width: 1080px){.mdl-widget.has-advantages{flex-direction:column;height:100vh;min-height:100dvh;overflow-y:hidden;position:absolute}.mdl-widget.has-advantages .mod-layout-wrapper{flex-direction:column;position:relative;height:100%;min-height:100vh;overflow-y:hidden}.mdl-widget.has-advantages .mod-advantages{padding:60px 40px 50px;max-height:50dvh;height:50dvh}.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:2fr 2fr;gap:20px;overflow:auto;max-height:25vh}.mdl-widget.has-advantages .mod-body{padding:60px 20px 0;height:50dvh;max-height:50dvh}}\n"] }]
|
|
10629
|
+
], template: "<section\n id=\"widget-form\"\n class=\"mdl-widget\"\n [class.has-advantages]=\"globalInfo\"\n>\n <div class=\"mod-layout-wrapper\">\n <div class=\"mod-close\">\n <button\n class=\"carousel__button is-close mdl-widget__close\"\n title=\"Close\"\n (click)=\"closeModal()\"\n >\n <svg\n width=\"32\"\n height=\"32\"\n viewBox=\"0 0 32 32\"\n fill=\"none\"\n stroke=\"#333\"\n stroke-width=\"1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"16\"\n cy=\"16\"\n r=\"15\"\n stroke=\"#333\"\n fill=\"transparent\"\n />\n <path d=\"M11 11L21 21M21 11L11 21\" stroke-linecap=\"round\" />\n </svg>\n </button>\n </div>\n @if (globalInfo) {\n <div class=\"mod-advantages\">\n <div class=\"adv-box\">\n <div class=\"adv-header\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h2'\"\n cssClass=\"m-titulo uppercase-title\"\n [color]=\"textColors?.title\"\n [content]=\"globalInfo.texts?.title || 'VENTAJAS'\"\n ></lib-babylon-dynamic-heading>\n @if (globalInfo.texts?.description) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'p'\"\n cssClass=\"m-texto\"\n [color]=\"textColors?.title\"\n [content]=\"globalInfo.texts?.description\"\n ></lib-babylon-dynamic-heading>\n }\n </div>\n\n <div class=\"adv-grid-wrapper\">\n <div\n class=\"adv-grid\"\n #advScrollContainer\n (scroll)=\"onAdvScroll($event)\"\n >\n @for (adv of globalInfo.items; track $index) {\n <div class=\"adv-item\">\n <span class=\"adv-icon\">\n <i\n class=\"icon--svg\"\n [ngClass]=\"adv.icon\"\n ></i>\n </span>\n <div class=\"adv-text\">\n <strong\n [innerHTML]=\"adv.label\"\n ></strong>\n <span\n [innerHTML]=\"adv.description\"\n ></span>\n </div>\n </div>\n }\n </div>\n\n @if (showAdvScrollbar) {\n <div class=\"scroll-track\">\n <div\n class=\"scroll-thumb\"\n [style.top.%]=\"advThumbPosition\"\n [style.height.%]=\"advThumbHeight\"\n ></div>\n </div>\n }\n </div>\n </div>\n </div>\n }\n\n <div class=\"mod-body\">\n <div class=\"booking-container\">\n <div class=\"m-title-container\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.subtitle || 'p'\"\n cssClass=\"m-titulo uppercase-title\"\n [color]=\"textColors?.subtitle\"\n [content]=\"\n texts?.title ||\n globalInfo?.texts?.subtitle ||\n 'RESERVA TU HABITACI\u00D3N'\n \"\n ></lib-babylon-dynamic-heading>\n </div>\n\n <lib-babylon-booking-widget\n id=\"modal\"\n widgetId=\"widget-search-modal\"\n [hotelId]=\"widgetConfig?.hotelId\"\n [ticker]=\"ticker ?? widgetConfig?.ticker ?? ''\"\n [type]=\"widgetConfig?.type\"\n [engine]=\"widgetConfig.engine\"\n theme=\"light\"\n layout=\"column\"\n layoutColumn=\"true\"\n [showPrice]=\"widgetConfig?.showPrice\"\n [defaultAdults]=\"widgetConfig?.defaultAdults\"\n [defaultChildren]=\"widgetConfig?.defaultChildren\"\n [defaultJunior]=\"widgetConfig?.defaultJunior\"\n [currency]=\"widgetConfig?.currency\"\n [baseUrl]=\"\n widgetConfig.engine !== 'witbooking'\n ? widgetConfig.baseUrl\n : widgetConfig.baseUrl + locale + '/'\n \"\n [urlChain]=\"widgetConfig?.urlChain\"\n [urlHotel]=\"widgetConfig?.urlHotel\"\n [showChildAges]=\"widgetConfig?.showChildAges\"\n [locale]=\"locale\"\n [flagTime]=\"false\"\n [maxRooms]=\"widgetConfig?.maxRooms\"\n [showAllHotelsOption]=\"widgetConfig.showAllHotelsOption\"\n [targetBlank]=\"widgetConfig.targetBlank\"\n [hotelText]=\"widgetConfig.hotelText\"\n ngSkipHydration\n ></lib-babylon-booking-widget>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::ng-deep .mdl-widget-dialog{max-width:100vw!important}::ng-deep .mdl-widget-dialog .mat-mdc-dialog-surface,::ng-deep .mdl-widget-dialog .mat-dialog-container{width:100vw!important;max-width:100vw!important;height:100dvh!important;padding:0!important;margin:0!important;border-radius:0!important;background-color:transparent;box-shadow:none}::ng-deep .mdl-widget-backdrop{background-color:#1e1a1ad9!important}.mdl-widget{display:flex;width:100vw;height:100dvh;align-items:center;justify-content:center;flex-direction:column;padding:0;margin:0;overflow:hidden}.mdl-widget .mod-close{position:relative;width:30rem;z-index:9}.mdl-widget .mod-close .mdl-widget__close{position:absolute;background-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;border-radius:25px;cursor:pointer;transition:transform .3s ease;transform:rotate(0);display:flex;justify-content:center;align-items:center}.mdl-widget .mod-close .mdl-widget__close:hover{transform:rotate(180deg)}@media (max-width: 1080px){.mdl-widget .mod-close{position:absolute;top:0;width:100vw}.mdl-widget .mod-close .mdl-widget__close{position:absolute;width:3.2rem;height:3.2rem;right:20px;top:20px;z-index:9}}.mdl-widget .mod-layout-wrapper{display:flex;justify-content:center;align-items:stretch;width:100vw;height:100%;position:fixed}@media (max-width: 1080px){.mdl-widget .mod-layout-wrapper{position:relative}}.mdl-widget.has-advantages{width:100vw;max-width:100vw}.mdl-widget.has-advantages .mod-advantages{flex:1;display:flex;flex-direction:column;background-color:var(--cl_engine-bg-modal);padding:200px 60px 40px;justify-content:flex-start;align-items:center}.mdl-widget.has-advantages .mod-advantages .adv-box{width:100%;max-width:600px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header{text-align:center;margin-bottom:40px}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header .m-texto{font-size:14px;color:var(--cl_engine-text);margin-top:10px}@media (max-width: 1024px){.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header{margin-bottom:20px}}.mdl-widget.has-advantages .mod-advantages .adv-grid-wrapper{position:relative;width:100%;overflow:hidden}.mdl-widget.has-advantages .mod-advantages .adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow-y:auto;max-height:50vh;padding-right:16px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.mdl-widget.has-advantages .mod-advantages .adv-grid::-webkit-scrollbar{display:none}@media (max-width: 600px){.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:1fr}}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item{display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:25px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item:nth-last-child(-n+2){border-bottom:none;padding-bottom:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon{color:var(--cl_engine-text);margin-top:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon .icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;display:block;background:var(--cl_engine-text)}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text{display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text strong{font-size:13px;color:#333;margin-bottom:4px;font-family:var(--font-text);text-transform:uppercase;letter-spacing:1px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text span{font-size:13px;font-family:var(--font-text);color:var(--cl_engine-text);line-height:1.3}@media (max-width: 1024px){.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon .icon--svg{width:20px;height:20px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text strong,.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text span{font-size:10px}}.mdl-widget.has-advantages .mod-advantages .scroll-track{position:absolute;top:0;right:0;width:6px;height:100%;background:#0000000d;border-radius:10px;pointer-events:none;z-index:10}.mdl-widget.has-advantages .mod-advantages .scroll-thumb{position:absolute;right:0;width:100%;background-color:var(--cl_engine-text, #333333);border-radius:10px;transition:top .05s linear}.mdl-widget.has-advantages .mod-body{flex:1;background-color:var(--widget-background);padding:120px 60px 40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box}.mdl-widget.has-advantages .mod-body .booking-container{width:100%;max-width:400px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-body .m-title-container{display:flex;align-items:flex-start;justify-content:center}@media (max-width: 1080px){.mdl-widget.has-advantages .mod-body .m-title-container{min-height:10px}}@media (min-width: 1080px){.mdl-widget.has-advantages .mod-body .m-title-container{margin-bottom:40px}}@media (max-width: 1080px){.mdl-widget.has-advantages{flex-direction:column;height:100vh;min-height:100dvh;overflow-y:hidden;position:absolute}.mdl-widget.has-advantages .mod-layout-wrapper{flex-direction:column;position:relative;height:100%;min-height:100vh;overflow-y:hidden}.mdl-widget.has-advantages .mod-advantages{padding:60px 40px 50px;max-height:50dvh;height:50dvh}.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:2fr 2fr;gap:20px;overflow:auto;max-height:25vh}.mdl-widget.has-advantages .mod-body{padding:60px 20px 0;height:50dvh;max-height:50dvh}}\n"] }]
|
|
10626
10630
|
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }], propDecorators: { texts: [{
|
|
10627
10631
|
type: Input
|
|
10628
10632
|
}], locale: [{
|
|
@@ -26967,12 +26971,27 @@ class C1TxtComponent {
|
|
|
26967
26971
|
constructor() {
|
|
26968
26972
|
this.headingTagUtils = HeadingTagUtils;
|
|
26969
26973
|
}
|
|
26974
|
+
set logo(value) {
|
|
26975
|
+
this._logo = value;
|
|
26976
|
+
const resolvedLogoSrc = this._logo?.src || this._logo?.img?.src || this._logo?.path?.original || this._logo?.path?.webp;
|
|
26977
|
+
console.log('[C1TxtComponent] logo input:', this._logo);
|
|
26978
|
+
console.log('[C1TxtComponent] resolved logoSrc:', resolvedLogoSrc);
|
|
26979
|
+
}
|
|
26980
|
+
get logo() {
|
|
26981
|
+
return this._logo;
|
|
26982
|
+
}
|
|
26983
|
+
get logoSrc() {
|
|
26984
|
+
return this.logo?.src || this.logo?.img?.src || this.logo?.path?.original || this.logo?.path?.webp;
|
|
26985
|
+
}
|
|
26986
|
+
get logoAlt() {
|
|
26987
|
+
return this.logo?.alt || this.logo?.img?.alt || 'logo';
|
|
26988
|
+
}
|
|
26970
26989
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C1TxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26971
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C1TxtComponent, isStandalone: true, selector: "c1-txt", inputs: { texts: "texts", textColors: "textColors", activeView: "activeView", image: "image", buttons: "buttons" }, ngImport: i0, template: "<section\n class=\"mdl-C1Txt\"\n [ngClass]=\"{\n primary: activeView === 0 || activeView === 1,\n secundary: activeView === 2,\n tertiary: activeView === 3,\n }\"\n>\n @if (image?.src) {\n <div class=\"mdl-imagen\">\n <img\n [src]=\"image?.src\"\n loading=\"lazy\"\n [alt]=\"image?.alt ?? 'image'\"\n />\n </div>\n }\n @if (texts) {\n <div class=\"mdl-container\">\n @if (headingTagUtils.hasHeadingContent(texts, 'pretitle', texts?.pretitle)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'pretitle', 'p')\"\n [color]=\"textColors?.pretitle\"\n cssClass=\"m-pretitulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'pretitle', texts?.pretitle)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'p')\"\n [color]=\"textColors?.title\"\n cssClass=\"m-titulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'description', texts?.description)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'description', 'p')\"\n [color]=\"textColors?.description\"\n cssClass=\"m-texto\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'description', texts?.description)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (texts.text) {\n <div class=\"m-especial\" [innerHTML]=\"texts.text\"></div>\n }\n </div>\n }\n @if (buttons?.length) {\n <div class=\"m-buttons-row\">\n @if (buttons?.[0]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\"\n [attr.target]=\"buttons?.[0]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[0]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[0]?.label\"\n >\n {{ buttons?.[0]?.label }}\n </a>\n }\n @if (buttons?.[1]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[1]?.url\"\n [linkType]=\"buttons?.[1]?.linkType\"\n [attr.target]=\"buttons?.[1]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[1]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[1]?.label\"\n >\n {{ buttons?.[1]?.label }}\n </a>\n }\n </div>\n\n }\n\n\n</section>\n", styles: [".mdl-C1Txt .m-buttons-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-top:2rem}.mdl-C1Txt .mdl-imagen{display:flex;justify-content:center;align-items:center}.mdl-C1Txt{padding-left:0!important;padding-right:0!important}.mdl-C1Txt .mdl-container{width:100%;max-width:144.5rem;margin:0 auto;padding:8rem 4rem;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;gap:4rem;align-items:center;color:#393637}.mdl-C1Txt .mdl-container .m-pretitulo{font-family:var(--font-pretitle);font-size:1.7rem;font-weight:400;letter-spacing:10%;line-height:100%;text-transform:uppercase;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-titulo{font-family:var(--font-title);font-size:7rem;font-style:normal;font-weight:700;line-height:8rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-texto{font-family:var(--font-text);font-size:1.6rem;font-weight:400;line-height:2.8rem;max-width:76rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-especial{font-family:var(--font-claim);font-size:6rem;font-weight:400;line-height:100%;color:#fcdd3f}@media (max-width: 1200px){.mdl-C1Txt .mdl-container .m-titulo{font-size:5rem;line-height:5rem}}@media (max-width: 600px){.mdl-C1Txt .mdl-container{padding:8rem 2rem}.mdl-C1Txt .mdl-container .m-titulo{font-size:4rem;line-height:4rem}.mdl-C1Txt .mdl-container .m-especial{font-size:4rem}}.mdl-C1Txt.secundary .mdl-container{background-color:var(--cl_background_dark);max-width:100%}.mdl-C1Txt.secundary .mdl-container .m-titulo{order:2}.mdl-C1Txt.tertiary .mdl-container{padding:2rem 4rem}.m-buttonD{margin-bottom:4rem;font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:100%;text-transform:uppercase;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem}.m-buttonD span{color:#393637}.m-buttonD:hover{background-color:#fcdd3f;transition:.5s;border:0}.m-buttonD{margin-top:3.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }] }); }
|
|
26990
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C1TxtComponent, isStandalone: true, selector: "c1-txt", inputs: { texts: "texts", textColors: "textColors", activeView: "activeView", image: "image", logo: "logo", buttons: "buttons" }, ngImport: i0, template: "<section\n class=\"mdl-C1Txt\"\n [ngClass]=\"{\n primary: activeView === 0 || activeView === 1,\n secundary: activeView === 2,\n tertiary: activeView === 3,\n }\"\n>\n @if (image?.src) {\n <div class=\"mdl-imagen\">\n <img\n [src]=\"image?.src\"\n loading=\"lazy\"\n [alt]=\"image?.alt ?? 'image'\"\n />\n </div>\n }\n @if (logoSrc) {\n <div class=\"mdl-logo\">\n <img\n [src]=\"logoSrc\"\n loading=\"lazy\"\n [alt]=\"logoAlt\"\n />\n </div>\n }\n @if (texts) {\n <div class=\"mdl-container\">\n @if (headingTagUtils.hasHeadingContent(texts, 'pretitle', texts?.pretitle)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'pretitle', 'p')\"\n [color]=\"textColors?.pretitle\"\n cssClass=\"m-pretitulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'pretitle', texts?.pretitle)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'p')\"\n [color]=\"textColors?.title\"\n cssClass=\"m-titulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'description', texts?.description)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'description', 'p')\"\n [color]=\"textColors?.description\"\n cssClass=\"m-texto\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'description', texts?.description)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (texts.text) {\n <div class=\"m-especial\" [innerHTML]=\"texts.text\"></div>\n }\n </div>\n }\n @if (buttons?.length) {\n <div class=\"m-buttons-row\">\n @if (buttons?.[0]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\"\n [attr.target]=\"buttons?.[0]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[0]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[0]?.label\"\n >\n {{ buttons?.[0]?.label }}\n </a>\n }\n @if (buttons?.[1]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[1]?.url\"\n [linkType]=\"buttons?.[1]?.linkType\"\n [attr.target]=\"buttons?.[1]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[1]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[1]?.label\"\n >\n {{ buttons?.[1]?.label }}\n </a>\n }\n </div>\n\n }\n\n\n</section>\n", styles: [".mdl-C1Txt .mdl-logo{display:flex;justify-content:center;margin-top:4rem;margin-bottom:-4rem}.mdl-C1Txt .mdl-logo img{width:8rem}.mdl-C1Txt .m-buttons-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-top:2rem}.mdl-C1Txt .mdl-imagen{display:flex;justify-content:center;align-items:center}.mdl-C1Txt{padding-left:0!important;padding-right:0!important}.mdl-C1Txt .mdl-container{width:100%;max-width:144.5rem;margin:0 auto;padding:8rem 4rem;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;gap:4rem;align-items:center;color:#393637}.mdl-C1Txt .mdl-container .m-pretitulo{font-family:var(--font-pretitle);font-size:1.7rem;font-weight:400;letter-spacing:10%;line-height:100%;text-transform:uppercase;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-titulo{font-family:var(--font-title);font-size:7rem;font-style:normal;font-weight:700;line-height:8rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-texto{font-family:var(--font-text);font-size:1.6rem;font-weight:400;line-height:2.8rem;max-width:76rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-especial{font-family:var(--font-claim);font-size:6rem;font-weight:400;line-height:100%;color:#fcdd3f}@media (max-width: 1200px){.mdl-C1Txt .mdl-container .m-titulo{font-size:5rem;line-height:5rem}}@media (max-width: 600px){.mdl-C1Txt .mdl-container{padding:8rem 2rem}.mdl-C1Txt .mdl-container .m-titulo{font-size:4rem;line-height:4rem}.mdl-C1Txt .mdl-container .m-especial{font-size:4rem}}.mdl-C1Txt.secundary .mdl-container{background-color:var(--cl_background_dark);max-width:100%}.mdl-C1Txt.secundary .mdl-container .m-titulo{order:2}.mdl-C1Txt.tertiary .mdl-container{padding:2rem 4rem}.m-buttonD{margin-bottom:4rem;font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:100%;text-transform:uppercase;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem}.m-buttonD span{color:#393637}.m-buttonD:hover{background-color:#fcdd3f;transition:.5s;border:0}.m-buttonD{margin-top:3.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }] }); }
|
|
26972
26991
|
}
|
|
26973
26992
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C1TxtComponent, decorators: [{
|
|
26974
26993
|
type: Component,
|
|
26975
|
-
args: [{ selector: 'c1-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective, BabylonDynamicHeadingComponent], template: "<section\n class=\"mdl-C1Txt\"\n [ngClass]=\"{\n primary: activeView === 0 || activeView === 1,\n secundary: activeView === 2,\n tertiary: activeView === 3,\n }\"\n>\n @if (image?.src) {\n <div class=\"mdl-imagen\">\n <img\n [src]=\"image?.src\"\n loading=\"lazy\"\n [alt]=\"image?.alt ?? 'image'\"\n />\n </div>\n }\n @if (texts) {\n <div class=\"mdl-container\">\n @if (headingTagUtils.hasHeadingContent(texts, 'pretitle', texts?.pretitle)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'pretitle', 'p')\"\n [color]=\"textColors?.pretitle\"\n cssClass=\"m-pretitulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'pretitle', texts?.pretitle)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'p')\"\n [color]=\"textColors?.title\"\n cssClass=\"m-titulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'description', texts?.description)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'description', 'p')\"\n [color]=\"textColors?.description\"\n cssClass=\"m-texto\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'description', texts?.description)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (texts.text) {\n <div class=\"m-especial\" [innerHTML]=\"texts.text\"></div>\n }\n </div>\n }\n @if (buttons?.length) {\n <div class=\"m-buttons-row\">\n @if (buttons?.[0]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\"\n [attr.target]=\"buttons?.[0]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[0]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[0]?.label\"\n >\n {{ buttons?.[0]?.label }}\n </a>\n }\n @if (buttons?.[1]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[1]?.url\"\n [linkType]=\"buttons?.[1]?.linkType\"\n [attr.target]=\"buttons?.[1]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[1]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[1]?.label\"\n >\n {{ buttons?.[1]?.label }}\n </a>\n }\n </div>\n\n }\n\n\n</section>\n", styles: [".mdl-C1Txt .m-buttons-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-top:2rem}.mdl-C1Txt .mdl-imagen{display:flex;justify-content:center;align-items:center}.mdl-C1Txt{padding-left:0!important;padding-right:0!important}.mdl-C1Txt .mdl-container{width:100%;max-width:144.5rem;margin:0 auto;padding:8rem 4rem;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;gap:4rem;align-items:center;color:#393637}.mdl-C1Txt .mdl-container .m-pretitulo{font-family:var(--font-pretitle);font-size:1.7rem;font-weight:400;letter-spacing:10%;line-height:100%;text-transform:uppercase;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-titulo{font-family:var(--font-title);font-size:7rem;font-style:normal;font-weight:700;line-height:8rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-texto{font-family:var(--font-text);font-size:1.6rem;font-weight:400;line-height:2.8rem;max-width:76rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-especial{font-family:var(--font-claim);font-size:6rem;font-weight:400;line-height:100%;color:#fcdd3f}@media (max-width: 1200px){.mdl-C1Txt .mdl-container .m-titulo{font-size:5rem;line-height:5rem}}@media (max-width: 600px){.mdl-C1Txt .mdl-container{padding:8rem 2rem}.mdl-C1Txt .mdl-container .m-titulo{font-size:4rem;line-height:4rem}.mdl-C1Txt .mdl-container .m-especial{font-size:4rem}}.mdl-C1Txt.secundary .mdl-container{background-color:var(--cl_background_dark);max-width:100%}.mdl-C1Txt.secundary .mdl-container .m-titulo{order:2}.mdl-C1Txt.tertiary .mdl-container{padding:2rem 4rem}.m-buttonD{margin-bottom:4rem;font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:100%;text-transform:uppercase;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem}.m-buttonD span{color:#393637}.m-buttonD:hover{background-color:#fcdd3f;transition:.5s;border:0}.m-buttonD{margin-top:3.5rem}\n"] }]
|
|
26994
|
+
args: [{ selector: 'c1-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective, BabylonDynamicHeadingComponent], template: "<section\n class=\"mdl-C1Txt\"\n [ngClass]=\"{\n primary: activeView === 0 || activeView === 1,\n secundary: activeView === 2,\n tertiary: activeView === 3,\n }\"\n>\n @if (image?.src) {\n <div class=\"mdl-imagen\">\n <img\n [src]=\"image?.src\"\n loading=\"lazy\"\n [alt]=\"image?.alt ?? 'image'\"\n />\n </div>\n }\n @if (logoSrc) {\n <div class=\"mdl-logo\">\n <img\n [src]=\"logoSrc\"\n loading=\"lazy\"\n [alt]=\"logoAlt\"\n />\n </div>\n }\n @if (texts) {\n <div class=\"mdl-container\">\n @if (headingTagUtils.hasHeadingContent(texts, 'pretitle', texts?.pretitle)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'pretitle', 'p')\"\n [color]=\"textColors?.pretitle\"\n cssClass=\"m-pretitulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'pretitle', texts?.pretitle)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'p')\"\n [color]=\"textColors?.title\"\n cssClass=\"m-titulo\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (headingTagUtils.hasHeadingContent(texts, 'description', texts?.description)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'description', 'p')\"\n [color]=\"textColors?.description\"\n cssClass=\"m-texto\"\n [content]=\"headingTagUtils.getHeadingContent(texts, 'description', texts?.description)\"\n ></lib-babylon-dynamic-heading>\n }\n @if (texts.text) {\n <div class=\"m-especial\" [innerHTML]=\"texts.text\"></div>\n }\n </div>\n }\n @if (buttons?.length) {\n <div class=\"m-buttons-row\">\n @if (buttons?.[0]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\"\n [attr.target]=\"buttons?.[0]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[0]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[0]?.label\"\n >\n {{ buttons?.[0]?.label }}\n </a>\n }\n @if (buttons?.[1]?.url) {\n <a\n class=\"m-buttonD\"\n [href]=\"buttons?.[1]?.url\"\n [linkType]=\"buttons?.[1]?.linkType\"\n [attr.target]=\"buttons?.[1]?.target || '_self'\"\n [attr.rel]=\"(buttons?.[1]?.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"buttons?.[1]?.label\"\n >\n {{ buttons?.[1]?.label }}\n </a>\n }\n </div>\n\n }\n\n\n</section>\n", styles: [".mdl-C1Txt .mdl-logo{display:flex;justify-content:center;margin-top:4rem;margin-bottom:-4rem}.mdl-C1Txt .mdl-logo img{width:8rem}.mdl-C1Txt .m-buttons-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-top:2rem}.mdl-C1Txt .mdl-imagen{display:flex;justify-content:center;align-items:center}.mdl-C1Txt{padding-left:0!important;padding-right:0!important}.mdl-C1Txt .mdl-container{width:100%;max-width:144.5rem;margin:0 auto;padding:8rem 4rem;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;gap:4rem;align-items:center;color:#393637}.mdl-C1Txt .mdl-container .m-pretitulo{font-family:var(--font-pretitle);font-size:1.7rem;font-weight:400;letter-spacing:10%;line-height:100%;text-transform:uppercase;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-titulo{font-family:var(--font-title);font-size:7rem;font-style:normal;font-weight:700;line-height:8rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-texto{font-family:var(--font-text);font-size:1.6rem;font-weight:400;line-height:2.8rem;max-width:76rem;margin-bottom:0rem}.mdl-C1Txt .mdl-container .m-especial{font-family:var(--font-claim);font-size:6rem;font-weight:400;line-height:100%;color:#fcdd3f}@media (max-width: 1200px){.mdl-C1Txt .mdl-container .m-titulo{font-size:5rem;line-height:5rem}}@media (max-width: 600px){.mdl-C1Txt .mdl-container{padding:8rem 2rem}.mdl-C1Txt .mdl-container .m-titulo{font-size:4rem;line-height:4rem}.mdl-C1Txt .mdl-container .m-especial{font-size:4rem}}.mdl-C1Txt.secundary .mdl-container{background-color:var(--cl_background_dark);max-width:100%}.mdl-C1Txt.secundary .mdl-container .m-titulo{order:2}.mdl-C1Txt.tertiary .mdl-container{padding:2rem 4rem}.m-buttonD{margin-bottom:4rem;font-family:new-atten,sans-serif;font-size:1.4rem;font-weight:500;letter-spacing:.2rem;line-height:100%;text-transform:uppercase;border-radius:8rem;border:1px solid #393637;padding:2rem 5rem;transition:.5s;min-width:26rem}.m-buttonD span{color:#393637}.m-buttonD:hover{background-color:#fcdd3f;transition:.5s;border:0}.m-buttonD{margin-top:3.5rem}\n"] }]
|
|
26976
26995
|
}], propDecorators: { texts: [{
|
|
26977
26996
|
type: Input
|
|
26978
26997
|
}], textColors: [{
|
|
@@ -26981,6 +27000,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
26981
27000
|
type: Input
|
|
26982
27001
|
}], image: [{
|
|
26983
27002
|
type: Input
|
|
27003
|
+
}], logo: [{
|
|
27004
|
+
type: Input
|
|
26984
27005
|
}], buttons: [{
|
|
26985
27006
|
type: Input
|
|
26986
27007
|
}] } });
|