ctt-babylon 0.10.36 → 0.10.37

package/fesm2022/ctt-babylon.mjs

@@ -14457,7 +14457,7 @@ var button = {
 	label: "m-button-sm",
 	url: "https://www.google.com/maps"
 };
-var defaultContent$f = {
+var defaultContent$h = {
 	reverse: reverse,
 	leftImage: leftImage,
 	infoSections: infoSections,
@@ -14466,7 +14466,7 @@ var defaultContent$f = {
 	button: button
 };
 
-const DEFAULT_CONTENT$a = defaultContent$f;
+const DEFAULT_CONTENT$a = defaultContent$h;
 class C2ImgTxtSvgComponent {
     constructor() {
         this.content = DEFAULT_CONTENT$a;
@@ -14576,7 +14576,7 @@ var faqs = [
 		answer: "Contáctanos y te ayudaremos a encontrar la mejor solución."
 	}
 ];
-var defaultContent$e = {
+var defaultContent$g = {
 	topPanel: topPanel,
 	bottomPanel: bottomPanel,
 	highlights: highlights,
@@ -14585,7 +14585,7 @@ var defaultContent$e = {
 
 class C2TxtCtaDesComponent {
     constructor() {
-        this.fallbackContent = defaultContent$e;
+        this.fallbackContent = defaultContent$g;
         this.content = this.fallbackContent;
         this.faqHeights = [];
         this.expandedFaqIndex = null;
@@ -14703,7 +14703,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 
 var backgroundColor = "#fff9f9";
-var title$7 = "conecta con nosotros en";
+var title$8 = "conecta con nosotros en";
 var hashtag = "#alegriahotels";
 var icons = [
 	{
@@ -14732,14 +14732,14 @@ var icons = [
 		background: "#66C3C9"
 	}
 ];
-var defaultContent$d = {
+var defaultContent$f = {
 	backgroundColor: backgroundColor,
-	title: title$7,
+	title: title$8,
 	hashtag: hashtag,
 	icons: icons
 };
 
-const DEFAULT_CONTENT$8 = defaultContent$d;
+const DEFAULT_CONTENT$8 = defaultContent$f;
 class C2TxtRrssComponent {
     constructor() {
         this.content = DEFAULT_CONTENT$8;
@@ -14758,8 +14758,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 
 var pretitle = "Hotel en costa almería";
-var title$6 = "Bienvenidos Alegria Palacio Mojácar";
-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.";
+var title$7 = "Bienvenidos Alegria Palacio Mojácar";
+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.";
 var withTopSpacing = false;
 var centerAlign = false;
 var tags = {
@@ -14767,10 +14767,10 @@ var tags = {
 	keyIconsCount: 3,
 	badge: "Solo Adultos"
 };
-var defaultContent$c = {
+var defaultContent$e = {
 	pretitle: pretitle,
-	title: title$6,
-	description: description$3,
+	title: title$7,
+	description: description$4,
 	withTopSpacing: withTopSpacing,
 	centerAlign: centerAlign,
 	tags: tags
@@ -14778,7 +14778,7 @@ var defaultContent$c = {
 
 class C2TxtMdh005Component {
     constructor() {
-        this.fallbackContent = defaultContent$c;
+        this.fallbackContent = defaultContent$e;
         this.content = this.fallbackContent;
     }
     trackByIndex(index) {
@@ -14798,7 +14798,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
 
-var left$1 = {
+var left$2 = {
 	image: {
 		url: "https://picsum.photos/600/500",
 		alt: "Habitación con luz natural"
@@ -14808,7 +14808,7 @@ var left$1 = {
 		label: "Ver condiciones"
 	}
 };
-var right = {
+var right$1 = {
 	image: {
 		url: "https://picsum.photos/800/600",
 		alt: "Vista del resort"
@@ -14816,14 +14816,14 @@ var right = {
 	title: "todo incluido",
 	text: "Disfruta del desayuno, la comida y la cena, están incluidos para una vacaciones prefectas."
 };
-var defaultContent$b = {
-	left: left$1,
-	right: right
+var defaultContent$d = {
+	left: left$2,
+	right: right$1
 };
 
 class C3TxtImgCtaComponent {
     constructor() {
-        this.fallbackContent = defaultContent$b;
+        this.fallbackContent = defaultContent$d;
         this.content = this.fallbackContent;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C3TxtImgCtaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -14981,7 +14981,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
 
-var left = {
+var left$1 = {
 	title: "Contacta",
 	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."
 };
@@ -15045,7 +15045,7 @@ var form = {
 	}
 };
 var componentData$1 = {
-	left: left,
+	left: left$1,
 	form: form
 };
 
@@ -15117,7 +15117,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
 
-var title$5 = "LUXURY RESIDENCES & SUITES";
+var title$6 = "LUXURY RESIDENCES & SUITES";
 var logo = {
 	src: "/assets/babylon/images/branding/logomenu.svg",
 	alt: "Logo"
@@ -15191,7 +15191,7 @@ var languageItems = [
 	}
 ];
 var c4MeTxtSvgCtaData = {
-	title: title$5,
+	title: title$6,
 	logo: logo,
 	icon: icon$1,
 	iconclose: iconclose,
@@ -15295,7 +15295,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
 
-var header = {
+var header$1 = {
 	title: "Las mejores experiencias de",
 	highlight: "Torre de Canyamel Group",
 	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."
@@ -15353,7 +15353,7 @@ var slides$1 = [
 	}
 ];
 var componentData = {
-	header: header,
+	header: header$1,
 	slides: slides$1
 };
 
@@ -15414,7 +15414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
 
-var title$4 = "Lo más destacado";
+var title$5 = "Lo más destacado";
 var items$1 = [
 	{
 		icon: "/assets/babylon/svg/icons/mejora.svg",
@@ -15440,12 +15440,12 @@ var items$1 = [
 		subtitle: "Bajo petición y sujeto a disponibilidad"
 	}
 ];
-var defaultContent$a = {
-	title: title$4,
+var defaultContent$c = {
+	title: title$5,
 	items: items$1
 };
 
-const DEFAULT_CONTENT$7 = defaultContent$a;
+const DEFAULT_CONTENT$7 = defaultContent$c;
 class C4TxtSvgComponent {
     constructor() {
         this.content = DEFAULT_CONTENT$7;
@@ -15463,8 +15463,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
 
-var title$3 = "Destinos ALEGRIA";
-var description$2 = "Explora nuestras propuestas creadas para disfrutar del Mediterráneo durante todo el año.";
+var title$4 = "Destinos ALEGRIA";
+var description$3 = "Explora nuestras propuestas creadas para disfrutar del Mediterráneo durante todo el año.";
 var topLink = {
 	label: "Ver todas",
 	url: "#"
@@ -15508,15 +15508,15 @@ var cards$2 = [
 		}
 	}
 ];
-var defaultContent$9 = {
-	title: title$3,
-	description: description$2,
+var defaultContent$b = {
+	title: title$4,
+	description: description$3,
 	topLink: topLink,
 	cards: cards$2
 };
 
 Swiper.use([Navigation]);
-const DEFAULT_CONTENT$6 = defaultContent$9;
+const DEFAULT_CONTENT$6 = defaultContent$b;
 class CarC2TxtCtaComponent {
     constructor(host) {
         this.host = host;
@@ -15651,11 +15651,11 @@ var cards$1 = [
 		}
 	}
 ];
-var defaultContent$8 = {
+var defaultContent$a = {
 	cards: cards$1
 };
 
-const DEFAULT_CONTENT$5 = defaultContent$8;
+const DEFAULT_CONTENT$5 = defaultContent$a;
 class LisC2ImgTxtCv4Component {
     constructor() {
         this.content = DEFAULT_CONTENT$5;
@@ -15854,7 +15854,7 @@ var items = [
 var footerHighlight = "¿Sabes lo mejor de todo?";
 var footerComplement = "Que somos un hotel adults recommended que ha elaborado una receta exclusiva para ti.";
 var lensIcon = "/assets/babylon/svg/icons/lens.svg";
-var defaultContent$7 = {
+var defaultContent$9 = {
 	categories: categories,
 	rooms: rooms$1,
 	items: items,
@@ -15863,7 +15863,7 @@ var defaultContent$7 = {
 	lensIcon: lensIcon
 };
 
-const DEFAULT_CONTENT$4 = defaultContent$7;
+const DEFAULT_CONTENT$4 = defaultContent$9;
 class LisC2TxtImgComponent {
     constructor(host) {
         this.host = host;
@@ -16010,6 +16010,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 args: ['categoriesModal']
             }] } });
 
+var title$3 = "Las ofertas";
+var description$2 = "Tarifas especiales, descuentos únicos y el mejor precio online.";
+var offers = [
+	{
+		title: "Reservar por la web tiene muchas ventajas",
+		subtitle: "Alegria Group",
+		metricLabel: "Desde",
+		metricValue: "94€",
+		primaryButton: {
+			label: "Reservar ahora"
+		},
+		secondaryButton: {
+			label: "Más información"
+		},
+		tag: "oferta",
+		image: {
+			url: "https://picsum.photos/700/500",
+			alt: "Oferta destacada"
+		},
+		floatIcon: {
+			url: "/assets/babylon/svg/icons/happyvacations.svg",
+			alt: "Happy vacations"
+		},
+		duplicateFloatIcon: true
+	},
+	{
+		title: "Reservar por la web tiene muchas ventajas",
+		subtitle: "Alegria Group",
+		metricLabel: "Descuento",
+		metricValue: "8%",
+		primaryButton: {
+			label: "Reservar ahora"
+		},
+		secondaryButton: {
+			label: "Más información"
+		},
+		tag: "oferta",
+		image: {
+			url: "https://picsum.photos/700/502",
+			alt: "Oferta con descuento"
+		},
+		reverse: true
+	},
+	{
+		title: "Reservar por la web tiene muchas ventajas",
+		subtitle: "Alegria Group",
+		metricLabel: "Desde",
+		metricValue: "94€",
+		primaryButton: {
+			label: "Reservar ahora"
+		},
+		secondaryButton: {
+			label: "Más información"
+		},
+		tag: "oferta",
+		image: {
+			url: "https://picsum.photos/700/503",
+			alt: "Oferta especial"
+		},
+		floatIcon: {
+			url: "/assets/babylon/svg/icons/specialoffer.svg",
+			alt: "Special offer"
+		},
+		duplicateFloatIcon: true
+	}
+];
+var defaultContent$8 = {
+	title: title$3,
+	description: description$2,
+	offers: offers
+};
+
+class LisC2TxtImgSvgCComponent {
+    constructor() {
+        this.fallbackContent = defaultContent$8;
+        this.content = this.fallbackContent;
+    }
+    trackByIndex(index) {
+        return index;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgSvgCComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgSvgCComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], propDecorators: { content: [{
+                type: Input
+            }] } });
+
 var sectionTitle = "contacto";
 var description$1 = "Si tienes cualquier duda o si quieres más informacion de los hoteles y apartamentos contáctanos.";
 var heroImage = {
@@ -16124,7 +16214,7 @@ var legalCheckboxes = [
 ];
 var submitLabel = "Enviar";
 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.";
-var defaultContent$6 = {
+var defaultContent$7 = {
 	sectionTitle: sectionTitle,
 	description: description$1,
 	heroImage: heroImage,
@@ -16141,7 +16231,7 @@ var defaultContent$6 = {
 
 class LisC3TxtImgCtComponent {
     constructor() {
-        this.fallbackContent = defaultContent$6;
+        this.fallbackContent = defaultContent$7;
         this.content = this.fallbackContent;
         this.formSubmit = new EventEmitter();
     }
@@ -16297,13 +16387,13 @@ var cards = [
 		emptyText: "Tus próximas vacaciones te esperan en unos de nuestros destinos."
 	}
 ];
-var defaultContent$5 = {
+var defaultContent$6 = {
 	title: title$2,
 	selects: selects,
 	cards: cards
 };
 
-const DEFAULT_CONTENT$3 = defaultContent$5;
+const DEFAULT_CONTENT$3 = defaultContent$6;
 class LisC4TxtDesCtaComponent {
     constructor() {
         this.content = DEFAULT_CONTENT$3;
@@ -16327,13 +16417,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 var image = "https://picsum.photos/2000/1000";
 var tagText = "El destino perfecto para relajarse y disfrutar del momento.";
 var icon = "/assets/babylon/svg/icons/heartTrans.svg";
-var defaultContent$4 = {
+var defaultContent$5 = {
 	image: image,
 	tagText: tagText,
 	icon: icon
 };
 
-const DEFAULT_CONTENT$2 = defaultContent$4;
+const DEFAULT_CONTENT$2 = defaultContent$5;
 class SliC1ImgSvgComponent {
     constructor() {
         this.content = DEFAULT_CONTENT$2;
@@ -16376,7 +16466,7 @@ var sliderImages = [
 ];
 var reverseLayout = true;
 var autoplayDelayMs = 5000;
-var defaultContent$3 = {
+var defaultContent$4 = {
 	staticImage: staticImage,
 	sliderImages: sliderImages,
 	reverseLayout: reverseLayout,
@@ -16385,7 +16475,7 @@ var defaultContent$3 = {
 
 class SliC2ImgComponent {
     constructor() {
-        this.fallbackContent = defaultContent$3;
+        this.fallbackContent = defaultContent$4;
         this.content = this.fallbackContent;
         this.reverse = false;
         this.platformId = inject(PLATFORM_ID);
@@ -16489,7 +16579,7 @@ var primaryButton = {
 var secondaryButton = {
 	label: "Ver planes y ventajas"
 };
-var defaultContent$2 = {
+var defaultContent$3 = {
 	title: title$1,
 	mainImage: mainImage,
 	centralImage: centralImage,
@@ -16501,7 +16591,7 @@ var defaultContent$2 = {
 
 class SliC2ImgTxtCtaV3Component {
     constructor() {
-        this.fallbackContent = defaultContent$2;
+        this.fallbackContent = defaultContent$3;
         this.content = this.fallbackContent;
         this.reverse = false;
     }
@@ -16557,11 +16647,11 @@ var rooms = [
 		}
 	}
 ];
-var defaultContent$1 = {
+var defaultContent$2 = {
 	rooms: rooms
 };
 
-const DEFAULT_CONTENT$1 = defaultContent$1;
+const DEFAULT_CONTENT$1 = defaultContent$2;
 class SliC2ImgTxtCv5Component {
     constructor() {
         this.content = DEFAULT_CONTENT$1;
@@ -16602,13 +16692,13 @@ var slides = [
 		}
 	}
 ];
-var defaultContent = {
+var defaultContent$1 = {
 	title: title,
 	slides: slides
 };
 
 Swiper.use([Navigation]);
-const DEFAULT_CONTENT = defaultContent;
+const DEFAULT_CONTENT = defaultContent$1;
 class SliC2TxtCarImgCComponent {
     constructor() {
         this.content = DEFAULT_CONTENT;
@@ -16675,6 +16765,154 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 args: ['prevButton']
             }] } });
 
+var header = {
+	pretitle: "oferta",
+	title: "Reservar por la web tiene muchas ventajas",
+	subtitle: "Alegria Palacio Mojácar",
+	priceTitle: "Desde",
+	price: "94€",
+	button: {
+		label: "Reservar ahora"
+	}
+};
+var left = {
+	stickyImage: {
+		url: "https://picsum.photos/500/600",
+		alt: "Acceso al parque"
+	},
+	badgeImage: {
+		url: "/assets/babylon/svg/icons/specialoffer.svg",
+		alt: "Oferta especial"
+	},
+	logo: {
+		url: "/assets/babylon/svg/icons/newsico.svg",
+		alt: "Logo Aquafun"
+	}
+};
+var right = {
+	heroImage: {
+		url: "https://picsum.photos/900/600",
+		alt: "Familia en la piscina"
+	},
+	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.",
+	mobileImage: {
+		url: "https://picsum.photos/600/500",
+		alt: "Parque acuático"
+	},
+	mobileLogo: {
+		url: "/assets/babylon/svg/icons/specialoffer.svg",
+		alt: "Oferta móvil"
+	},
+	highlights: [
+		"Horario temporada 2026",
+		"Lunes a domingo de 11:00 a 19:00h",
+		"Medio día de 15:00 a 19:00h",
+		"Día completo de 11:00 a 19:00h",
+		"En condiciones climáticas adversas, el parque permanecerá cerrado."
+	],
+	extraButton: {
+		label: "Reservar ahora",
+		variant: "red"
+	},
+	footerLink: {
+		label: "Volver al listado"
+	}
+};
+var defaultContent = {
+	header: header,
+	left: left,
+	right: right
+};
+
+class SliC2TxtImgSvgCComponent {
+    constructor(platformId) {
+        this.platformId = platformId;
+        this.fallbackContent = defaultContent;
+        this.content = this.fallbackContent;
+        this.stickyInitialTop = 0;
+        this.viewportHandler = () => this.handleViewportChange();
+    }
+    get isBrowser() {
+        return isPlatformBrowser(this.platformId);
+    }
+    ngAfterViewInit() {
+        this.computeStickyDefaults();
+        this.handleViewportChange();
+        this.bindViewportEvents();
+    }
+    ngOnChanges(changes) {
+        if (changes['content']) {
+            queueMicrotask(() => {
+                this.computeStickyDefaults();
+                this.handleViewportChange();
+            });
+        }
+    }
+    ngOnDestroy() {
+        if (!this.isBrowser) {
+            return;
+        }
+        window.removeEventListener('scroll', this.viewportHandler);
+        window.removeEventListener('resize', this.viewportHandler);
+    }
+    bindViewportEvents() {
+        if (!this.isBrowser) {
+            return;
+        }
+        window.addEventListener('scroll', this.viewportHandler, { passive: true });
+        window.addEventListener('resize', this.viewportHandler);
+    }
+    computeStickyDefaults() {
+        const sticky = this.stickyContainer?.nativeElement;
+        if (!sticky) {
+            return;
+        }
+        const computedTop = getComputedStyle(sticky).top || '0';
+        this.stickyInitialTop = parseFloat(computedTop) || 0;
+        const container = sticky.closest('.m-left');
+        if (container && getComputedStyle(container).position === 'static') {
+            container.style.position = 'relative';
+        }
+    }
+    handleViewportChange() {
+        if (!this.isBrowser) {
+            return;
+        }
+        const sticky = this.stickyContainer?.nativeElement;
+        const logo = this.logoStopper?.nativeElement;
+        if (!sticky || !logo) {
+            return;
+        }
+        const stickyRect = sticky.getBoundingClientRect();
+        const logoRect = logo.getBoundingClientRect();
+        if (stickyRect.bottom >= logoRect.top) {
+            sticky.style.position = 'absolute';
+            sticky.style.top = `${logo.offsetTop - sticky.offsetHeight}px`;
+        }
+        else {
+            sticky.style.position = 'sticky';
+            sticky.style.top = `${this.stickyInitialTop}px`;
+        }
+    }
+    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 }); }
+    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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2TxtImgSvgCComponent, decorators: [{
+            type: Component,
+            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"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }], propDecorators: { content: [{
+                type: Input
+            }], stickyContainer: [{
+                type: ViewChild,
+                args: ['stickyContainer']
+            }], logoStopper: [{
+                type: ViewChild,
+                args: ['logoStopper']
+            }] } });
+
 /*
  * Public API Surface of babylon
  */
@@ -16684,5 +16922,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-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 };
+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 };
 //# sourceMappingURL=ctt-babylon.mjs.map