ctt-babylon 0.10.35 → 0.10.37

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.
Files changed (22) hide show
  1. package/esm2022/lib/components/core/babylon-external-script/babylon-external-script.component.mjs +1 -2
  2. package/esm2022/lib/components/external/core/c2-txt-svg-v2/c2-txt-mdh005.component.mjs +3 -3
  3. package/esm2022/lib/components/external/core/index.mjs +3 -1
  4. package/esm2022/lib/components/external/core/lis-c2-txt-img-svg-c/index.mjs +2 -0
  5. package/esm2022/lib/components/external/core/lis-c2-txt-img-svg-c/lis-c2-txt-img-svg-c.component.mjs +23 -0
  6. package/esm2022/lib/components/external/core/lis-c2-txt-img-svg-c/lis-c2-txt-img-svg-c.content.json +68 -0
  7. package/esm2022/lib/components/external/core/lis-c2-txt-img-svg-c/lis-c2-txt-img-svg-c.interfaces.mjs +2 -0
  8. package/esm2022/lib/components/external/core/sli-c2-txt-img-svg-c/index.mjs +2 -0
  9. package/esm2022/lib/components/external/core/sli-c2-txt-img-svg-c/sli-c2-txt-img-svg-c.component.mjs +94 -0
  10. package/esm2022/lib/components/external/core/sli-c2-txt-img-svg-c/sli-c2-txt-img-svg-c.content.json +55 -0
  11. package/esm2022/lib/components/external/core/sli-c2-txt-img-svg-c/sli-c2-txt-img-svg-c.interfaces.mjs +2 -0
  12. package/fesm2022/ctt-babylon.mjs +295 -58
  13. package/fesm2022/ctt-babylon.mjs.map +1 -1
  14. package/lib/components/external/core/c2-txt-svg-v2/c2-txt-mdh005.component.d.ts +1 -1
  15. package/lib/components/external/core/index.d.ts +2 -0
  16. package/lib/components/external/core/lis-c2-txt-img-svg-c/index.d.ts +1 -0
  17. package/lib/components/external/core/lis-c2-txt-img-svg-c/lis-c2-txt-img-svg-c.component.d.ts +9 -0
  18. package/lib/components/external/core/lis-c2-txt-img-svg-c/lis-c2-txt-img-svg-c.interfaces.d.ts +32 -0
  19. package/lib/components/external/core/sli-c2-txt-img-svg-c/index.d.ts +1 -0
  20. package/lib/components/external/core/sli-c2-txt-img-svg-c/sli-c2-txt-img-svg-c.component.d.ts +22 -0
  21. package/lib/components/external/core/sli-c2-txt-img-svg-c/sli-c2-txt-img-svg-c.interfaces.d.ts +38 -0
  22. package/package.json +1 -1
@@ -7691,7 +7691,6 @@ class BabylonExternalScriptComponent {
7691
7691
  lang: this.lang ?? 'es',
7692
7692
  msg_loading: this.msg_loading ?? 'loading...',
7693
7693
  currency: 'EUR',
7694
- buy_variant: 'booking',
7695
7694
  });
7696
7695
  utb.setCookieConsentStatus({
7697
7696
  'google-analytics': true,
@@ -14458,7 +14457,7 @@ var button = {
14458
14457
  label: "m-button-sm",
14459
14458
  url: "https://www.google.com/maps"
14460
14459
  };
14461
- var defaultContent$f = {
14460
+ var defaultContent$h = {
14462
14461
  reverse: reverse,
14463
14462
  leftImage: leftImage,
14464
14463
  infoSections: infoSections,
@@ -14467,7 +14466,7 @@ var defaultContent$f = {
14467
14466
  button: button
14468
14467
  };
14469
14468
 
14470
- const DEFAULT_CONTENT$a = defaultContent$f;
14469
+ const DEFAULT_CONTENT$a = defaultContent$h;
14471
14470
  class C2ImgTxtSvgComponent {
14472
14471
  constructor() {
14473
14472
  this.content = DEFAULT_CONTENT$a;
@@ -14577,7 +14576,7 @@ var faqs = [
14577
14576
  answer: "Contáctanos y te ayudaremos a encontrar la mejor solución."
14578
14577
  }
14579
14578
  ];
14580
- var defaultContent$e = {
14579
+ var defaultContent$g = {
14581
14580
  topPanel: topPanel,
14582
14581
  bottomPanel: bottomPanel,
14583
14582
  highlights: highlights,
@@ -14586,7 +14585,7 @@ var defaultContent$e = {
14586
14585
 
14587
14586
  class C2TxtCtaDesComponent {
14588
14587
  constructor() {
14589
- this.fallbackContent = defaultContent$e;
14588
+ this.fallbackContent = defaultContent$g;
14590
14589
  this.content = this.fallbackContent;
14591
14590
  this.faqHeights = [];
14592
14591
  this.expandedFaqIndex = null;
@@ -14704,7 +14703,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
14704
14703
  }] } });
14705
14704
 
14706
14705
  var backgroundColor = "#fff9f9";
14707
- var title$7 = "conecta con nosotros en";
14706
+ var title$8 = "conecta con nosotros en";
14708
14707
  var hashtag = "#alegriahotels";
14709
14708
  var icons = [
14710
14709
  {
@@ -14733,14 +14732,14 @@ var icons = [
14733
14732
  background: "#66C3C9"
14734
14733
  }
14735
14734
  ];
14736
- var defaultContent$d = {
14735
+ var defaultContent$f = {
14737
14736
  backgroundColor: backgroundColor,
14738
- title: title$7,
14737
+ title: title$8,
14739
14738
  hashtag: hashtag,
14740
14739
  icons: icons
14741
14740
  };
14742
14741
 
14743
- const DEFAULT_CONTENT$8 = defaultContent$d;
14742
+ const DEFAULT_CONTENT$8 = defaultContent$f;
14744
14743
  class C2TxtRrssComponent {
14745
14744
  constructor() {
14746
14745
  this.content = DEFAULT_CONTENT$8;
@@ -14759,8 +14758,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
14759
14758
  }] } });
14760
14759
 
14761
14760
  var pretitle = "Hotel en costa almería";
14762
- var title$6 = "Bienvenidos Alegria Palacio Mojácar";
14763
- var description$3 = "Descubre el encanto de la costa andaluza, donde te proponemos unas vacaciones en pareja llenas de relax en la playa en Mojácar.";
14761
+ var title$7 = "Bienvenidos Alegria Palacio Mojácar";
14762
+ var description$4 = "Descubre el encanto de la costa andaluza, donde te proponemos unas vacaciones en pareja llenas de relax en la playa en Mojácar.";
14764
14763
  var withTopSpacing = false;
14765
14764
  var centerAlign = false;
14766
14765
  var tags = {
@@ -14768,10 +14767,10 @@ var tags = {
14768
14767
  keyIconsCount: 3,
14769
14768
  badge: "Solo Adultos"
14770
14769
  };
14771
- var defaultContent$c = {
14770
+ var defaultContent$e = {
14772
14771
  pretitle: pretitle,
14773
- title: title$6,
14774
- description: description$3,
14772
+ title: title$7,
14773
+ description: description$4,
14775
14774
  withTopSpacing: withTopSpacing,
14776
14775
  centerAlign: centerAlign,
14777
14776
  tags: tags
@@ -14779,7 +14778,7 @@ var defaultContent$c = {
14779
14778
 
14780
14779
  class C2TxtMdh005Component {
14781
14780
  constructor() {
14782
- this.fallbackContent = defaultContent$c;
14781
+ this.fallbackContent = defaultContent$e;
14783
14782
  this.content = this.fallbackContent;
14784
14783
  }
14785
14784
  trackByIndex(index) {
@@ -14790,16 +14789,16 @@ class C2TxtMdh005Component {
14790
14789
  return count > 0 ? Array.from({ length: count }, (_, idx) => idx) : [];
14791
14790
  }
14792
14791
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtMdh005Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
14793
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: C2TxtMdh005Component, isStandalone: true, selector: "c2-txt-svg-v2", inputs: { content: "content" }, ngImport: i0, template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase p-top para p\u00E1ginas sin hero -->\n<section\n class=\"mdl-mdh005 p-top\"\n [class.p-top]=\"content.withTopSpacing\"\n [class.text-center]=\"content.centerAlign\"\n>\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <div class=\"m-pretitulo\" *ngIf=\"content.pretitle\">\n {{ content.pretitle }}\n </div>\n <div class=\"m-titulo\">\n {{ content.title }}\n </div>\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-texto\">\n {{ content.description }}\n </div>\n </div>\n\n <div class=\"m-tags\" *ngIf=\"content.tags as tags\">\n <span class=\"m-rating\" *ngIf=\"tags.rating\">\n {{ tags.rating }}\n </span>\n <div class=\"m-keys\" *ngIf=\"keyIcons.length\">\n <ng-container\n *ngFor=\"let icon of keyIcons; trackBy: trackByIndex\"\n >\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"currentColor\"\n />\n </svg>\n </ng-container>\n </div>\n <span *ngIf=\"tags.badge\">\n {{ tags.badge }}\n </span>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-mdh005{margin:6rem 0}.mdl-mdh005.p-top{margin-top:18rem}.mdl-mdh005 .mdl-container{display:flex;position:relative}.mdl-mdh005 .mdl-container.text-center .m-left,.mdl-mdh005 .mdl-container.text-center .m-right .m-texto{text-align:center}.mdl-mdh005 .mdl-container .m-left{width:50%;display:flex;justify-content:flex-end;flex-direction:column}.mdl-mdh005 .mdl-container .m-left .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2rem;letter-spacing:.16rem;text-transform:uppercase;color:#515050b2}.mdl-mdh005 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-mdh005 .mdl-container .m-left .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh005 .mdl-container .m-left .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh005 .mdl-container .m-left .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-mdh005 .mdl-container .m-left .m-titulo{color:#515050;max-width:54.4rem;margin:7rem 0 0}.mdl-mdh005 .mdl-container .m-right{width:50%;display:flex;flex-direction:column;gap:4rem;align-items:flex-end;justify-content:flex-end}.mdl-mdh005 .mdl-container .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-mdh005 .mdl-container .m-right .m-texto{color:#51505099;text-align:end;max-width:62rem}.mdl-mdh005 .mdl-container .m-tags{color:#ff4338;margin-top:2rem;position:absolute;bottom:-4rem;display:flex;flex-direction:row;align-items:flex-end;gap:1rem}.mdl-mdh005 .mdl-container .m-tags .m-rating{font-family:jokker,sans-serif;font-size:2rem;line-height:2rem}.mdl-mdh005 .mdl-container .m-tags span{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;background-color:#ff4338;font-weight:500;color:#fff;padding:.4rem 1.2rem;border-radius:2rem;margin-left:1.5rem}.mdl-mdh005 .mdl-container .m-tags .m-keys{display:flex;flex-direction:row;align-items:center;gap:.5rem;color:#ff4338}@media (max-width: 1366px){.mdl-mdh005 .mdl-container .m-left .m-titulo{max-width:40.7rem;margin:6rem 0 0}}@media (max-width: 1080px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 768px){.mdl-mdh005 .mdl-container{gap:2rem;flex-direction:column}.mdl-mdh005 .mdl-container .m-left{width:100%}.mdl-mdh005 .mdl-container .m-left .m-pretitulo{display:none}.mdl-mdh005 .mdl-container .m-left .m-titulo{margin:0}.mdl-mdh005 .mdl-container .m-right{width:100%}.mdl-mdh005 .mdl-container .m-right .m-texto{text-align:left}.mdl-mdh005 .mdl-container .m-tags{position:unset}}@media (max-width: 540px){.mdl-mdh005 .mdl-container .m-right{align-items:center}.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.2rem;line-height:3rem}}@media (max-width: 375px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2rem;line-height:2.6rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
14792
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: C2TxtMdh005Component, isStandalone: true, selector: "c2-txt-mdh005", inputs: { content: "content" }, ngImport: i0, template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase p-top para p\u00E1ginas sin hero -->\n<section\n class=\"mdl-mdh005 p-top\"\n [class.p-top]=\"content.withTopSpacing\"\n [class.text-center]=\"content.centerAlign\"\n>\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <div class=\"m-pretitulo\" *ngIf=\"content.pretitle\">\n {{ content.pretitle }}\n </div>\n <div class=\"m-titulo\">\n {{ content.title }}\n </div>\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-texto\">\n {{ content.description }}\n </div>\n </div>\n\n <div class=\"m-tags\" *ngIf=\"content.tags as tags\">\n <span class=\"m-rating\" *ngIf=\"tags.rating\">\n {{ tags.rating }}\n </span>\n <div class=\"m-keys\" *ngIf=\"keyIcons.length\">\n <ng-container\n *ngFor=\"let icon of keyIcons; trackBy: trackByIndex\"\n >\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"currentColor\"\n />\n </svg>\n </ng-container>\n </div>\n <span *ngIf=\"tags.badge\">\n {{ tags.badge }}\n </span>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-mdh005{margin:6rem 0}.mdl-mdh005.p-top{margin-top:18rem}.mdl-mdh005 .mdl-container{display:flex;position:relative}.mdl-mdh005 .mdl-container.text-center .m-left,.mdl-mdh005 .mdl-container.text-center .m-right .m-texto{text-align:center}.mdl-mdh005 .mdl-container .m-left{width:50%;display:flex;justify-content:flex-end;flex-direction:column}.mdl-mdh005 .mdl-container .m-left .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2rem;letter-spacing:.16rem;text-transform:uppercase;color:#515050b2}.mdl-mdh005 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-mdh005 .mdl-container .m-left .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh005 .mdl-container .m-left .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh005 .mdl-container .m-left .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-mdh005 .mdl-container .m-left .m-titulo{color:#515050;max-width:54.4rem;margin:7rem 0 0}.mdl-mdh005 .mdl-container .m-right{width:50%;display:flex;flex-direction:column;gap:4rem;align-items:flex-end;justify-content:flex-end}.mdl-mdh005 .mdl-container .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-mdh005 .mdl-container .m-right .m-texto{color:#51505099;text-align:end;max-width:62rem}.mdl-mdh005 .mdl-container .m-tags{color:#ff4338;margin-top:2rem;position:absolute;bottom:-4rem;display:flex;flex-direction:row;align-items:flex-end;gap:1rem}.mdl-mdh005 .mdl-container .m-tags .m-rating{font-family:jokker,sans-serif;font-size:2rem;line-height:2rem}.mdl-mdh005 .mdl-container .m-tags span{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;background-color:#ff4338;font-weight:500;color:#fff;padding:.4rem 1.2rem;border-radius:2rem;margin-left:1.5rem}.mdl-mdh005 .mdl-container .m-tags .m-keys{display:flex;flex-direction:row;align-items:center;gap:.5rem;color:#ff4338}@media (max-width: 1366px){.mdl-mdh005 .mdl-container .m-left .m-titulo{max-width:40.7rem;margin:6rem 0 0}}@media (max-width: 1080px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 768px){.mdl-mdh005 .mdl-container{gap:2rem;flex-direction:column}.mdl-mdh005 .mdl-container .m-left{width:100%}.mdl-mdh005 .mdl-container .m-left .m-pretitulo{display:none}.mdl-mdh005 .mdl-container .m-left .m-titulo{margin:0}.mdl-mdh005 .mdl-container .m-right{width:100%}.mdl-mdh005 .mdl-container .m-right .m-texto{text-align:left}.mdl-mdh005 .mdl-container .m-tags{position:unset}}@media (max-width: 540px){.mdl-mdh005 .mdl-container .m-right{align-items:center}.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.2rem;line-height:3rem}}@media (max-width: 375px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2rem;line-height:2.6rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
14794
14793
  }
14795
14794
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtMdh005Component, decorators: [{
14796
14795
  type: Component,
14797
- args: [{ selector: 'c2-txt-svg-v2', standalone: true, imports: [CommonModule], template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase p-top para p\u00E1ginas sin hero -->\n<section\n class=\"mdl-mdh005 p-top\"\n [class.p-top]=\"content.withTopSpacing\"\n [class.text-center]=\"content.centerAlign\"\n>\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <div class=\"m-pretitulo\" *ngIf=\"content.pretitle\">\n {{ content.pretitle }}\n </div>\n <div class=\"m-titulo\">\n {{ content.title }}\n </div>\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-texto\">\n {{ content.description }}\n </div>\n </div>\n\n <div class=\"m-tags\" *ngIf=\"content.tags as tags\">\n <span class=\"m-rating\" *ngIf=\"tags.rating\">\n {{ tags.rating }}\n </span>\n <div class=\"m-keys\" *ngIf=\"keyIcons.length\">\n <ng-container\n *ngFor=\"let icon of keyIcons; trackBy: trackByIndex\"\n >\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"currentColor\"\n />\n </svg>\n </ng-container>\n </div>\n <span *ngIf=\"tags.badge\">\n {{ tags.badge }}\n </span>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-mdh005{margin:6rem 0}.mdl-mdh005.p-top{margin-top:18rem}.mdl-mdh005 .mdl-container{display:flex;position:relative}.mdl-mdh005 .mdl-container.text-center .m-left,.mdl-mdh005 .mdl-container.text-center .m-right .m-texto{text-align:center}.mdl-mdh005 .mdl-container .m-left{width:50%;display:flex;justify-content:flex-end;flex-direction:column}.mdl-mdh005 .mdl-container .m-left .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2rem;letter-spacing:.16rem;text-transform:uppercase;color:#515050b2}.mdl-mdh005 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-mdh005 .mdl-container .m-left .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh005 .mdl-container .m-left .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh005 .mdl-container .m-left .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-mdh005 .mdl-container .m-left .m-titulo{color:#515050;max-width:54.4rem;margin:7rem 0 0}.mdl-mdh005 .mdl-container .m-right{width:50%;display:flex;flex-direction:column;gap:4rem;align-items:flex-end;justify-content:flex-end}.mdl-mdh005 .mdl-container .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-mdh005 .mdl-container .m-right .m-texto{color:#51505099;text-align:end;max-width:62rem}.mdl-mdh005 .mdl-container .m-tags{color:#ff4338;margin-top:2rem;position:absolute;bottom:-4rem;display:flex;flex-direction:row;align-items:flex-end;gap:1rem}.mdl-mdh005 .mdl-container .m-tags .m-rating{font-family:jokker,sans-serif;font-size:2rem;line-height:2rem}.mdl-mdh005 .mdl-container .m-tags span{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;background-color:#ff4338;font-weight:500;color:#fff;padding:.4rem 1.2rem;border-radius:2rem;margin-left:1.5rem}.mdl-mdh005 .mdl-container .m-tags .m-keys{display:flex;flex-direction:row;align-items:center;gap:.5rem;color:#ff4338}@media (max-width: 1366px){.mdl-mdh005 .mdl-container .m-left .m-titulo{max-width:40.7rem;margin:6rem 0 0}}@media (max-width: 1080px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 768px){.mdl-mdh005 .mdl-container{gap:2rem;flex-direction:column}.mdl-mdh005 .mdl-container .m-left{width:100%}.mdl-mdh005 .mdl-container .m-left .m-pretitulo{display:none}.mdl-mdh005 .mdl-container .m-left .m-titulo{margin:0}.mdl-mdh005 .mdl-container .m-right{width:100%}.mdl-mdh005 .mdl-container .m-right .m-texto{text-align:left}.mdl-mdh005 .mdl-container .m-tags{position:unset}}@media (max-width: 540px){.mdl-mdh005 .mdl-container .m-right{align-items:center}.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.2rem;line-height:3rem}}@media (max-width: 375px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2rem;line-height:2.6rem}}\n"] }]
14796
+ args: [{ selector: 'c2-txt-mdh005', standalone: true, imports: [CommonModule], template: "<!-- COMENTARIO CONEXI\u00D3N: A\u00F1adir clase p-top para p\u00E1ginas sin hero -->\n<section\n class=\"mdl-mdh005 p-top\"\n [class.p-top]=\"content.withTopSpacing\"\n [class.text-center]=\"content.centerAlign\"\n>\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <div class=\"m-pretitulo\" *ngIf=\"content.pretitle\">\n {{ content.pretitle }}\n </div>\n <div class=\"m-titulo\">\n {{ content.title }}\n </div>\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-texto\">\n {{ content.description }}\n </div>\n </div>\n\n <div class=\"m-tags\" *ngIf=\"content.tags as tags\">\n <span class=\"m-rating\" *ngIf=\"tags.rating\">\n {{ tags.rating }}\n </span>\n <div class=\"m-keys\" *ngIf=\"keyIcons.length\">\n <ng-container\n *ngFor=\"let icon of keyIcons; trackBy: trackByIndex\"\n >\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"currentColor\"\n />\n </svg>\n </ng-container>\n </div>\n <span *ngIf=\"tags.badge\">\n {{ tags.badge }}\n </span>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-mdh005{margin:6rem 0}.mdl-mdh005.p-top{margin-top:18rem}.mdl-mdh005 .mdl-container{display:flex;position:relative}.mdl-mdh005 .mdl-container.text-center .m-left,.mdl-mdh005 .mdl-container.text-center .m-right .m-texto{text-align:center}.mdl-mdh005 .mdl-container .m-left{width:50%;display:flex;justify-content:flex-end;flex-direction:column}.mdl-mdh005 .mdl-container .m-left .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2rem;letter-spacing:.16rem;text-transform:uppercase;color:#515050b2}.mdl-mdh005 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-mdh005 .mdl-container .m-left .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh005 .mdl-container .m-left .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh005 .mdl-container .m-left .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-mdh005 .mdl-container .m-left .m-titulo{color:#515050;max-width:54.4rem;margin:7rem 0 0}.mdl-mdh005 .mdl-container .m-right{width:50%;display:flex;flex-direction:column;gap:4rem;align-items:flex-end;justify-content:flex-end}.mdl-mdh005 .mdl-container .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-mdh005 .mdl-container .m-right .m-texto{color:#51505099;text-align:end;max-width:62rem}.mdl-mdh005 .mdl-container .m-tags{color:#ff4338;margin-top:2rem;position:absolute;bottom:-4rem;display:flex;flex-direction:row;align-items:flex-end;gap:1rem}.mdl-mdh005 .mdl-container .m-tags .m-rating{font-family:jokker,sans-serif;font-size:2rem;line-height:2rem}.mdl-mdh005 .mdl-container .m-tags span{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;background-color:#ff4338;font-weight:500;color:#fff;padding:.4rem 1.2rem;border-radius:2rem;margin-left:1.5rem}.mdl-mdh005 .mdl-container .m-tags .m-keys{display:flex;flex-direction:row;align-items:center;gap:.5rem;color:#ff4338}@media (max-width: 1366px){.mdl-mdh005 .mdl-container .m-left .m-titulo{max-width:40.7rem;margin:6rem 0 0}}@media (max-width: 1080px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 768px){.mdl-mdh005 .mdl-container{gap:2rem;flex-direction:column}.mdl-mdh005 .mdl-container .m-left{width:100%}.mdl-mdh005 .mdl-container .m-left .m-pretitulo{display:none}.mdl-mdh005 .mdl-container .m-left .m-titulo{margin:0}.mdl-mdh005 .mdl-container .m-right{width:100%}.mdl-mdh005 .mdl-container .m-right .m-texto{text-align:left}.mdl-mdh005 .mdl-container .m-tags{position:unset}}@media (max-width: 540px){.mdl-mdh005 .mdl-container .m-right{align-items:center}.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2.2rem;line-height:3rem}}@media (max-width: 375px){.mdl-mdh005 .mdl-container .m-right .m-texto{font-size:2rem;line-height:2.6rem}}\n"] }]
14798
14797
  }], propDecorators: { content: [{
14799
14798
  type: Input
14800
14799
  }] } });
14801
14800
 
14802
- var left$1 = {
14801
+ var left$2 = {
14803
14802
  image: {
14804
14803
  url: "https://picsum.photos/600/500",
14805
14804
  alt: "Habitación con luz natural"
@@ -14809,7 +14808,7 @@ var left$1 = {
14809
14808
  label: "Ver condiciones"
14810
14809
  }
14811
14810
  };
14812
- var right = {
14811
+ var right$1 = {
14813
14812
  image: {
14814
14813
  url: "https://picsum.photos/800/600",
14815
14814
  alt: "Vista del resort"
@@ -14817,14 +14816,14 @@ var right = {
14817
14816
  title: "todo incluido",
14818
14817
  text: "Disfruta del desayuno, la comida y la cena, están incluidos para una vacaciones prefectas."
14819
14818
  };
14820
- var defaultContent$b = {
14821
- left: left$1,
14822
- right: right
14819
+ var defaultContent$d = {
14820
+ left: left$2,
14821
+ right: right$1
14823
14822
  };
14824
14823
 
14825
14824
  class C3TxtImgCtaComponent {
14826
14825
  constructor() {
14827
- this.fallbackContent = defaultContent$b;
14826
+ this.fallbackContent = defaultContent$d;
14828
14827
  this.content = this.fallbackContent;
14829
14828
  }
14830
14829
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C3TxtImgCtaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -14982,7 +14981,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
14982
14981
  type: Input
14983
14982
  }] } });
14984
14983
 
14985
- var left = {
14984
+ var left$1 = {
14986
14985
  title: "Contacta",
14987
14986
  text: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat."
14988
14987
  };
@@ -15046,7 +15045,7 @@ var form = {
15046
15045
  }
15047
15046
  };
15048
15047
  var componentData$1 = {
15049
- left: left,
15048
+ left: left$1,
15050
15049
  form: form
15051
15050
  };
15052
15051
 
@@ -15118,7 +15117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
15118
15117
  type: Input
15119
15118
  }] } });
15120
15119
 
15121
- var title$5 = "LUXURY RESIDENCES & SUITES";
15120
+ var title$6 = "LUXURY RESIDENCES & SUITES";
15122
15121
  var logo = {
15123
15122
  src: "/assets/babylon/images/branding/logomenu.svg",
15124
15123
  alt: "Logo"
@@ -15192,7 +15191,7 @@ var languageItems = [
15192
15191
  }
15193
15192
  ];
15194
15193
  var c4MeTxtSvgCtaData = {
15195
- title: title$5,
15194
+ title: title$6,
15196
15195
  logo: logo,
15197
15196
  icon: icon$1,
15198
15197
  iconclose: iconclose,
@@ -15296,7 +15295,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
15296
15295
  type: Input
15297
15296
  }] } });
15298
15297
 
15299
- var header = {
15298
+ var header$1 = {
15300
15299
  title: "Las mejores experiencias de",
15301
15300
  highlight: "Torre de Canyamel Group",
15302
15301
  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam."
@@ -15354,7 +15353,7 @@ var slides$1 = [
15354
15353
  }
15355
15354
  ];
15356
15355
  var componentData = {
15357
- header: header,
15356
+ header: header$1,
15358
15357
  slides: slides$1
15359
15358
  };
15360
15359
 
@@ -15415,7 +15414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
15415
15414
  type: Input
15416
15415
  }] } });
15417
15416
 
15418
- var title$4 = "Lo más destacado";
15417
+ var title$5 = "Lo más destacado";
15419
15418
  var items$1 = [
15420
15419
  {
15421
15420
  icon: "/assets/babylon/svg/icons/mejora.svg",
@@ -15441,12 +15440,12 @@ var items$1 = [
15441
15440
  subtitle: "Bajo petición y sujeto a disponibilidad"
15442
15441
  }
15443
15442
  ];
15444
- var defaultContent$a = {
15445
- title: title$4,
15443
+ var defaultContent$c = {
15444
+ title: title$5,
15446
15445
  items: items$1
15447
15446
  };
15448
15447
 
15449
- const DEFAULT_CONTENT$7 = defaultContent$a;
15448
+ const DEFAULT_CONTENT$7 = defaultContent$c;
15450
15449
  class C4TxtSvgComponent {
15451
15450
  constructor() {
15452
15451
  this.content = DEFAULT_CONTENT$7;
@@ -15464,8 +15463,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
15464
15463
  type: Input
15465
15464
  }] } });
15466
15465
 
15467
- var title$3 = "Destinos ALEGRIA";
15468
- var description$2 = "Explora nuestras propuestas creadas para disfrutar del Mediterráneo durante todo el año.";
15466
+ var title$4 = "Destinos ALEGRIA";
15467
+ var description$3 = "Explora nuestras propuestas creadas para disfrutar del Mediterráneo durante todo el año.";
15469
15468
  var topLink = {
15470
15469
  label: "Ver todas",
15471
15470
  url: "#"
@@ -15509,15 +15508,15 @@ var cards$2 = [
15509
15508
  }
15510
15509
  }
15511
15510
  ];
15512
- var defaultContent$9 = {
15513
- title: title$3,
15514
- description: description$2,
15511
+ var defaultContent$b = {
15512
+ title: title$4,
15513
+ description: description$3,
15515
15514
  topLink: topLink,
15516
15515
  cards: cards$2
15517
15516
  };
15518
15517
 
15519
15518
  Swiper.use([Navigation]);
15520
- const DEFAULT_CONTENT$6 = defaultContent$9;
15519
+ const DEFAULT_CONTENT$6 = defaultContent$b;
15521
15520
  class CarC2TxtCtaComponent {
15522
15521
  constructor(host) {
15523
15522
  this.host = host;
@@ -15652,11 +15651,11 @@ var cards$1 = [
15652
15651
  }
15653
15652
  }
15654
15653
  ];
15655
- var defaultContent$8 = {
15654
+ var defaultContent$a = {
15656
15655
  cards: cards$1
15657
15656
  };
15658
15657
 
15659
- const DEFAULT_CONTENT$5 = defaultContent$8;
15658
+ const DEFAULT_CONTENT$5 = defaultContent$a;
15660
15659
  class LisC2ImgTxtCv4Component {
15661
15660
  constructor() {
15662
15661
  this.content = DEFAULT_CONTENT$5;
@@ -15855,7 +15854,7 @@ var items = [
15855
15854
  var footerHighlight = "¿Sabes lo mejor de todo?";
15856
15855
  var footerComplement = "Que somos un hotel adults recommended que ha elaborado una receta exclusiva para ti.";
15857
15856
  var lensIcon = "/assets/babylon/svg/icons/lens.svg";
15858
- var defaultContent$7 = {
15857
+ var defaultContent$9 = {
15859
15858
  categories: categories,
15860
15859
  rooms: rooms$1,
15861
15860
  items: items,
@@ -15864,7 +15863,7 @@ var defaultContent$7 = {
15864
15863
  lensIcon: lensIcon
15865
15864
  };
15866
15865
 
15867
- const DEFAULT_CONTENT$4 = defaultContent$7;
15866
+ const DEFAULT_CONTENT$4 = defaultContent$9;
15868
15867
  class LisC2TxtImgComponent {
15869
15868
  constructor(host) {
15870
15869
  this.host = host;
@@ -16011,6 +16010,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
16011
16010
  args: ['categoriesModal']
16012
16011
  }] } });
16013
16012
 
16013
+ var title$3 = "Las ofertas";
16014
+ var description$2 = "Tarifas especiales, descuentos únicos y el mejor precio online.";
16015
+ var offers = [
16016
+ {
16017
+ title: "Reservar por la web tiene muchas ventajas",
16018
+ subtitle: "Alegria Group",
16019
+ metricLabel: "Desde",
16020
+ metricValue: "94€",
16021
+ primaryButton: {
16022
+ label: "Reservar ahora"
16023
+ },
16024
+ secondaryButton: {
16025
+ label: "Más información"
16026
+ },
16027
+ tag: "oferta",
16028
+ image: {
16029
+ url: "https://picsum.photos/700/500",
16030
+ alt: "Oferta destacada"
16031
+ },
16032
+ floatIcon: {
16033
+ url: "/assets/babylon/svg/icons/happyvacations.svg",
16034
+ alt: "Happy vacations"
16035
+ },
16036
+ duplicateFloatIcon: true
16037
+ },
16038
+ {
16039
+ title: "Reservar por la web tiene muchas ventajas",
16040
+ subtitle: "Alegria Group",
16041
+ metricLabel: "Descuento",
16042
+ metricValue: "8%",
16043
+ primaryButton: {
16044
+ label: "Reservar ahora"
16045
+ },
16046
+ secondaryButton: {
16047
+ label: "Más información"
16048
+ },
16049
+ tag: "oferta",
16050
+ image: {
16051
+ url: "https://picsum.photos/700/502",
16052
+ alt: "Oferta con descuento"
16053
+ },
16054
+ reverse: true
16055
+ },
16056
+ {
16057
+ title: "Reservar por la web tiene muchas ventajas",
16058
+ subtitle: "Alegria Group",
16059
+ metricLabel: "Desde",
16060
+ metricValue: "94€",
16061
+ primaryButton: {
16062
+ label: "Reservar ahora"
16063
+ },
16064
+ secondaryButton: {
16065
+ label: "Más información"
16066
+ },
16067
+ tag: "oferta",
16068
+ image: {
16069
+ url: "https://picsum.photos/700/503",
16070
+ alt: "Oferta especial"
16071
+ },
16072
+ floatIcon: {
16073
+ url: "/assets/babylon/svg/icons/specialoffer.svg",
16074
+ alt: "Special offer"
16075
+ },
16076
+ duplicateFloatIcon: true
16077
+ }
16078
+ ];
16079
+ var defaultContent$8 = {
16080
+ title: title$3,
16081
+ description: description$2,
16082
+ offers: offers
16083
+ };
16084
+
16085
+ class LisC2TxtImgSvgCComponent {
16086
+ constructor() {
16087
+ this.fallbackContent = defaultContent$8;
16088
+ this.content = this.fallbackContent;
16089
+ }
16090
+ trackByIndex(index) {
16091
+ return index;
16092
+ }
16093
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgSvgCComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
16094
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LisC2TxtImgSvgCComponent, isStandalone: true, selector: "lis-c2-txt-img-svg-c", inputs: { content: "content" }, ngImport: i0, template: "<section class=\"mdl-md005\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n <h2 class=\"m-title\">{{ content.title }}</h2>\n <div class=\"m-text\">\n {{ content.description }}\n </div>\n </div>\n\n <div\n class=\"m-oferta-item\"\n *ngFor=\"let offer of content.offers; trackBy: trackByIndex\"\n [class.reverse]=\"offer.reverse\"\n >\n <div class=\"mdl-content\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n <div class=\"m-title\">\n {{ offer.title }}\n </div>\n <div class=\"m-texto\">{{ offer.subtitle }}</div>\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n <div class=\"m-texto\">{{ offer.metricLabel }}</div>\n <div class=\"m-precio\">{{ offer.metricValue }}</div>\n </div>\n <div class=\"m-right\">\n <ng-container *ngIf=\"offer.primaryButton as primary\">\n <a\n *ngIf=\"primary.url; else primaryFallback\"\n class=\"m-button-sm\"\n [ngClass]=\"primary.classes\"\n [href]=\"primary.url\"\n [attr.target]=\"primary.target || '_self'\"\n [attr.rel]=\"(primary.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"primary.ariaLabel || primary.label\"\n >\n <span>{{ primary.label }}</span>\n </a>\n <ng-template #primaryFallback>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"primary.classes\"\n [attr.aria-label]=\"primary.ariaLabel || primary.label\"\n >\n <span>{{ primary.label }}</span>\n </button>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"offer.secondaryButton as secondary\">\n <a\n *ngIf=\"secondary.url; else secondaryFallback\"\n class=\"m-underline\"\n [ngClass]=\"secondary.classes\"\n [href]=\"secondary.url\"\n [attr.target]=\"secondary.target || '_self'\"\n [attr.rel]=\"(secondary.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"secondary.ariaLabel || secondary.label\"\n >\n <span>{{ secondary.label }}</span>\n </a>\n <ng-template #secondaryFallback>\n <button\n type=\"button\"\n class=\"m-underline\"\n [ngClass]=\"secondary.classes\"\n [attr.aria-label]=\"secondary.ariaLabel || secondary.label\"\n >\n <span>{{ secondary.label }}</span>\n </button>\n </ng-template>\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n <div class=\"m-right\">\n <div class=\"m-tag\" *ngIf=\"offer.tag\">{{ offer.tag }}</div>\n <img [src]=\"offer.image.url\" [alt]=\"offer.image.alt\" loading=\"lazy\" />\n <img\n *ngIf=\"offer.floatIcon\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n />\n </div>\n </div>\n <img\n *ngIf=\"offer.floatIcon && offer.duplicateFloatIcon !== false\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n />\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
16095
+ }
16096
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgSvgCComponent, decorators: [{
16097
+ type: Component,
16098
+ args: [{ selector: 'lis-c2-txt-img-svg-c', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-md005\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n <h2 class=\"m-title\">{{ content.title }}</h2>\n <div class=\"m-text\">\n {{ content.description }}\n </div>\n </div>\n\n <div\n class=\"m-oferta-item\"\n *ngFor=\"let offer of content.offers; trackBy: trackByIndex\"\n [class.reverse]=\"offer.reverse\"\n >\n <div class=\"mdl-content\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <div class=\"m-top\">\n <div class=\"m-title\">\n {{ offer.title }}\n </div>\n <div class=\"m-texto\">{{ offer.subtitle }}</div>\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n <div class=\"m-texto\">{{ offer.metricLabel }}</div>\n <div class=\"m-precio\">{{ offer.metricValue }}</div>\n </div>\n <div class=\"m-right\">\n <ng-container *ngIf=\"offer.primaryButton as primary\">\n <a\n *ngIf=\"primary.url; else primaryFallback\"\n class=\"m-button-sm\"\n [ngClass]=\"primary.classes\"\n [href]=\"primary.url\"\n [attr.target]=\"primary.target || '_self'\"\n [attr.rel]=\"(primary.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"primary.ariaLabel || primary.label\"\n >\n <span>{{ primary.label }}</span>\n </a>\n <ng-template #primaryFallback>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"primary.classes\"\n [attr.aria-label]=\"primary.ariaLabel || primary.label\"\n >\n <span>{{ primary.label }}</span>\n </button>\n </ng-template>\n </ng-container>\n <ng-container *ngIf=\"offer.secondaryButton as secondary\">\n <a\n *ngIf=\"secondary.url; else secondaryFallback\"\n class=\"m-underline\"\n [ngClass]=\"secondary.classes\"\n [href]=\"secondary.url\"\n [attr.target]=\"secondary.target || '_self'\"\n [attr.rel]=\"(secondary.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"secondary.ariaLabel || secondary.label\"\n >\n <span>{{ secondary.label }}</span>\n </a>\n <ng-template #secondaryFallback>\n <button\n type=\"button\"\n class=\"m-underline\"\n [ngClass]=\"secondary.classes\"\n [attr.aria-label]=\"secondary.ariaLabel || secondary.label\"\n >\n <span>{{ secondary.label }}</span>\n </button>\n </ng-template>\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n <div class=\"m-right\">\n <div class=\"m-tag\" *ngIf=\"offer.tag\">{{ offer.tag }}</div>\n <img [src]=\"offer.image.url\" [alt]=\"offer.image.alt\" loading=\"lazy\" />\n <img\n *ngIf=\"offer.floatIcon\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n />\n </div>\n </div>\n <img\n *ngIf=\"offer.floatIcon && offer.duplicateFloatIcon !== false\"\n class=\"m-floatimg\"\n [src]=\"offer.floatIcon.url\"\n [alt]=\"offer.floatIcon.alt\"\n loading=\"lazy\"\n />\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-md005{padding:13.1rem 0}.mdl-md005 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:-14rem}.mdl-md005 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-title{width:40rem;color:#515050}.mdl-md005 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md005 .mdl-container .m-content-top .m-text{width:62rem;color:#51505099;text-align:right}.mdl-md005 .mdl-container .m-oferta-item{width:100%;max-width:140rem;height:auto;padding:0!important;position:relative;background-color:#fff9f9;margin:20rem auto 0}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content{flex-direction:row-reverse}.mdl-md005 .mdl-container .m-oferta-item.reverse .mdl-content .m-right .m-tag{right:auto;left:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:100%;display:flex}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:40rem;padding:7rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:100%}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.4rem;line-height:2.8rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;line-height:2.6rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{color:#515050;max-width:40rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-texto{margin-top:2.5rem;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{width:100%;display:flex;padding-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{width:50%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:100%;color:#51505099}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{font-size:3.8rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-top:2.4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline{color:#515050}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-right .m-underline:hover{color:#ed3b37}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:50%;position:relative}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{font-size:1.1rem}}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-tag{color:#fff;position:absolute;top:2rem;right:2rem;background-color:#ff4338;padding:.4rem 1.5rem;border-radius:20rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right img{width:100%;height:100%;object-fit:cover;display:block}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{display:none;position:absolute}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{position:absolute;left:50%;transform:translate(-50%);bottom:-17%;width:67%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close svg{display:none}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 1366px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{gap:5.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{min-height:34rem;padding:4rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-oferta-item{margin:14rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:35.6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:125%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem;min-height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{padding-bottom:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{padding-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right{width:100%}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-oferta-item{margin:5rem auto 0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{height:auto}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{width:65vw;display:block;height:auto;bottom:-5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left{width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:3rem 3rem 6rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{margin-top:4rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content{flex-direction:column-reverse!important;max-height:auto}.mdl-md005 .mdl-container .m-oferta-item .m-floatimg{display:none}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item{max-width:42rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.2rem;right:-3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content{padding:3rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}}@media (max-width: 540px) and (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-content .m-text{font-size:1.6rem;line-height:2.2rem}}@media (max-width: 540px){.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom{flex-direction:column;align-items:center;gap:3.8rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left{display:flex;flex-direction:row;gap:.9rem;width:100%}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-texto{display:flex;align-items:center}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-bottom .m-left .m-precio{margin:0}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2.3rem}}@media (max-width: 375px){.mdl-md005 .mdl-container .m-oferta-item{max-width:31rem}.mdl-md005 .mdl-container .m-oferta-item .carousel__button.is-close{width:2.8rem;height:2.8rem;top:-3.5rem;right:-1.2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-right .m-floatimg{bottom:-4rem!important}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content{padding:2.5rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top{margin-top:2rem}.mdl-md005 .mdl-container .m-oferta-item .mdl-content .m-left .m-content .m-top .m-title{font-size:2rem;margin-top:2rem}}@media (max-width: 1080px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-11rem}.mdl-md005 .mdl-container .m-content-top .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 900px){.mdl-md005 .mdl-container .m-content-top{margin-bottom:-2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:0 2rem;width:calc(100% - 4rem)}.mdl-md005 .mdl-container .m-content-top .m-text{text-align:left;margin-top:1rem;width:100%;font-size:2.2rem;line-height:2.6rem}}\n"] }]
16099
+ }], propDecorators: { content: [{
16100
+ type: Input
16101
+ }] } });
16102
+
16014
16103
  var sectionTitle = "contacto";
16015
16104
  var description$1 = "Si tienes cualquier duda o si quieres más informacion de los hoteles y apartamentos contáctanos.";
16016
16105
  var heroImage = {
@@ -16125,7 +16214,7 @@ var legalCheckboxes = [
16125
16214
  ];
16126
16215
  var submitLabel = "Enviar";
16127
16216
  var note = "GESTIHOTELS ALEGRIA S.L como responsable del tratamiento tratará tus datos con la finalidad de dar respuesta a tu consulta o petición. Puedes acceder, rectificar y suprimir tus datos, así como ejercer otros derechos consultando la información adicional y detallada sobre protección de datos en nuestra Politica de rpivacidad.";
16128
- var defaultContent$6 = {
16217
+ var defaultContent$7 = {
16129
16218
  sectionTitle: sectionTitle,
16130
16219
  description: description$1,
16131
16220
  heroImage: heroImage,
@@ -16142,7 +16231,7 @@ var defaultContent$6 = {
16142
16231
 
16143
16232
  class LisC3TxtImgCtComponent {
16144
16233
  constructor() {
16145
- this.fallbackContent = defaultContent$6;
16234
+ this.fallbackContent = defaultContent$7;
16146
16235
  this.content = this.fallbackContent;
16147
16236
  this.formSubmit = new EventEmitter();
16148
16237
  }
@@ -16298,13 +16387,13 @@ var cards = [
16298
16387
  emptyText: "Tus próximas vacaciones te esperan en unos de nuestros destinos."
16299
16388
  }
16300
16389
  ];
16301
- var defaultContent$5 = {
16390
+ var defaultContent$6 = {
16302
16391
  title: title$2,
16303
16392
  selects: selects,
16304
16393
  cards: cards
16305
16394
  };
16306
16395
 
16307
- const DEFAULT_CONTENT$3 = defaultContent$5;
16396
+ const DEFAULT_CONTENT$3 = defaultContent$6;
16308
16397
  class LisC4TxtDesCtaComponent {
16309
16398
  constructor() {
16310
16399
  this.content = DEFAULT_CONTENT$3;
@@ -16328,13 +16417,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
16328
16417
  var image = "https://picsum.photos/2000/1000";
16329
16418
  var tagText = "El destino perfecto para relajarse y disfrutar del momento.";
16330
16419
  var icon = "/assets/babylon/svg/icons/heartTrans.svg";
16331
- var defaultContent$4 = {
16420
+ var defaultContent$5 = {
16332
16421
  image: image,
16333
16422
  tagText: tagText,
16334
16423
  icon: icon
16335
16424
  };
16336
16425
 
16337
- const DEFAULT_CONTENT$2 = defaultContent$4;
16426
+ const DEFAULT_CONTENT$2 = defaultContent$5;
16338
16427
  class SliC1ImgSvgComponent {
16339
16428
  constructor() {
16340
16429
  this.content = DEFAULT_CONTENT$2;
@@ -16377,7 +16466,7 @@ var sliderImages = [
16377
16466
  ];
16378
16467
  var reverseLayout = true;
16379
16468
  var autoplayDelayMs = 5000;
16380
- var defaultContent$3 = {
16469
+ var defaultContent$4 = {
16381
16470
  staticImage: staticImage,
16382
16471
  sliderImages: sliderImages,
16383
16472
  reverseLayout: reverseLayout,
@@ -16386,7 +16475,7 @@ var defaultContent$3 = {
16386
16475
 
16387
16476
  class SliC2ImgComponent {
16388
16477
  constructor() {
16389
- this.fallbackContent = defaultContent$3;
16478
+ this.fallbackContent = defaultContent$4;
16390
16479
  this.content = this.fallbackContent;
16391
16480
  this.reverse = false;
16392
16481
  this.platformId = inject(PLATFORM_ID);
@@ -16490,7 +16579,7 @@ var primaryButton = {
16490
16579
  var secondaryButton = {
16491
16580
  label: "Ver planes y ventajas"
16492
16581
  };
16493
- var defaultContent$2 = {
16582
+ var defaultContent$3 = {
16494
16583
  title: title$1,
16495
16584
  mainImage: mainImage,
16496
16585
  centralImage: centralImage,
@@ -16502,7 +16591,7 @@ var defaultContent$2 = {
16502
16591
 
16503
16592
  class SliC2ImgTxtCtaV3Component {
16504
16593
  constructor() {
16505
- this.fallbackContent = defaultContent$2;
16594
+ this.fallbackContent = defaultContent$3;
16506
16595
  this.content = this.fallbackContent;
16507
16596
  this.reverse = false;
16508
16597
  }
@@ -16558,11 +16647,11 @@ var rooms = [
16558
16647
  }
16559
16648
  }
16560
16649
  ];
16561
- var defaultContent$1 = {
16650
+ var defaultContent$2 = {
16562
16651
  rooms: rooms
16563
16652
  };
16564
16653
 
16565
- const DEFAULT_CONTENT$1 = defaultContent$1;
16654
+ const DEFAULT_CONTENT$1 = defaultContent$2;
16566
16655
  class SliC2ImgTxtCv5Component {
16567
16656
  constructor() {
16568
16657
  this.content = DEFAULT_CONTENT$1;
@@ -16603,13 +16692,13 @@ var slides = [
16603
16692
  }
16604
16693
  }
16605
16694
  ];
16606
- var defaultContent = {
16695
+ var defaultContent$1 = {
16607
16696
  title: title,
16608
16697
  slides: slides
16609
16698
  };
16610
16699
 
16611
16700
  Swiper.use([Navigation]);
16612
- const DEFAULT_CONTENT = defaultContent;
16701
+ const DEFAULT_CONTENT = defaultContent$1;
16613
16702
  class SliC2TxtCarImgCComponent {
16614
16703
  constructor() {
16615
16704
  this.content = DEFAULT_CONTENT;
@@ -16676,6 +16765,154 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
16676
16765
  args: ['prevButton']
16677
16766
  }] } });
16678
16767
 
16768
+ var header = {
16769
+ pretitle: "oferta",
16770
+ title: "Reservar por la web tiene muchas ventajas",
16771
+ subtitle: "Alegria Palacio Mojácar",
16772
+ priceTitle: "Desde",
16773
+ price: "94€",
16774
+ button: {
16775
+ label: "Reservar ahora"
16776
+ }
16777
+ };
16778
+ var left = {
16779
+ stickyImage: {
16780
+ url: "https://picsum.photos/500/600",
16781
+ alt: "Acceso al parque"
16782
+ },
16783
+ badgeImage: {
16784
+ url: "/assets/babylon/svg/icons/specialoffer.svg",
16785
+ alt: "Oferta especial"
16786
+ },
16787
+ logo: {
16788
+ url: "/assets/babylon/svg/icons/newsico.svg",
16789
+ alt: "Logo Aquafun"
16790
+ }
16791
+ };
16792
+ var right = {
16793
+ heroImage: {
16794
+ url: "https://picsum.photos/900/600",
16795
+ alt: "Familia en la piscina"
16796
+ },
16797
+ description: "Many desktop publishing packages and web page editors now use lorem ipsum as their default model text, and a search for lorem ipsum will uncover many web sites still in their infancy accident, sometimes on purpose injected humour and the like, is readable content of a page when looking , desktop publishing packages and web page editors now use lorem ipsum as their default model text, and a search for lorem ipsum will uncover.",
16798
+ mobileImage: {
16799
+ url: "https://picsum.photos/600/500",
16800
+ alt: "Parque acuático"
16801
+ },
16802
+ mobileLogo: {
16803
+ url: "/assets/babylon/svg/icons/specialoffer.svg",
16804
+ alt: "Oferta móvil"
16805
+ },
16806
+ highlights: [
16807
+ "Horario temporada 2026",
16808
+ "Lunes a domingo de 11:00 a 19:00h",
16809
+ "Medio día de 15:00 a 19:00h",
16810
+ "Día completo de 11:00 a 19:00h",
16811
+ "En condiciones climáticas adversas, el parque permanecerá cerrado."
16812
+ ],
16813
+ extraButton: {
16814
+ label: "Reservar ahora",
16815
+ variant: "red"
16816
+ },
16817
+ footerLink: {
16818
+ label: "Volver al listado"
16819
+ }
16820
+ };
16821
+ var defaultContent = {
16822
+ header: header,
16823
+ left: left,
16824
+ right: right
16825
+ };
16826
+
16827
+ class SliC2TxtImgSvgCComponent {
16828
+ constructor(platformId) {
16829
+ this.platformId = platformId;
16830
+ this.fallbackContent = defaultContent;
16831
+ this.content = this.fallbackContent;
16832
+ this.stickyInitialTop = 0;
16833
+ this.viewportHandler = () => this.handleViewportChange();
16834
+ }
16835
+ get isBrowser() {
16836
+ return isPlatformBrowser(this.platformId);
16837
+ }
16838
+ ngAfterViewInit() {
16839
+ this.computeStickyDefaults();
16840
+ this.handleViewportChange();
16841
+ this.bindViewportEvents();
16842
+ }
16843
+ ngOnChanges(changes) {
16844
+ if (changes['content']) {
16845
+ queueMicrotask(() => {
16846
+ this.computeStickyDefaults();
16847
+ this.handleViewportChange();
16848
+ });
16849
+ }
16850
+ }
16851
+ ngOnDestroy() {
16852
+ if (!this.isBrowser) {
16853
+ return;
16854
+ }
16855
+ window.removeEventListener('scroll', this.viewportHandler);
16856
+ window.removeEventListener('resize', this.viewportHandler);
16857
+ }
16858
+ bindViewportEvents() {
16859
+ if (!this.isBrowser) {
16860
+ return;
16861
+ }
16862
+ window.addEventListener('scroll', this.viewportHandler, { passive: true });
16863
+ window.addEventListener('resize', this.viewportHandler);
16864
+ }
16865
+ computeStickyDefaults() {
16866
+ const sticky = this.stickyContainer?.nativeElement;
16867
+ if (!sticky) {
16868
+ return;
16869
+ }
16870
+ const computedTop = getComputedStyle(sticky).top || '0';
16871
+ this.stickyInitialTop = parseFloat(computedTop) || 0;
16872
+ const container = sticky.closest('.m-left');
16873
+ if (container && getComputedStyle(container).position === 'static') {
16874
+ container.style.position = 'relative';
16875
+ }
16876
+ }
16877
+ handleViewportChange() {
16878
+ if (!this.isBrowser) {
16879
+ return;
16880
+ }
16881
+ const sticky = this.stickyContainer?.nativeElement;
16882
+ const logo = this.logoStopper?.nativeElement;
16883
+ if (!sticky || !logo) {
16884
+ return;
16885
+ }
16886
+ const stickyRect = sticky.getBoundingClientRect();
16887
+ const logoRect = logo.getBoundingClientRect();
16888
+ if (stickyRect.bottom >= logoRect.top) {
16889
+ sticky.style.position = 'absolute';
16890
+ sticky.style.top = `${logo.offsetTop - sticky.offsetHeight}px`;
16891
+ }
16892
+ else {
16893
+ sticky.style.position = 'sticky';
16894
+ sticky.style.top = `${this.stickyInitialTop}px`;
16895
+ }
16896
+ }
16897
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2TxtImgSvgCComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
16898
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SliC2TxtImgSvgCComponent, isStandalone: true, selector: "sli-c2-txt-img-svg-c", inputs: { content: "content" }, viewQueries: [{ propertyName: "stickyContainer", first: true, predicate: ["stickyContainer"], descendants: true }, { propertyName: "logoStopper", first: true, predicate: ["logoStopper"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-md006\">\n <div class=\"mdl-container\">\n <div class=\"m-head\" *ngIf=\"content.header as header\">\n <div class=\"m-left-head\">\n <div class=\"m-pretitulo\">{{ header.pretitle }}</div>\n <h2 class=\"m-titulo\">{{ header.title }}</h2>\n <div class=\"m-subtitulo\">{{ header.subtitle }}</div>\n </div>\n <div class=\"m-right-head\">\n <div class=\"m-content\">\n <div class=\"m-preciotitulo\">{{ header.priceTitle }}</div>\n <div class=\"m-precio\">{{ header.price }}</div>\n <ng-container *ngIf=\"header.button as button\">\n <a\n *ngIf=\"button.url; else headerButton\"\n class=\"m-button-sm\"\n [ngClass]=\"button.variant\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"(button.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"button.ariaLabel || button.label\"\n >\n {{ button.label }}\n </a>\n <ng-template #headerButton>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"button.variant\"\n [attr.aria-label]=\"button.ariaLabel || button.label\"\n >\n {{ button.label }}\n </button>\n </ng-template>\n </ng-container>\n </div>\n </div>\n </div>\n\n <div class=\"m-contenido\" *ngIf=\"content.left as left\">\n <div class=\"m-left\">\n <div class=\"m-imagesticky\" #stickyContainer>\n <img\n class=\"m-sticky\"\n [src]=\"left.stickyImage.url\"\n [alt]=\"left.stickyImage.alt\"\n loading=\"lazy\"\n />\n <img\n *ngIf=\"left.badgeImage\"\n class=\"m-offer\"\n [src]=\"left.badgeImage.url\"\n [alt]=\"left.badgeImage.alt\"\n loading=\"lazy\"\n />\n </div>\n <div class=\"m-logo\" #logoStopper>\n <img\n [src]=\"left.logo.url\"\n [alt]=\"left.logo.alt\"\n loading=\"lazy\"\n />\n </div>\n </div>\n\n <div class=\"m-right\" *ngIf=\"content.right as right\">\n <div class=\"m-image\">\n <img\n [src]=\"right.heroImage.url\"\n [alt]=\"right.heroImage.alt\"\n loading=\"lazy\"\n />\n </div>\n <div class=\"m-texto\">\n {{ right.description }}\n </div>\n <div class=\"m-imagenmobile\">\n <img\n class=\"m-imgmb\"\n [src]=\"right.mobileImage.url\"\n [alt]=\"right.mobileImage.alt\"\n loading=\"lazy\"\n />\n <img\n class=\"m-logo\"\n [src]=\"right.mobileLogo.url\"\n [alt]=\"right.mobileLogo.alt\"\n loading=\"lazy\"\n />\n </div>\n\n <div class=\"m-listadofaqs\">\n <div\n class=\"faq-item\"\n *ngFor=\"let highlight of right.highlights; let highlightIndex = index\"\n [class.active]=\"highlightIndex === 0\"\n >\n <div class=\"faq-question\">\n {{ highlight }}\n </div>\n </div>\n\n <div class=\"m-extra-info\" *ngIf=\"right.extraButton as extraButton\">\n <div class=\"m-row2\">\n <div class=\"m-content-row2\">\n <a\n *ngIf=\"extraButton.url; else extraButtonFallback\"\n class=\"m-button-sm\"\n [ngClass]=\"extraButton.variant\"\n [href]=\"extraButton.url\"\n [attr.target]=\"extraButton.target || '_self'\"\n [attr.rel]=\"(extraButton.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"extraButton.ariaLabel || extraButton.label\"\n >\n {{ extraButton.label }}\n </a>\n <ng-template #extraButtonFallback>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"extraButton.variant\"\n [attr.aria-label]=\"extraButton.ariaLabel || extraButton.label\"\n >\n {{ extraButton.label }}\n </button>\n </ng-template>\n </div>\n </div>\n </div>\n\n <div class=\"m-foot\" *ngIf=\"right.footerLink as footer\">\n <a\n *ngIf=\"footer.url; else footerFallback\"\n class=\"m-but m-underline-red\"\n [href]=\"footer.url\"\n [attr.target]=\"footer.target || '_self'\"\n [attr.rel]=\"(footer.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"footer.ariaLabel || footer.label\"\n >\n {{ footer.label }}\n </a>\n <ng-template #footerFallback>\n <button\n type=\"button\"\n class=\"m-but m-underline-red\"\n [attr.aria-label]=\"footer.ariaLabel || footer.label\"\n >\n {{ footer.label }}\n </button>\n </ng-template>\n <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n opacity=\"0.7\"\n d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n fill=\"#515050\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-20rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-9rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
16899
+ }
16900
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2TxtImgSvgCComponent, decorators: [{
16901
+ type: Component,
16902
+ args: [{ selector: 'sli-c2-txt-img-svg-c', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-md006\">\n <div class=\"mdl-container\">\n <div class=\"m-head\" *ngIf=\"content.header as header\">\n <div class=\"m-left-head\">\n <div class=\"m-pretitulo\">{{ header.pretitle }}</div>\n <h2 class=\"m-titulo\">{{ header.title }}</h2>\n <div class=\"m-subtitulo\">{{ header.subtitle }}</div>\n </div>\n <div class=\"m-right-head\">\n <div class=\"m-content\">\n <div class=\"m-preciotitulo\">{{ header.priceTitle }}</div>\n <div class=\"m-precio\">{{ header.price }}</div>\n <ng-container *ngIf=\"header.button as button\">\n <a\n *ngIf=\"button.url; else headerButton\"\n class=\"m-button-sm\"\n [ngClass]=\"button.variant\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"(button.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"button.ariaLabel || button.label\"\n >\n {{ button.label }}\n </a>\n <ng-template #headerButton>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"button.variant\"\n [attr.aria-label]=\"button.ariaLabel || button.label\"\n >\n {{ button.label }}\n </button>\n </ng-template>\n </ng-container>\n </div>\n </div>\n </div>\n\n <div class=\"m-contenido\" *ngIf=\"content.left as left\">\n <div class=\"m-left\">\n <div class=\"m-imagesticky\" #stickyContainer>\n <img\n class=\"m-sticky\"\n [src]=\"left.stickyImage.url\"\n [alt]=\"left.stickyImage.alt\"\n loading=\"lazy\"\n />\n <img\n *ngIf=\"left.badgeImage\"\n class=\"m-offer\"\n [src]=\"left.badgeImage.url\"\n [alt]=\"left.badgeImage.alt\"\n loading=\"lazy\"\n />\n </div>\n <div class=\"m-logo\" #logoStopper>\n <img\n [src]=\"left.logo.url\"\n [alt]=\"left.logo.alt\"\n loading=\"lazy\"\n />\n </div>\n </div>\n\n <div class=\"m-right\" *ngIf=\"content.right as right\">\n <div class=\"m-image\">\n <img\n [src]=\"right.heroImage.url\"\n [alt]=\"right.heroImage.alt\"\n loading=\"lazy\"\n />\n </div>\n <div class=\"m-texto\">\n {{ right.description }}\n </div>\n <div class=\"m-imagenmobile\">\n <img\n class=\"m-imgmb\"\n [src]=\"right.mobileImage.url\"\n [alt]=\"right.mobileImage.alt\"\n loading=\"lazy\"\n />\n <img\n class=\"m-logo\"\n [src]=\"right.mobileLogo.url\"\n [alt]=\"right.mobileLogo.alt\"\n loading=\"lazy\"\n />\n </div>\n\n <div class=\"m-listadofaqs\">\n <div\n class=\"faq-item\"\n *ngFor=\"let highlight of right.highlights; let highlightIndex = index\"\n [class.active]=\"highlightIndex === 0\"\n >\n <div class=\"faq-question\">\n {{ highlight }}\n </div>\n </div>\n\n <div class=\"m-extra-info\" *ngIf=\"right.extraButton as extraButton\">\n <div class=\"m-row2\">\n <div class=\"m-content-row2\">\n <a\n *ngIf=\"extraButton.url; else extraButtonFallback\"\n class=\"m-button-sm\"\n [ngClass]=\"extraButton.variant\"\n [href]=\"extraButton.url\"\n [attr.target]=\"extraButton.target || '_self'\"\n [attr.rel]=\"(extraButton.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"extraButton.ariaLabel || extraButton.label\"\n >\n {{ extraButton.label }}\n </a>\n <ng-template #extraButtonFallback>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"extraButton.variant\"\n [attr.aria-label]=\"extraButton.ariaLabel || extraButton.label\"\n >\n {{ extraButton.label }}\n </button>\n </ng-template>\n </div>\n </div>\n </div>\n\n <div class=\"m-foot\" *ngIf=\"right.footerLink as footer\">\n <a\n *ngIf=\"footer.url; else footerFallback\"\n class=\"m-but m-underline-red\"\n [href]=\"footer.url\"\n [attr.target]=\"footer.target || '_self'\"\n [attr.rel]=\"(footer.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n [attr.aria-label]=\"footer.ariaLabel || footer.label\"\n >\n {{ footer.label }}\n </a>\n <ng-template #footerFallback>\n <button\n type=\"button\"\n class=\"m-but m-underline-red\"\n [attr.aria-label]=\"footer.ariaLabel || footer.label\"\n >\n {{ footer.label }}\n </button>\n </ng-template>\n <svg width=\"16\" height=\"12\" viewBox=\"0 0 16 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n opacity=\"0.7\"\n d=\"M0.0457363 6.829C-0.0152636 6.683 -0.0152636 6.516 0.0457363 6.37C0.0767365 6.297 0.120737 6.229 0.176737 6.175L4.17574 2.175C4.40974 1.941 4.78874 1.941 5.02374 2.175C5.25874 2.409 5.25774 2.789 5.02374 3.024L2.04774 6H12.0997C14.4097 6 14.4997 5.798 14.4997 0.6C14.4997 0.268 14.7687 0 15.0997 0C15.4307 0 15.6997 0.268 15.6997 0.6C15.6997 5.537 15.6997 7.2 12.0987 7.2H2.04674L5.02374 10.177C5.25774 10.41 5.25774 10.791 5.02374 11.025C4.90674 11.142 4.75274 11.201 4.59974 11.201C4.44674 11.201 4.29274 11.142 4.17574 11.025L0.176737 7.026C0.120737 6.969 0.0777359 6.903 0.0457363 6.829Z\"\n fill=\"#515050\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset!important}.mdl-md006{margin-top:15rem;margin-bottom:15rem;position:relative}.mdl-md006:before{content:\"\";position:absolute;background-color:#fff9f9;height:68rem;width:100%;z-index:-1;left:0;top:-10rem}.mdl-md006 .mdl-container{max-width:125rem}.mdl-md006 .mdl-container .m-head{display:flex}.mdl-md006 .mdl-container .m-head .m-left-head{height:20rem;width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;line-height:2.2rem;text-transform:uppercase}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.2rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{font-size:1.1rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-pretitulo{background-color:#ff4338;color:#fff;font-weight:500;padding:.5rem 2.2rem;border-radius:2rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-md006 .mdl-container .m-head .m-left-head .m-titulo{color:#515050;width:100%;max-width:70rem}.mdl-md006 .mdl-container .m-head .m-left-head .m-subtitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-md006 .mdl-container .m-head .m-right-head{height:20rem;width:40%;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end}.mdl-md006 .mdl-container .m-head .m-right-head .m-content{gap:3rem;display:flex;flex-direction:column;align-items:center}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-preciotitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#51505099}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:100%}@media (max-width: 375px){.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{font-size:3.8rem}}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-precio{color:#515050}.mdl-md006 .mdl-container .m-head .m-right-head .m-content .m-button-sm{width:100vw}.mdl-md006 .mdl-container .m-contenido{display:flex;gap:6rem;margin-top:6rem;position:relative;height:100%}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(27% - 3rem);height:100%;display:flex;align-content:space-between;flex-direction:column;justify-content:space-between;align-items:flex-end;align-items:center;gap:15rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky{height:100%;width:100%;position:relative}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{bottom:21rem;top:9rem;height:54rem;width:100%;object-fit:cover;position:sticky}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:15rem;margin-left:-20rem;margin-top:-7rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-logo{height:21.7rem}.mdl-md006 .mdl-container .m-contenido .m-right{width:calc(73% - 3rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:54rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-image img{height:100%;width:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{color:#515050;padding:6rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:54rem;width:100%;max-width:39rem;margin:0 auto;position:relative;display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-imgmb{width:100%;height:100%;object-fit:cover}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile .m-logo{position:absolute;bottom:-5rem;left:0;width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info{display:flex;flex-direction:column;width:100%;margin-bottom:3rem;gap:3rem;align-items:center;border-bottom:.1rem solid #e4e4e4;padding:0 0 5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2{display:flex;flex-direction:column;gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:3rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.8rem;line-height:2.6rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.9rem;line-height:2.6rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.6rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{font-size:1.4rem;line-height:2.2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-title,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-title{color:#515050}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:59%;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-text,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content-row2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content-row2{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;width:26rem;margin-top:4.5rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items{gap:1.5rem;display:flex;flex-direction:column}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{display:flex;flex-direction:row;align-items:center;gap:2.8rem;min-width:max-content;font-family:jokker,sans-serif;color:#515050b2;font-size:2rem;line-height:36.4px;font-weight:400}@media (min-width: 1680px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.8rem;line-height:36.4px}}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.5rem;line-height:29.61px}}@media (max-width: 1280px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.4rem;line-height:29.61px}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row1 .m-content2 .m-items .m-item,.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-content2 .m-items .m-item{font-size:1.2rem;line-height:22.61px}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .m-extra-info .m-row2 .m-text{width:100%}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4;padding:4.2rem 0 2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{font-size:1.2rem;line-height:2rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .3s ease;position:relative;color:#515050b2;margin-left:2rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question:before{content:\"\\2022\";position:absolute;left:0;color:#e4e4e4;font-size:4rem;line-height:1;top:45%;transform:translateY(-50%);margin-left:-3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{color:#515050;font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.5rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:1.1rem}}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-weight:500;margin-bottom:2rem;margin-left:0}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active:before{display:none}.mdl-md006 .mdl-container .m-contenido .m-right .m-foot{width:100%;justify-content:flex-end;display:flex;align-items:center;gap:1.5rem}@media (max-width: 1366px){.mdl-md006 .mdl-container .m-contenido{gap:5rem}.mdl-md006 .mdl-container .m-contenido .m-left{width:calc(32% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-offer{position:sticky;top:56rem;height:10rem;margin-left:-9rem;margin-top:-5rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:auto;width:calc(68% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:47rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:46rem}}@media (max-width: 1080px){.mdl-md006 .mdl-container .m-contenido{gap:4rem}.mdl-md006 .mdl-container .m-contenido .m-left{height:37rem;width:calc(37% - 2.5rem)}.mdl-md006 .mdl-container .m-contenido .m-left .m-imagesticky .m-sticky{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right{height:37rem;width:calc(63% - 2.5rem);height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:37rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto,.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{height:auto}}@media (max-width: 1000px){.mdl-md006 .mdl-container .m-left{width:100%;border-bottom:1px solid #e4e4e4}.mdl-md006 .mdl-container .m-head{flex-direction:column}.mdl-md006 .mdl-container .m-head .m-right-head{width:100%;align-items:center}.mdl-md006 .mdl-container .m-head .m-left-head{width:100%}.mdl-md006 .mdl-container .m-contenido .m-left{display:none}.mdl-md006 .mdl-container .m-contenido .m-right{width:100%;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-image{height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-texto{padding:2rem 0;border:0;height:auto;font-size:2rem;line-height:3rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-imagenmobile{display:block;height:auto}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs{margin-top:7rem}.mdl-md006 .mdl-container .m-contenido .m-right .m-listadofaqs .faq-item .faq-question.active{font-size:2rem}}\n"] }]
16903
+ }], ctorParameters: () => [{ type: undefined, decorators: [{
16904
+ type: Inject,
16905
+ args: [PLATFORM_ID]
16906
+ }] }], propDecorators: { content: [{
16907
+ type: Input
16908
+ }], stickyContainer: [{
16909
+ type: ViewChild,
16910
+ args: ['stickyContainer']
16911
+ }], logoStopper: [{
16912
+ type: ViewChild,
16913
+ args: ['logoStopper']
16914
+ }] } });
16915
+
16679
16916
  /*
16680
16917
  * Public API Surface of babylon
16681
16918
  */
@@ -16685,5 +16922,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
16685
16922
  * Generated bundle index. Do not edit.
16686
16923
  */
16687
16924
 
16688
- export { Babylon404Component, BabylonActionBannerComponent, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonAvC4ImgTextComponent, BabylonAvImgSocialComponent, BabylonAvTxtIcoComponent, BabylonBaImgTxtComponent, BabylonBaSliImgTxtComponent, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBreadcrumbComponent, BabylonColorPickerComponent, BabylonComingsoonComponent, BabylonContactAddressComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonDynamicHeadingComponent, BabylonEngineComponent, BabylonEngineModalComponent, BabylonExternalScriptComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFilterModalComponent, BabylonFloatingButtonsComponent, BabylonFoAddrContImgComponent, BabylonFoC3ImgTxtComponent, BabylonFoLisC4TxtComponent, BabylonFoSliImgComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonFooterSocialI, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGlobalModalComponent, BabylonGrC2ImgComponent, BabylonGridGalleryComponent, BabylonGuestsPopupComponent, BabylonHeSvgListComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuLogoCenterComponent, BabylonHeaderMenuShowComponent, BabylonHeaderMobileComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2ColImgComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoGridI, BabylonInfoImgComponent, BabylonInfoImgSliderComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigZagCounterComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLanguageModalComponent, BabylonLanguageModalV2Component, BabylonLanguageModalV3Component, BabylonLegalComponent, BabylonLisC2TxtComponent, BabylonLisC4TxtIcoComponent, BabylonLisSvgTxtCtaComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListGridComponent, BabylonListGridI, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonModalMultipleMotorsComponent, BabylonModalService, BabylonNewsletterComponent, BabylonNewsletterI, BabylonNewsletterModalV2Component, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupComponent, BabylonOfferPopupComponentV2, BabylonOfferPopupV3Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonPressListComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSliC1ImgTextComponent, BabylonSliC5ImgTxtComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colClearComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, ButtonType, C2ImgTxtSvgComponent, C2TxtCtaComponent, C2TxtCtaDesComponent, C2TxtMdh005Component, C2TxtRrssComponent, C3TxtImgCtaComponent, C4C1ImgTxtCComponent, C4C1ImgTxtComponent, C4C1TxtComponent, C4FoLinkSvgComponent, C4ForC2TxtComponent, C4HeImgTxtComponent, C4LisC2ImgTxtComponent, C4MeTxtSvgCtaComponent, C4SliC2ImgTxtCComponent, C4SliC2TxtImgComponent, C4TxtSvgComponent, CarC2TxtCtaComponent, H04SliderTextComponent, LisC2ImgTxtCv4Component, LisC2TxtImgComponent, LisC3TxtImgCtComponent, LisC4TxtDesCtaComponent, ListRoomsComponent, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, SliC1ImgSvgComponent, SliC2ImgComponent, SliC2ImgTxtCtaV3Component, SliC2ImgTxtCv5Component, SliC2TxtCarImgCComponent, Utils, complex_links, organization_name };
16925
+ export { Babylon404Component, BabylonActionBannerComponent, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonAvC4ImgTextComponent, BabylonAvImgSocialComponent, BabylonAvTxtIcoComponent, BabylonBaImgTxtComponent, BabylonBaSliImgTxtComponent, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBreadcrumbComponent, BabylonColorPickerComponent, BabylonComingsoonComponent, BabylonContactAddressComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonDynamicHeadingComponent, BabylonEngineComponent, BabylonEngineModalComponent, BabylonExternalScriptComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFilterModalComponent, BabylonFloatingButtonsComponent, BabylonFoAddrContImgComponent, BabylonFoC3ImgTxtComponent, BabylonFoLisC4TxtComponent, BabylonFoSliImgComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonFooterSocialI, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGlobalModalComponent, BabylonGrC2ImgComponent, BabylonGridGalleryComponent, BabylonGuestsPopupComponent, BabylonHeSvgListComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuLogoCenterComponent, BabylonHeaderMenuShowComponent, BabylonHeaderMobileComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2ColImgComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoGridI, BabylonInfoImgComponent, BabylonInfoImgSliderComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigZagCounterComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLanguageModalComponent, BabylonLanguageModalV2Component, BabylonLanguageModalV3Component, BabylonLegalComponent, BabylonLisC2TxtComponent, BabylonLisC4TxtIcoComponent, BabylonLisSvgTxtCtaComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListGridComponent, BabylonListGridI, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonModalMultipleMotorsComponent, BabylonModalService, BabylonNewsletterComponent, BabylonNewsletterI, BabylonNewsletterModalV2Component, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupComponent, BabylonOfferPopupComponentV2, BabylonOfferPopupV3Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonPressListComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSliC1ImgTextComponent, BabylonSliC5ImgTxtComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colClearComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, ButtonType, C2ImgTxtSvgComponent, C2TxtCtaComponent, C2TxtCtaDesComponent, C2TxtMdh005Component, C2TxtRrssComponent, C3TxtImgCtaComponent, C4C1ImgTxtCComponent, C4C1ImgTxtComponent, C4C1TxtComponent, C4FoLinkSvgComponent, C4ForC2TxtComponent, C4HeImgTxtComponent, C4LisC2ImgTxtComponent, C4MeTxtSvgCtaComponent, C4SliC2ImgTxtCComponent, C4SliC2TxtImgComponent, C4TxtSvgComponent, CarC2TxtCtaComponent, H04SliderTextComponent, LisC2ImgTxtCv4Component, LisC2TxtImgComponent, LisC2TxtImgSvgCComponent, LisC3TxtImgCtComponent, LisC4TxtDesCtaComponent, ListRoomsComponent, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, SliC1ImgSvgComponent, SliC2ImgComponent, SliC2ImgTxtCtaV3Component, SliC2ImgTxtCv5Component, SliC2TxtCarImgCComponent, SliC2TxtImgSvgCComponent, Utils, complex_links, organization_name };
16689
16926
  //# sourceMappingURL=ctt-babylon.mjs.map