ctt-babylon 0.12.28 → 0.12.29

package/fesm2022/ctt-babylon.mjs

@@ -1542,8 +1542,8 @@ class BabylonAvSocialSwiperDirective {
             },
             on: {
                 init(swiper) {
-                    if (swiper.autoplay) {
-                        swiper.autoplay.start();
+                    if (swiper?.autoplay) {
+                        swiper?.autoplay?.start();
                     }
                     swiper.wrapperEl.style.transitionTimingFunction = 'linear';
                 },
@@ -1598,15 +1598,15 @@ class BabylonAvSocialSwiperDirective {
     static startAll() {
         this.instances.forEach((swiper) => {
             swiper.params.speed = 4000;
-            swiper.update();
-            swiper.autoplay.start();
+            swiper?.update();
+            swiper?.autoplay?.start();
         });
     }
     static stopAll() {
         this.instances.forEach((swiper) => {
             swiper.params.speed = 1000;
-            swiper.update();
-            swiper.autoplay.stop();
+            swiper?.update();
+            swiper?.autoplay?.stop();
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonAvSocialSwiperDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
@@ -1960,7 +1960,7 @@ class BabylonBaSliImgTxtComponent {
                 init: (swiper) => {
                     // Para ≥1025, queremos el autoplay continuo
                     if (window.innerWidth >= 1025) {
-                        swiper.autoplay.start();
+                        swiper?.autoplay?.start();
                     }
                 },
             },
@@ -17858,22 +17858,31 @@ const DEFAULT_CONTENT$5 = defaultContent$a;
 class CarC2TxtCtaComponent {
     constructor(host) {
         this.host = host;
+        this.showArrowsAlways = true;
         /*  @Input() content: CarC2TxtCtaContent = DEFAULT_CONTENT; */
         this.tagName = 'CarC2TxtCta';
         this.showPrev = false;
         this.showNext = false;
+        this.arrowsReady = false;
+        this.viewInited = false;
         this.platformId = inject(PLATFORM_ID);
     }
     ngAfterViewInit() {
         if (!isPlatformBrowser(this.platformId))
             return;
+        this.viewInited = true;
         this.initSwiper();
     }
     ngOnChanges(changes) {
         if (!isPlatformBrowser(this.platformId))
             return;
-        if (changes['content'] && !changes['content'].firstChange) {
-            queueMicrotask(() => this.rebuildSwiper());
+        if (changes['items']) {
+            queueMicrotask(() => {
+                if (!this.swiperInstance)
+                    this.tryInitSwiper();
+                else
+                    this.recalc();
+            });
         }
     }
     ngOnDestroy() {
@@ -17884,20 +17893,36 @@ class CarC2TxtCtaComponent {
     trackByCard(index, card) {
         return card.title ?? `${index}`;
     }
+    tryInitSwiper() {
+        if (!this.viewInited)
+            return;
+        if (this.swiperInstance)
+            return;
+        const container = this.host.nativeElement.querySelector('.mdl-mdh011 .swiper-container');
+        if (!container) {
+            requestAnimationFrame(() => this.tryInitSwiper());
+            return;
+        }
+        this.initSwiper();
+    }
     updateArrowsVisibility() {
         const s = this.swiperInstance;
         if (!s)
             return;
-        // Si no hay nada que navegar (todo cabe), Swiper suele bloquearse
-        const locked = s.isLocked === true ||
-            s.slides.length <= s.params.slidesPerView;
+        const locked = s.isLocked === true || (s.snapGrid?.length ?? 0) <= 1;
         if (locked) {
             this.showPrev = false;
             this.showNext = false;
             return;
         }
-        this.showPrev = !s.isBeginning;
-        this.showNext = !s.isEnd;
+        if (!this.showArrowsAlways) {
+            this.showPrev = !s.isBeginning;
+            this.showNext = !s.isEnd;
+        }
+        else {
+            this.showPrev = true;
+            this.showNext = true;
+        }
     }
     initSwiper() {
         const container = this.host.nativeElement.querySelector('.mdl-mdh011 .swiper-container');
@@ -17923,6 +17948,9 @@ class CarC2TxtCtaComponent {
                 1024: { spaceBetween: 60 },
                 1366: { spaceBetween: 70 },
             },
+            observer: true,
+            observeParents: true,
+            observeSlideChildren: true,
             on: {
                 init: () => this.updateArrowsVisibility(),
                 slideChange: () => this.updateArrowsVisibility(),
@@ -17933,10 +17961,22 @@ class CarC2TxtCtaComponent {
                 observerUpdate: () => this.updateArrowsVisibility(),
             },
         });
-        // por si acaso (primer render / fuentes / imágenes)
-        queueMicrotask(() => {
-            this.swiperInstance?.update();
+        this.recalc();
+    }
+    recalc() {
+        const s = this.swiperInstance;
+        if (!s)
+            return;
+        requestAnimationFrame(() => {
+            s.update();
             this.updateArrowsVisibility();
+            s.navigation?.update();
+            requestAnimationFrame(() => {
+                s.update();
+                this.updateArrowsVisibility();
+                s.navigation?.update();
+                this.arrowsReady = true;
+            });
         });
     }
     destroySwiper() {
@@ -17953,11 +17993,11 @@ class CarC2TxtCtaComponent {
         return getFirstImageByTagFromImages(imagenes, tagName);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CarC2TxtCtaComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CarC2TxtCtaComponent, isStandalone: true, selector: "car-c2-txt-cta", inputs: { texts: "texts", items: "items", buttons: "buttons", styles: "styles" }, usesOnChanges: true, ngImport: i0, template: "@if (items) {\n    <section class=\"mdl-mdh011\">\n        <div class=\"mdl-container\">\n            <div class=\"m-content-top\">\n                @if (texts) {\n                    @if (texts.title) {\n                        <div class=\"m-title\">{{ texts.title }}</div>\n                    }\n                    @if (texts.description) {\n                        <div class=\"m-text\">\n                            {{ texts.description }}\n                        </div>\n                    }\n                }\n                @if (buttons?.[0]; as btn) {\n                    <a\n                        class=\"m-underline-red\"\n                        [href]=\"btn.url\"\n                        [linkType]=\"btn.linkType\"\n                        [attr.target]=\"btn.target\"\n                        [attr.rel]=\"\n                            (btn.target || '_self') === '_blank'\n                                ? 'noopener noreferrer'\n                                : null\n                        \"\n                        [attr.aria-label]=\"btn.label\"\n                    >\n                        {{ btn.label }}\n                    </a>\n                }\n            </div>\n\n            @if (items) {\n                <div class=\"m-cards-container\">\n                    <div class=\"swiper\">\n                        <div class=\"swiper-container\">\n                            <div class=\"swiper-wrapper\">\n                                @for (card of items; track $index) {\n                                    <div class=\"swiper-slide\">\n                                        @if (card.multimedia?.imagenes) {\n                                            @if (\n                                                getFirstImageByTag(\n                                                    tagName,\n                                                    card.multimedia?.imagenes ??\n                                                        []\n                                                ) ??\n                                                    card.multimedia\n                                                        ?.imagenes?.[0];\n                                                as img\n                                            ) {\n                                                <ng-container>\n                                                    <a\n                                                        class=\"link-container\"\n                                                        [href]=\"\n                                                            card.links?.[0]?.url\n                                                        \"\n                                                        [linkType]=\"\n                                                            card.links?.[0]\n                                                                ?.linkType\n                                                        \"\n                                                        [attr.aria-label]=\"\n                                                            card.links?.[0]\n                                                                ?.label\n                                                        \"\n                                                    >\n                                                        <div\n                                                            class=\"m-card-top\"\n                                                            [style.background-image]=\"\n                                                                'url(' +\n                                                                img.img?.src +\n                                                                ')'\n                                                            \"\n                                                        >\n                                                            @if (\n                                                                card.texts\n                                                                    ?.additional1\n                                                            ) {\n                                                                <div\n                                                                    class=\"m-tag\"\n                                                                    [style.--arrow-color]=\"\n                                                                        styles?.primary ??\n                                                                        '#000'\n                                                                    \"\n                                                                    [style.--arrow-hover-color]=\"\n                                                                        styles?.primaryHover ??\n                                                                        styles?.primary ??\n                                                                        '#000'\n                                                                    \"\n                                                                >\n                                                                    {{\n                                                                        card.title ||\n                                                                            card\n                                                                                .texts\n                                                                                ?.additional1\n                                                                    }}\n                                                                </div>\n                                                            }\n                                                        </div>\n                                                    </a>\n                                                </ng-container>\n                                            }\n                                        }\n\n                                        <div class=\"m-content\">\n                                            @if (card.texts?.name) {\n                                                <div class=\"m-title\">\n                                                    {{ card.texts?.name }}\n                                                </div>\n                                            }\n                                            <!--    <img\n                                            *ngIf=\"card.logo\"\n                                            class=\"m-logo\"\n                                            [src]=\"card.logo\"\n                                            [alt]=\"card.title\"\n                                            loading=\"lazy\"\n                                        /> -->\n                                            @if (card.buttons) {\n                                                @for (\n                                                    btn of card.buttons;\n                                                    track $index\n                                                ) {\n                                                    <a\n                                                        [ngClass]=\"\n                                                            $index % 2 === 0\n                                                                ? 'm-button-sm'\n                                                                : 'm-but m-underline'\n                                                        \"\n                                                        [href]=\"btn?.url\"\n                                                        [attr.target]=\"\n                                                            btn?.target\n                                                        \"\n                                                        [attr.rel]=\"\n                                                            (btn?.target ||\n                                                                '_self') ===\n                                                            '_blank'\n                                                                ? 'noopener noreferrer'\n                                                                : null\n                                                        \"\n                                                        [attr.aria-label]=\"\n                                                            btn?.label\n                                                        \"\n                                                        [style.--color]=\"\n                                                            styles?.primary ??\n                                                            '#ff4338'\n                                                        \"\n                                                        [style.--hover-color]=\"\n                                                            styles?.primaryHover ??\n                                                            styles?.primary ??\n                                                            '#ed3b37'\n                                                        \"\n                                                    >\n                                                        <span>{{\n                                                            btn?.label\n                                                        }}</span>\n                                                    </a>\n                                                }\n                                            }\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n\n                        <div\n                            class=\"m-swiper-button prev\"\n                            [class.is-hidden]=\"!showPrev\"\n                            [style.--arrow-color]=\"styles?.primary\"\n                            [style.--arrow-hover-color]=\"styles?.primaryHover\"\n                        >\n                            <svg\n                                width=\"7\"\n                                height=\"12\"\n                                viewBox=\"0 0 7 12\"\n                                fill=\"none\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                                <path\n                                    d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n                                    fill=\"white\"\n                                />\n                            </svg>\n                        </div>\n\n                        <div\n                            class=\"m-swiper-button next\"\n                            [class.is-hidden]=\"!showNext\"\n                            [style.--arrow-color]=\"styles?.primary\"\n                            [style.--arrow-hover-color]=\"styles?.primaryHover\"\n                        >\n                            <svg\n                                width=\"7\"\n                                height=\"12\"\n                                viewBox=\"0 0 7 12\"\n                                fill=\"none\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                                <path\n                                    d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n                                    fill=\"white\"\n                                />\n                            </svg>\n                        </div>\n                    </div>\n                </div>\n            }\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";.mdl-mdh011 .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-big{font-size:1.6rem}}.mdl-mdh011 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh011 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh011 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh011 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh011 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh011 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh011 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh011 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-big:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-sm{font-size:1.6rem}}.mdl-mdh011 .m-button-sm{background-color:var(--color, #ff4338)!important}.mdl-mdh011 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.mdl-mdh011 .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338);font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh011 .m-underline:hover,.mdl-mdh011 .m-underline.active{color:var(--hover-color, #ed3b37)!important}.mdl-mdh011 .m-underline:hover:after,.mdl-mdh011 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh011 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1;background:var(--hover-color, transparent)!important}.mdl-mdh011 .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:var(--hover-color, #ed3b37)!important;transition:.3s ease;z-index:2}.mdl-mdh011 .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-red{font-size:1.6rem}}.mdl-mdh011 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-red:hover{color:#ed3b37}.mdl-mdh011 .m-underline-red:hover:after{width:100%}}.mdl-mdh011 .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-blue{font-size:1.6rem}}.mdl-mdh011 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-blue:hover{color:#446ecd}.mdl-mdh011 .m-underline-blue:hover:after{width:100%}}.mdl-mdh011 .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-green{font-size:1.6rem}}.mdl-mdh011 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-green:hover{color:#2ec99b}.mdl-mdh011 .m-underline-green:hover:after{width:100%}}.mdl-mdh011 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:var(--arrow-color, #ff4338);transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh011 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh011 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh011 .m-swiper-button:hover{background-color:var(--arrow-hover-color, #ed3b37)}}@media (max-width: 768px){.mdl-mdh011 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh011 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh011 .m-swiper-button svg{width:.5rem}}.mdl-mdh011 .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh011 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh011 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh011 .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh011 .m-button-close:hover{background-color:#ed3b37}.mdl-mdh011 .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background: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)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh011{padding-top:8.1rem;padding-bottom:8.1rem;background-color:#fff9f9;height:1000px}@media (max-width: 1630px){.mdl-mdh011{height:900px}}@media (max-width: 1363px){.mdl-mdh011{height:800px}}@media (max-width: 768px){.mdl-mdh011{height:700px}}@media (max-width: 768px){.mdl-mdh011{height:1000px}}@media (max-width: 539px){.mdl-mdh011{height:800px}}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%;height:700px}@media (max-width: 800px){.mdl-mdh011 .mdl-container{height:700px}}@media (max-width: 564px){.mdl-mdh011 .mdl-container{height:500px}}.mdl-mdh011 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;gap:2rem;flex-wrap:wrap}.mdl-mdh011 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;width:40rem;color:#515050}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;width:62rem;color:#51505099;text-align:right}.mdl-mdh011 .mdl-container .m-cards-container{width:100%}.mdl-mdh011 .mdl-container .swiper{max-width:100%;overflow:visible;position:relative;width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-container{width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-wrapper{display:flex}.mdl-mdh011 .mdl-container .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{position:absolute;z-index:1;top:30%}.mdl-mdh011 .mdl-container .swiper .next{right:-4.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-4.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;cursor:pointer;overflow:initial}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:31vw;max-height:60rem;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top:after{content:\"\";width:102%;height:22.8rem;left:-1px;bottom:-15rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-beige.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:var(--arrow-color, #ed3b37);color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon{position:relative;width:100%;height:31vw;max-height:56rem;background-color:#fff9f9;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;padding:6rem 5rem;color:#515050b3;text-align:center}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;text-align:center;width:100%;position:relative;z-index:1}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem;color:#515050b3;position:absolute;top:-1rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{position:absolute;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm{margin-top:4.3rem;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{margin:2rem 0 4rem}@media (hover: hover){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-card-top{background-blend-mode:multiply;max-height:27vw}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh011 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}.mdl-mdh011 .mdl-container .m-cards-container{gap:5.5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-mdh011{padding-top:7.5rem;padding-bottom:0}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:25%}}@media (max-width: 768px){.mdl-mdh011{padding-left:6rem!important;padding-right:6rem!important}.mdl-mdh011 .mdl-container{width:100%}.mdl-mdh011 .mdl-container .m-content-top{flex-direction:column;align-items:center;text-align:center;gap:3.3rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{width:100%;font-size:2.7rem;text-align:left}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:30%;width:3.8rem;height:3.8rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{min-height:57rem;max-width:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{height:50rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{position:relative;opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}}@media (max-width: 540px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{max-height:30rem}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:21%;width:3.2rem;height:3.2rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.2rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.2rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-size:2.2rem}}@media (max-width: 375px){.mdl-mdh011{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{height:44rem}}.link-container{width:100%;height:100%}.m-swiper-button.is-hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CarC2TxtCtaComponent, isStandalone: true, selector: "car-c2-txt-cta", inputs: { texts: "texts", items: "items", buttons: "buttons", styles: "styles", showArrowsAlways: "showArrowsAlways" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-mdh011\">\n    <div class=\"mdl-container\">\n        <div class=\"m-content-top\">\n            @if (texts) {\n                @if (texts.title) {\n                    <div class=\"m-title\">{{ texts.title }}</div>\n                }\n                @if (texts.description) {\n                    <div class=\"m-text\">\n                        {{ texts.description }}\n                    </div>\n                }\n            }\n            @if (buttons?.[0]; as btn) {\n                <a\n                    class=\"m-underline-red\"\n                    [href]=\"btn.url\"\n                    [linkType]=\"btn.linkType\"\n                    [attr.target]=\"btn.target\"\n                    [attr.rel]=\"\n                        (btn.target || '_self') === '_blank'\n                            ? 'noopener noreferrer'\n                            : null\n                    \"\n                    [attr.aria-label]=\"btn.label\"\n                >\n                    {{ btn.label }}\n                </a>\n            }\n        </div>\n\n        @if (items) {\n            <div class=\"m-cards-container\">\n                <div class=\"swiper\">\n                    <div class=\"swiper-container\">\n                        <div class=\"swiper-wrapper\">\n                            @for (card of items; track $index) {\n                                <div class=\"swiper-slide\">\n                                    @if (card.multimedia?.imagenes) {\n                                        @if (\n                                            getFirstImageByTag(\n                                                tagName,\n                                                card.multimedia?.imagenes ?? []\n                                            ) ?? card.multimedia?.imagenes?.[0];\n                                            as img\n                                        ) {\n                                            <ng-container>\n                                                <a\n                                                    class=\"link-container\"\n                                                    [href]=\"\n                                                        card.links?.[0]?.url\n                                                    \"\n                                                    [linkType]=\"\n                                                        card.links?.[0]\n                                                            ?.linkType\n                                                    \"\n                                                    [attr.aria-label]=\"\n                                                        card.links?.[0]?.label\n                                                    \"\n                                                >\n                                                    <div\n                                                        class=\"m-card-top\"\n                                                        [style.background-image]=\"\n                                                            'url(' +\n                                                            img.img?.src +\n                                                            ')'\n                                                        \"\n                                                    >\n                                                        @if (\n                                                            card.texts\n                                                                ?.additional1\n                                                        ) {\n                                                            <div\n                                                                class=\"m-tag\"\n                                                                [style.--arrow-color]=\"\n                                                                    styles?.primary ??\n                                                                    '#000'\n                                                                \"\n                                                                [style.--arrow-hover-color]=\"\n                                                                    styles?.primaryHover ??\n                                                                    styles?.primary ??\n                                                                    '#000'\n                                                                \"\n                                                            >\n                                                                {{\n                                                                    card.title ||\n                                                                        card\n                                                                            .texts\n                                                                            ?.additional1\n                                                                }}\n                                                            </div>\n                                                        }\n                                                    </div>\n                                                </a>\n                                            </ng-container>\n                                        }\n                                    }\n\n                                    <div class=\"m-content\">\n                                        @if (card.texts?.name) {\n                                            <div class=\"m-title\">\n                                                {{ card.texts?.name }}\n                                            </div>\n                                        }\n                                        <!--    <img\n                                            *ngIf=\"card.logo\"\n                                            class=\"m-logo\"\n                                            [src]=\"card.logo\"\n                                            [alt]=\"card.title\"\n                                            loading=\"lazy\"\n                                        /> -->\n                                        @if (card.buttons) {\n                                            @for (\n                                                btn of card.buttons;\n                                                track $index\n                                            ) {\n                                                <a\n                                                    [ngClass]=\"\n                                                        $index % 2 === 0\n                                                            ? 'm-button-sm'\n                                                            : 'm-but m-underline'\n                                                    \"\n                                                    [href]=\"btn?.url\"\n                                                    [attr.target]=\"btn?.target\"\n                                                    [attr.rel]=\"\n                                                        (btn?.target ||\n                                                            '_self') ===\n                                                        '_blank'\n                                                            ? 'noopener noreferrer'\n                                                            : null\n                                                    \"\n                                                    [attr.aria-label]=\"\n                                                        btn?.label\n                                                    \"\n                                                    [style.--color]=\"\n                                                        styles?.primary ??\n                                                        '#ff4338'\n                                                    \"\n                                                    [style.--hover-color]=\"\n                                                        styles?.primaryHover ??\n                                                        styles?.primary ??\n                                                        '#ed3b37'\n                                                    \"\n                                                >\n                                                    <span>{{\n                                                        btn?.label\n                                                    }}</span>\n                                                </a>\n                                            }\n                                        }\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    </div>\n\n                    <div\n                        class=\"m-swiper-button prev\"\n                        [class.is-hidden]=\"!arrowsReady || !showPrev\"\n                        [style.--arrow-color]=\"styles?.primary\"\n                        [style.--arrow-hover-color]=\"styles?.primaryHover\"\n                    >\n                        <svg\n                            width=\"7\"\n                            height=\"12\"\n                            viewBox=\"0 0 7 12\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </div>\n\n                    <div\n                        class=\"m-swiper-button next\"\n                        [class.is-hidden]=\"!arrowsReady || !showNext\"\n                        [style.--arrow-color]=\"styles?.primary\"\n                        [style.--arrow-hover-color]=\"styles?.primaryHover\"\n                    >\n                        <svg\n                            width=\"7\"\n                            height=\"12\"\n                            viewBox=\"0 0 7 12\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </div>\n                </div>\n            </div>\n        }\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-mdh011 .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-big{font-size:1.6rem}}.mdl-mdh011 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh011 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh011 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh011 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh011 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh011 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh011 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh011 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-big:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-sm{font-size:1.6rem}}.mdl-mdh011 .m-button-sm{background-color:var(--color, #ff4338)!important}.mdl-mdh011 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.mdl-mdh011 .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338);font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh011 .m-underline:hover,.mdl-mdh011 .m-underline.active{color:var(--hover-color, #ed3b37)!important}.mdl-mdh011 .m-underline:hover:after,.mdl-mdh011 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh011 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1;background:var(--hover-color, transparent)!important}.mdl-mdh011 .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:var(--hover-color, #ed3b37)!important;transition:.3s ease;z-index:2}.mdl-mdh011 .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-red{font-size:1.6rem}}.mdl-mdh011 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-red:hover{color:#ed3b37}.mdl-mdh011 .m-underline-red:hover:after{width:100%}}.mdl-mdh011 .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-blue{font-size:1.6rem}}.mdl-mdh011 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-blue:hover{color:#446ecd}.mdl-mdh011 .m-underline-blue:hover:after{width:100%}}.mdl-mdh011 .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-green{font-size:1.6rem}}.mdl-mdh011 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-green:hover{color:#2ec99b}.mdl-mdh011 .m-underline-green:hover:after{width:100%}}.mdl-mdh011 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:var(--arrow-color, #ff4338);transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh011 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh011 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh011 .m-swiper-button:hover{background-color:var(--arrow-hover-color, #ed3b37)}}@media (max-width: 768px){.mdl-mdh011 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh011 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh011 .m-swiper-button svg{width:.5rem}}.mdl-mdh011 .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh011 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh011 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh011 .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh011 .m-button-close:hover{background-color:#ed3b37}.mdl-mdh011 .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background: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)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh011{padding-top:8.1rem;padding-bottom:8.1rem;background-color:#fff9f9;height:1000px}@media (max-width: 1630px){.mdl-mdh011{height:900px}}@media (max-width: 1363px){.mdl-mdh011{height:800px}}@media (max-width: 768px){.mdl-mdh011{height:700px}}@media (max-width: 768px){.mdl-mdh011{height:1000px}}@media (max-width: 539px){.mdl-mdh011{height:800px}}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%;height:700px}@media (max-width: 800px){.mdl-mdh011 .mdl-container{height:700px}}@media (max-width: 564px){.mdl-mdh011 .mdl-container{height:500px}}.mdl-mdh011 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;gap:2rem;flex-wrap:wrap}.mdl-mdh011 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;width:40rem;color:#515050}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;width:62rem;color:#51505099;text-align:right}.mdl-mdh011 .mdl-container .m-cards-container{width:100%}.mdl-mdh011 .mdl-container .swiper{max-width:100%;overflow:visible;position:relative;width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-container{width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-wrapper{display:flex}.mdl-mdh011 .mdl-container .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{position:absolute;z-index:1;top:30%}.mdl-mdh011 .mdl-container .swiper .next{right:-4.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-4.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;cursor:pointer;overflow:initial}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:31vw;max-height:60rem;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top:after{content:\"\";width:102%;height:22.8rem;left:-1px;bottom:-15rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-beige.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:var(--arrow-color, #ed3b37);color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon{position:relative;width:100%;height:31vw;max-height:56rem;background-color:#fff9f9;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;padding:6rem 5rem;color:#515050b3;text-align:center}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;text-align:center;width:100%;position:relative;z-index:1}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem;color:#515050b3;position:absolute;top:-1rem}@media (max-width: 768px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{position:relative}}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{position:absolute;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm{margin-top:4.3rem;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{margin:2rem 0 4rem}@media (hover: hover){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-card-top{background-blend-mode:multiply;max-height:27vw}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh011 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}.mdl-mdh011 .mdl-container .m-cards-container{gap:5.5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-mdh011{padding-top:7.5rem;padding-bottom:0}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:25%}}@media (max-width: 768px){.mdl-mdh011{padding-left:6rem!important;padding-right:6rem!important}.mdl-mdh011 .mdl-container{width:100%}.mdl-mdh011 .mdl-container .m-content-top{flex-direction:column;align-items:center;text-align:center;gap:3.3rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{width:100%;font-size:2.7rem;text-align:left}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:30%;width:3.8rem;height:3.8rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{min-height:57rem;max-width:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{height:50rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{position:relative;opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}}@media (max-width: 540px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{max-height:30rem}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:21%;width:3.2rem;height:3.2rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.2rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.2rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-size:2.2rem}}@media (max-width: 375px){.mdl-mdh011{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{height:44rem}}.link-container{width:100%;height:100%}.m-swiper-button.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CarC2TxtCtaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'car-c2-txt-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (items) {\n    <section class=\"mdl-mdh011\">\n        <div class=\"mdl-container\">\n            <div class=\"m-content-top\">\n                @if (texts) {\n                    @if (texts.title) {\n                        <div class=\"m-title\">{{ texts.title }}</div>\n                    }\n                    @if (texts.description) {\n                        <div class=\"m-text\">\n                            {{ texts.description }}\n                        </div>\n                    }\n                }\n                @if (buttons?.[0]; as btn) {\n                    <a\n                        class=\"m-underline-red\"\n                        [href]=\"btn.url\"\n                        [linkType]=\"btn.linkType\"\n                        [attr.target]=\"btn.target\"\n                        [attr.rel]=\"\n                            (btn.target || '_self') === '_blank'\n                                ? 'noopener noreferrer'\n                                : null\n                        \"\n                        [attr.aria-label]=\"btn.label\"\n                    >\n                        {{ btn.label }}\n                    </a>\n                }\n            </div>\n\n            @if (items) {\n                <div class=\"m-cards-container\">\n                    <div class=\"swiper\">\n                        <div class=\"swiper-container\">\n                            <div class=\"swiper-wrapper\">\n                                @for (card of items; track $index) {\n                                    <div class=\"swiper-slide\">\n                                        @if (card.multimedia?.imagenes) {\n                                            @if (\n                                                getFirstImageByTag(\n                                                    tagName,\n                                                    card.multimedia?.imagenes ??\n                                                        []\n                                                ) ??\n                                                    card.multimedia\n                                                        ?.imagenes?.[0];\n                                                as img\n                                            ) {\n                                                <ng-container>\n                                                    <a\n                                                        class=\"link-container\"\n                                                        [href]=\"\n                                                            card.links?.[0]?.url\n                                                        \"\n                                                        [linkType]=\"\n                                                            card.links?.[0]\n                                                                ?.linkType\n                                                        \"\n                                                        [attr.aria-label]=\"\n                                                            card.links?.[0]\n                                                                ?.label\n                                                        \"\n                                                    >\n                                                        <div\n                                                            class=\"m-card-top\"\n                                                            [style.background-image]=\"\n                                                                'url(' +\n                                                                img.img?.src +\n                                                                ')'\n                                                            \"\n                                                        >\n                                                            @if (\n                                                                card.texts\n                                                                    ?.additional1\n                                                            ) {\n                                                                <div\n                                                                    class=\"m-tag\"\n                                                                    [style.--arrow-color]=\"\n                                                                        styles?.primary ??\n                                                                        '#000'\n                                                                    \"\n                                                                    [style.--arrow-hover-color]=\"\n                                                                        styles?.primaryHover ??\n                                                                        styles?.primary ??\n                                                                        '#000'\n                                                                    \"\n                                                                >\n                                                                    {{\n                                                                        card.title ||\n                                                                            card\n                                                                                .texts\n                                                                                ?.additional1\n                                                                    }}\n                                                                </div>\n                                                            }\n                                                        </div>\n                                                    </a>\n                                                </ng-container>\n                                            }\n                                        }\n\n                                        <div class=\"m-content\">\n                                            @if (card.texts?.name) {\n                                                <div class=\"m-title\">\n                                                    {{ card.texts?.name }}\n                                                </div>\n                                            }\n                                            <!--    <img\n                                            *ngIf=\"card.logo\"\n                                            class=\"m-logo\"\n                                            [src]=\"card.logo\"\n                                            [alt]=\"card.title\"\n                                            loading=\"lazy\"\n                                        /> -->\n                                            @if (card.buttons) {\n                                                @for (\n                                                    btn of card.buttons;\n                                                    track $index\n                                                ) {\n                                                    <a\n                                                        [ngClass]=\"\n                                                            $index % 2 === 0\n                                                                ? 'm-button-sm'\n                                                                : 'm-but m-underline'\n                                                        \"\n                                                        [href]=\"btn?.url\"\n                                                        [attr.target]=\"\n                                                            btn?.target\n                                                        \"\n                                                        [attr.rel]=\"\n                                                            (btn?.target ||\n                                                                '_self') ===\n                                                            '_blank'\n                                                                ? 'noopener noreferrer'\n                                                                : null\n                                                        \"\n                                                        [attr.aria-label]=\"\n                                                            btn?.label\n                                                        \"\n                                                        [style.--color]=\"\n                                                            styles?.primary ??\n                                                            '#ff4338'\n                                                        \"\n                                                        [style.--hover-color]=\"\n                                                            styles?.primaryHover ??\n                                                            styles?.primary ??\n                                                            '#ed3b37'\n                                                        \"\n                                                    >\n                                                        <span>{{\n                                                            btn?.label\n                                                        }}</span>\n                                                    </a>\n                                                }\n                                            }\n                                        </div>\n                                    </div>\n                                }\n                            </div>\n                        </div>\n\n                        <div\n                            class=\"m-swiper-button prev\"\n                            [class.is-hidden]=\"!showPrev\"\n                            [style.--arrow-color]=\"styles?.primary\"\n                            [style.--arrow-hover-color]=\"styles?.primaryHover\"\n                        >\n                            <svg\n                                width=\"7\"\n                                height=\"12\"\n                                viewBox=\"0 0 7 12\"\n                                fill=\"none\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                                <path\n                                    d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n                                    fill=\"white\"\n                                />\n                            </svg>\n                        </div>\n\n                        <div\n                            class=\"m-swiper-button next\"\n                            [class.is-hidden]=\"!showNext\"\n                            [style.--arrow-color]=\"styles?.primary\"\n                            [style.--arrow-hover-color]=\"styles?.primaryHover\"\n                        >\n                            <svg\n                                width=\"7\"\n                                height=\"12\"\n                                viewBox=\"0 0 7 12\"\n                                fill=\"none\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                                <path\n                                    d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n                                    fill=\"white\"\n                                />\n                            </svg>\n                        </div>\n                    </div>\n                </div>\n            }\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";.mdl-mdh011 .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-big{font-size:1.6rem}}.mdl-mdh011 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh011 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh011 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh011 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh011 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh011 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh011 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh011 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-big:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-sm{font-size:1.6rem}}.mdl-mdh011 .m-button-sm{background-color:var(--color, #ff4338)!important}.mdl-mdh011 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.mdl-mdh011 .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338);font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh011 .m-underline:hover,.mdl-mdh011 .m-underline.active{color:var(--hover-color, #ed3b37)!important}.mdl-mdh011 .m-underline:hover:after,.mdl-mdh011 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh011 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1;background:var(--hover-color, transparent)!important}.mdl-mdh011 .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:var(--hover-color, #ed3b37)!important;transition:.3s ease;z-index:2}.mdl-mdh011 .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-red{font-size:1.6rem}}.mdl-mdh011 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-red:hover{color:#ed3b37}.mdl-mdh011 .m-underline-red:hover:after{width:100%}}.mdl-mdh011 .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-blue{font-size:1.6rem}}.mdl-mdh011 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-blue:hover{color:#446ecd}.mdl-mdh011 .m-underline-blue:hover:after{width:100%}}.mdl-mdh011 .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-green{font-size:1.6rem}}.mdl-mdh011 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-green:hover{color:#2ec99b}.mdl-mdh011 .m-underline-green:hover:after{width:100%}}.mdl-mdh011 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:var(--arrow-color, #ff4338);transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh011 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh011 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh011 .m-swiper-button:hover{background-color:var(--arrow-hover-color, #ed3b37)}}@media (max-width: 768px){.mdl-mdh011 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh011 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh011 .m-swiper-button svg{width:.5rem}}.mdl-mdh011 .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh011 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh011 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh011 .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh011 .m-button-close:hover{background-color:#ed3b37}.mdl-mdh011 .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background: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)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh011{padding-top:8.1rem;padding-bottom:8.1rem;background-color:#fff9f9;height:1000px}@media (max-width: 1630px){.mdl-mdh011{height:900px}}@media (max-width: 1363px){.mdl-mdh011{height:800px}}@media (max-width: 768px){.mdl-mdh011{height:700px}}@media (max-width: 768px){.mdl-mdh011{height:1000px}}@media (max-width: 539px){.mdl-mdh011{height:800px}}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%;height:700px}@media (max-width: 800px){.mdl-mdh011 .mdl-container{height:700px}}@media (max-width: 564px){.mdl-mdh011 .mdl-container{height:500px}}.mdl-mdh011 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;gap:2rem;flex-wrap:wrap}.mdl-mdh011 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;width:40rem;color:#515050}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;width:62rem;color:#51505099;text-align:right}.mdl-mdh011 .mdl-container .m-cards-container{width:100%}.mdl-mdh011 .mdl-container .swiper{max-width:100%;overflow:visible;position:relative;width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-container{width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-wrapper{display:flex}.mdl-mdh011 .mdl-container .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{position:absolute;z-index:1;top:30%}.mdl-mdh011 .mdl-container .swiper .next{right:-4.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-4.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;cursor:pointer;overflow:initial}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:31vw;max-height:60rem;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top:after{content:\"\";width:102%;height:22.8rem;left:-1px;bottom:-15rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-beige.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:var(--arrow-color, #ed3b37);color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon{position:relative;width:100%;height:31vw;max-height:56rem;background-color:#fff9f9;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;padding:6rem 5rem;color:#515050b3;text-align:center}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;text-align:center;width:100%;position:relative;z-index:1}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem;color:#515050b3;position:absolute;top:-1rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{position:absolute;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm{margin-top:4.3rem;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{margin:2rem 0 4rem}@media (hover: hover){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-card-top{background-blend-mode:multiply;max-height:27vw}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh011 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}.mdl-mdh011 .mdl-container .m-cards-container{gap:5.5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-mdh011{padding-top:7.5rem;padding-bottom:0}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:25%}}@media (max-width: 768px){.mdl-mdh011{padding-left:6rem!important;padding-right:6rem!important}.mdl-mdh011 .mdl-container{width:100%}.mdl-mdh011 .mdl-container .m-content-top{flex-direction:column;align-items:center;text-align:center;gap:3.3rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{width:100%;font-size:2.7rem;text-align:left}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:30%;width:3.8rem;height:3.8rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{min-height:57rem;max-width:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{height:50rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{position:relative;opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}}@media (max-width: 540px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{max-height:30rem}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:21%;width:3.2rem;height:3.2rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.2rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.2rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-size:2.2rem}}@media (max-width: 375px){.mdl-mdh011{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{height:44rem}}.link-container{width:100%;height:100%}.m-swiper-button.is-hidden{display:none}\n"] }]
+            args: [{ selector: 'car-c2-txt-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-mdh011\">\n    <div class=\"mdl-container\">\n        <div class=\"m-content-top\">\n            @if (texts) {\n                @if (texts.title) {\n                    <div class=\"m-title\">{{ texts.title }}</div>\n                }\n                @if (texts.description) {\n                    <div class=\"m-text\">\n                        {{ texts.description }}\n                    </div>\n                }\n            }\n            @if (buttons?.[0]; as btn) {\n                <a\n                    class=\"m-underline-red\"\n                    [href]=\"btn.url\"\n                    [linkType]=\"btn.linkType\"\n                    [attr.target]=\"btn.target\"\n                    [attr.rel]=\"\n                        (btn.target || '_self') === '_blank'\n                            ? 'noopener noreferrer'\n                            : null\n                    \"\n                    [attr.aria-label]=\"btn.label\"\n                >\n                    {{ btn.label }}\n                </a>\n            }\n        </div>\n\n        @if (items) {\n            <div class=\"m-cards-container\">\n                <div class=\"swiper\">\n                    <div class=\"swiper-container\">\n                        <div class=\"swiper-wrapper\">\n                            @for (card of items; track $index) {\n                                <div class=\"swiper-slide\">\n                                    @if (card.multimedia?.imagenes) {\n                                        @if (\n                                            getFirstImageByTag(\n                                                tagName,\n                                                card.multimedia?.imagenes ?? []\n                                            ) ?? card.multimedia?.imagenes?.[0];\n                                            as img\n                                        ) {\n                                            <ng-container>\n                                                <a\n                                                    class=\"link-container\"\n                                                    [href]=\"\n                                                        card.links?.[0]?.url\n                                                    \"\n                                                    [linkType]=\"\n                                                        card.links?.[0]\n                                                            ?.linkType\n                                                    \"\n                                                    [attr.aria-label]=\"\n                                                        card.links?.[0]?.label\n                                                    \"\n                                                >\n                                                    <div\n                                                        class=\"m-card-top\"\n                                                        [style.background-image]=\"\n                                                            'url(' +\n                                                            img.img?.src +\n                                                            ')'\n                                                        \"\n                                                    >\n                                                        @if (\n                                                            card.texts\n                                                                ?.additional1\n                                                        ) {\n                                                            <div\n                                                                class=\"m-tag\"\n                                                                [style.--arrow-color]=\"\n                                                                    styles?.primary ??\n                                                                    '#000'\n                                                                \"\n                                                                [style.--arrow-hover-color]=\"\n                                                                    styles?.primaryHover ??\n                                                                    styles?.primary ??\n                                                                    '#000'\n                                                                \"\n                                                            >\n                                                                {{\n                                                                    card.title ||\n                                                                        card\n                                                                            .texts\n                                                                            ?.additional1\n                                                                }}\n                                                            </div>\n                                                        }\n                                                    </div>\n                                                </a>\n                                            </ng-container>\n                                        }\n                                    }\n\n                                    <div class=\"m-content\">\n                                        @if (card.texts?.name) {\n                                            <div class=\"m-title\">\n                                                {{ card.texts?.name }}\n                                            </div>\n                                        }\n                                        <!--    <img\n                                            *ngIf=\"card.logo\"\n                                            class=\"m-logo\"\n                                            [src]=\"card.logo\"\n                                            [alt]=\"card.title\"\n                                            loading=\"lazy\"\n                                        /> -->\n                                        @if (card.buttons) {\n                                            @for (\n                                                btn of card.buttons;\n                                                track $index\n                                            ) {\n                                                <a\n                                                    [ngClass]=\"\n                                                        $index % 2 === 0\n                                                            ? 'm-button-sm'\n                                                            : 'm-but m-underline'\n                                                    \"\n                                                    [href]=\"btn?.url\"\n                                                    [attr.target]=\"btn?.target\"\n                                                    [attr.rel]=\"\n                                                        (btn?.target ||\n                                                            '_self') ===\n                                                        '_blank'\n                                                            ? 'noopener noreferrer'\n                                                            : null\n                                                    \"\n                                                    [attr.aria-label]=\"\n                                                        btn?.label\n                                                    \"\n                                                    [style.--color]=\"\n                                                        styles?.primary ??\n                                                        '#ff4338'\n                                                    \"\n                                                    [style.--hover-color]=\"\n                                                        styles?.primaryHover ??\n                                                        styles?.primary ??\n                                                        '#ed3b37'\n                                                    \"\n                                                >\n                                                    <span>{{\n                                                        btn?.label\n                                                    }}</span>\n                                                </a>\n                                            }\n                                        }\n                                    </div>\n                                </div>\n                            }\n                        </div>\n                    </div>\n\n                    <div\n                        class=\"m-swiper-button prev\"\n                        [class.is-hidden]=\"!arrowsReady || !showPrev\"\n                        [style.--arrow-color]=\"styles?.primary\"\n                        [style.--arrow-hover-color]=\"styles?.primaryHover\"\n                    >\n                        <svg\n                            width=\"7\"\n                            height=\"12\"\n                            viewBox=\"0 0 7 12\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </div>\n\n                    <div\n                        class=\"m-swiper-button next\"\n                        [class.is-hidden]=\"!arrowsReady || !showNext\"\n                        [style.--arrow-color]=\"styles?.primary\"\n                        [style.--arrow-hover-color]=\"styles?.primaryHover\"\n                    >\n                        <svg\n                            width=\"7\"\n                            height=\"12\"\n                            viewBox=\"0 0 7 12\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </div>\n                </div>\n            </div>\n        }\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-mdh011 .m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-big{font-size:1.6rem}}.mdl-mdh011 .m-button-big.red{background-color:#ff4338}@media (hover: hover){.mdl-mdh011 .m-button-big.red:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-big.blue{background-color:#5b87da}@media (hover: hover){.mdl-mdh011 .m-button-big.blue:hover{background-color:#446ecd}}.mdl-mdh011 .m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.mdl-mdh011 .m-button-big.green:hover{background-color:#2ec99b}}.mdl-mdh011 .m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.mdl-mdh011 .m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.mdl-mdh011 .m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-big:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-button-sm{font-size:1.6rem}}.mdl-mdh011 .m-button-sm{background-color:var(--color, #ff4338)!important}.mdl-mdh011 .m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.mdl-mdh011 .m-button-sm:hover{background-color:var(--hover-color, #ed3b37)}}.mdl-mdh011 .m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338);font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline{font-size:1.6rem}}@media (hover: hover){.mdl-mdh011 .m-underline:hover,.mdl-mdh011 .m-underline.active{color:var(--hover-color, #ed3b37)!important}.mdl-mdh011 .m-underline:hover:after,.mdl-mdh011 .m-underline.active:after{opacity:1;width:100%}}.mdl-mdh011 .m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1;background:var(--hover-color, transparent)!important}.mdl-mdh011 .m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:var(--hover-color, #ed3b37)!important;transition:.3s ease;z-index:2}.mdl-mdh011 .m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-red{font-size:1.6rem}}.mdl-mdh011 .m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-red:hover{color:#ed3b37}.mdl-mdh011 .m-underline-red:hover:after{width:100%}}.mdl-mdh011 .m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-blue{font-size:1.6rem}}.mdl-mdh011 .m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-blue:hover{color:#446ecd}.mdl-mdh011 .m-underline-blue:hover:after{width:100%}}.mdl-mdh011 .m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh011 .m-underline-green{font-size:1.6rem}}.mdl-mdh011 .m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.mdl-mdh011 .m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.mdl-mdh011 .m-underline-green:hover{color:#2ec99b}.mdl-mdh011 .m-underline-green:hover:after{width:100%}}.mdl-mdh011 .m-swiper-button{width:4.8rem;height:4.8rem;background-color:var(--arrow-color, #ff4338);transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-swiper-button.swiper-button-disabled{opacity:.7}.mdl-mdh011 .m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.mdl-mdh011 .m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.mdl-mdh011 .m-swiper-button:hover{background-color:var(--arrow-hover-color, #ed3b37)}}@media (max-width: 768px){.mdl-mdh011 .m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.mdl-mdh011 .m-swiper-button{width:3.2rem;height:3.2rem}.mdl-mdh011 .m-swiper-button svg{width:.5rem}}.mdl-mdh011 .m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.mdl-mdh011 .m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh011 .m-swiper-button-s.prev svg{left:45%}.mdl-mdh011 .m-swiper-button-s.next svg{left:55%}@media (hover: hover){.mdl-mdh011 .m-swiper-button-s:hover{background-color:#ed3b37}}.mdl-mdh011 .m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.mdl-mdh011 .m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.mdl-mdh011 .m-button-close:hover{background-color:#ed3b37}.mdl-mdh011 .m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background: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)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh011{padding-top:8.1rem;padding-bottom:8.1rem;background-color:#fff9f9;height:1000px}@media (max-width: 1630px){.mdl-mdh011{height:900px}}@media (max-width: 1363px){.mdl-mdh011{height:800px}}@media (max-width: 768px){.mdl-mdh011{height:700px}}@media (max-width: 768px){.mdl-mdh011{height:1000px}}@media (max-width: 539px){.mdl-mdh011{height:800px}}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%;height:700px}@media (max-width: 800px){.mdl-mdh011 .mdl-container{height:700px}}@media (max-width: 564px){.mdl-mdh011 .mdl-container{height:500px}}.mdl-mdh011 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;gap:2rem;flex-wrap:wrap}.mdl-mdh011 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;width:40rem;color:#515050}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;width:62rem;color:#51505099;text-align:right}.mdl-mdh011 .mdl-container .m-cards-container{width:100%}.mdl-mdh011 .mdl-container .swiper{max-width:100%;overflow:visible;position:relative;width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-container{width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-wrapper{display:flex}.mdl-mdh011 .mdl-container .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{position:absolute;z-index:1;top:30%}.mdl-mdh011 .mdl-container .swiper .next{right:-4.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-4.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;cursor:pointer;overflow:initial}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:31vw;max-height:60rem;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top:after{content:\"\";width:102%;height:22.8rem;left:-1px;bottom:-15rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-beige.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:var(--arrow-color, #ed3b37);color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon{position:relative;width:100%;height:31vw;max-height:56rem;background-color:#fff9f9;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;padding:6rem 5rem;color:#515050b3;text-align:center}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;text-align:center;width:100%;position:relative;z-index:1}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem;color:#515050b3;position:absolute;top:-1rem}@media (max-width: 768px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{position:relative}}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{position:absolute;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm{margin-top:4.3rem;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{margin:2rem 0 4rem}@media (hover: hover){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-card-top{background-blend-mode:multiply;max-height:27vw}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh011 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}.mdl-mdh011 .mdl-container .m-cards-container{gap:5.5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-mdh011{padding-top:7.5rem;padding-bottom:0}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:25%}}@media (max-width: 768px){.mdl-mdh011{padding-left:6rem!important;padding-right:6rem!important}.mdl-mdh011 .mdl-container{width:100%}.mdl-mdh011 .mdl-container .m-content-top{flex-direction:column;align-items:center;text-align:center;gap:3.3rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{width:100%;font-size:2.7rem;text-align:left}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:30%;width:3.8rem;height:3.8rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{min-height:57rem;max-width:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{height:50rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{position:relative;opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}}@media (max-width: 540px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{max-height:30rem}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:21%;width:3.2rem;height:3.2rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.2rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.2rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-size:2.2rem}}@media (max-width: 375px){.mdl-mdh011{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{height:44rem}}.link-container{width:100%;height:100%}.m-swiper-button.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { texts: [{
                 type: Input
             }], items: [{
@@ -17966,6 +18006,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], styles: [{
                 type: Input
+            }], showArrowsAlways: [{
+                type: Input
             }] } });
 
 var cards = [
@@ -18663,11 +18705,11 @@ class LisC3TxtImgCtComponent {
         return [...list].sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC3TxtImgCtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC3TxtImgCtComponent, isStandalone: true, selector: "lis-c3-txt-img-ct", inputs: { content: "content", texts: "texts", multimedia: "multimedia", contactInfo: "contactInfo", consultTypes: "consultTypes", hotels: "hotels", buttons: "buttons" }, outputs: { formSubmit: "formSubmit" }, ngImport: i0, template: "@if (contactInfo) {\n    <section class=\"mdl-md004\">\n        @if (multimedia) {\n            <img\n                class=\"m-float\"\n                [src]=\"\n                    multimedia.staticImagenes?.[0]?.img?.src ??\n                    '/assets/babylon/svg/others/mosaico.png'\n                \"\n                [alt]=\"multimedia.staticImagenes?.[0]?.img?.alt ?? 'alegria'\"\n                loading=\"lazy\"\n            />\n        }\n        <div class=\"mdl-container\">\n            <div class=\"m-left\">\n                @if (contactInfo.title) {\n                    <h2 class=\"m-title\">{{ contactInfo.title }}</h2>\n                }\n                @if (multimedia?.imagenes?.[0]; as img) {\n                    <div class=\"m-img\">\n                        <img\n                            [src]=\"img.img?.src\"\n                            [alt]=\"img.img?.alt\"\n                            loading=\"lazy\"\n                        />\n                    </div>\n                }\n            </div>\n\n            <div class=\"m-right\">\n                <div class=\"m-form-container\">\n                    @if (contactInfo.description) {\n                        <div class=\"m-title\">\n                            {{ contactInfo.description }}\n                        </div>\n                    }\n\n                    <form (submit)=\"handleSubmit($event)\" novalidate>\n                        <div class=\"m-inputs-container\">\n                            @if (hotels?.length) {\n                                <div class=\"m-input\">\n                                    <!-- clase:full  para q sea largo el input -->\n                                    <select name=\"hotelId\" required>\n                                        <option selected disabled value=\"\">\n                                            @if (contactInfo.hotelDropTitle) {\n                                                {{ contactInfo.hotelDropTitle }}\n                                            }\n                                        </option>\n\n                                        @for (h of sortedHotels; track h.id) {\n                                            <option [value]=\"h.id\">\n                                                {{ h.name }}\n                                            </option>\n                                        }\n                                    </select>\n\n                                    <svg\n                                        width=\"11\"\n                                        height=\"6\"\n                                        viewBox=\"0 0 11 6\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <path\n                                            d=\"M4.87252 5.756L0.258221 1.41563C0.0922871 1.25955 -0.000596046 1.04818 3.8147e-06 0.82802C0.000602722 0.607855 0.094636 0.39693 0.261417 0.241647C0.428199 0.0863637 0.654065 -0.000558332 0.88933 2.69906e-06C1.12459 0.000563731 1.34999 0.0885619 1.51592 0.244639L5.48813 4.00549L9.48408 0.247203C9.65001 0.0911261 9.87541 0.00312796 10.1107 0.00256693C10.3459 0.0020059 10.5718 0.088928 10.7386 0.244211C10.9054 0.399495 10.9994 0.610419 11 0.830584C11.0006 1.05075 10.9077 1.26212 10.7418 1.4182L6.12931 5.75685C5.96252 5.9127 5.73641 6.00016 5.50072 6C5.26503 5.99984 5.03906 5.91207 4.87252 5.756Z\"\n                                            fill=\"#515050\"\n                                        />\n                                    </svg>\n                                </div>\n                            }\n                            @if (consultTypes?.length) {\n                                <div class=\"m-input\">\n                                    <select name=\"consultType\" required>\n                                        <option selected disabled value=\"\">\n                                            @if (contactInfo.dropdownTitle) {\n                                                {{ contactInfo.dropdownTitle }}\n                                            }\n                                        </option>\n\n                                        @for (\n                                            opt of consultTypes;\n                                            track $index\n                                        ) {\n                                            <option [value]=\"opt.consultTypeId\">\n                                                {{ opt.name }}\n                                            </option>\n                                        }\n                                    </select>\n\n                                    <svg\n                                        width=\"11\"\n                                        height=\"6\"\n                                        viewBox=\"0 0 11 6\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <path\n                                            d=\"M4.87252 5.756L0.258221 1.41563C0.0922871 1.25955 -0.000596046 1.04818 3.8147e-06 0.82802C0.000602722 0.607855 0.094636 0.39693 0.261417 0.241647C0.428199 0.0863637 0.654065 -0.000558332 0.88933 2.69906e-06C1.12459 0.000563731 1.34999 0.0885619 1.51592 0.244639L5.48813 4.00549L9.48408 0.247203C9.65001 0.0911261 9.87541 0.00312796 10.1107 0.00256693C10.3459 0.0020059 10.5718 0.088928 10.7386 0.244211C10.9054 0.399495 10.9994 0.610419 11 0.830584C11.0006 1.05075 10.9077 1.26212 10.7418 1.4182L6.12931 5.75685C5.96252 5.9127 5.73641 6.00016 5.50072 6C5.26503 5.99984 5.03906 5.91207 4.87252 5.756Z\"\n                                            fill=\"#515050\"\n                                        />\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Name -->\n                            @if (contactInfo.inputName) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputName }}</span>\n                                    <input\n                                        [attr.name]=\"'nombre'\"\n                                        [type]=\"'text'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        minlength=\"2\"\n                                    />\n                                    <svg\n                                        width=\"12\"\n                                        height=\"14\"\n                                        viewBox=\"0 0 12 14\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <g>\n                                            <path\n                                                d=\"M11.0253 9.12893C10.4087 8.51049 9.58738 8.16992 8.71198 8.16992H3.26716C2.39299 8.16992 1.57169 8.51049 0.953871 9.12893C0.335435 9.74675 -0.00452016 10.5681 -0.00390542 11.4422V12.8033C-0.00390542 13.1063 0.241993 13.3529 0.545679 13.3529C0.848134 13.3529 1.09465 13.107 1.09465 12.8033V11.4422C1.09465 10.8619 1.32087 10.3154 1.73153 9.90474C2.14033 9.4947 2.68623 9.26848 3.26778 9.26848H8.71321C9.29415 9.26848 9.84004 9.49409 10.2495 9.90474C10.6601 10.3142 10.8857 10.8607 10.8857 11.4422V12.8033C10.8857 13.1063 11.1316 13.3529 11.4353 13.3529C11.7378 13.3529 11.9843 13.107 11.9843 12.8033V11.4422C11.9843 10.5681 11.6437 9.74675 11.0253 9.12893Z\"\n                                                fill=\"#515050\"\n                                            />\n                                            <path\n                                                d=\"M5.98982 6.54337C7.7941 6.54337 9.2615 5.07597 9.2615 3.27168C9.2615 1.4674 7.7941 0 5.98982 0C4.18554 0 2.71875 1.4674 2.71875 3.27168C2.71875 5.07597 4.18554 6.54337 5.98982 6.54337ZM5.98982 1.09794C7.18858 1.09794 8.16357 2.07293 8.16357 3.27168C8.16357 4.47044 7.18858 5.44543 5.98982 5.44543C4.79168 5.44543 3.81669 4.47044 3.81669 3.27168C3.81669 2.07293 4.79168 1.09794 5.98982 1.09794Z\"\n                                                fill=\"#515050\"\n                                            />\n                                        </g>\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Code -->\n                            @if (contactInfo.inputSurnames) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputSurnames }}</span>\n                                    <input\n                                        [attr.name]=\"'surname'\"\n                                        [type]=\"'text'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        minlength=\"2\"\n                                    />\n                                    <svg\n                                        width=\"12\"\n                                        height=\"14\"\n                                        viewBox=\"0 0 12 14\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <g>\n                                            <path\n                                                d=\"M11.0253 9.12893C10.4087 8.51049 9.58738 8.16992 8.71198 8.16992H3.26716C2.39299 8.16992 1.57169 8.51049 0.953871 9.12893C0.335435 9.74675 -0.00452016 10.5681 -0.00390542 11.4422V12.8033C-0.00390542 13.1063 0.241993 13.3529 0.545679 13.3529C0.848134 13.3529 1.09465 13.107 1.09465 12.8033V11.4422C1.09465 10.8619 1.32087 10.3154 1.73153 9.90474C2.14033 9.4947 2.68623 9.26848 3.26778 9.26848H8.71321C9.29415 9.26848 9.84004 9.49409 10.2495 9.90474C10.6601 10.3142 10.8857 10.8607 10.8857 11.4422V12.8033C10.8857 13.1063 11.1316 13.3529 11.4353 13.3529C11.7378 13.3529 11.9843 13.107 11.9843 12.8033V11.4422C11.9843 10.5681 11.6437 9.74675 11.0253 9.12893Z\"\n                                                fill=\"#515050\"\n                                            />\n                                            <path\n                                                d=\"M5.98982 6.54337C7.7941 6.54337 9.2615 5.07597 9.2615 3.27168C9.2615 1.4674 7.7941 0 5.98982 0C4.18554 0 2.71875 1.4674 2.71875 3.27168C2.71875 5.07597 4.18554 6.54337 5.98982 6.54337ZM5.98982 1.09794C7.18858 1.09794 8.16357 2.07293 8.16357 3.27168C8.16357 4.47044 7.18858 5.44543 5.98982 5.44543C4.79168 5.44543 3.81669 4.47044 3.81669 3.27168C3.81669 2.07293 4.79168 1.09794 5.98982 1.09794Z\"\n                                                fill=\"#515050\"\n                                            />\n                                        </g>\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Email -->\n                            @if (contactInfo.inputEmail) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputEmail }}</span>\n                                    <input\n                                        [attr.name]=\"'email'\"\n                                        [type]=\"'email'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        pattern=\"^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\"\n                                    />\n                                    <svg\n                                        width=\"16\"\n                                        height=\"13\"\n                                        viewBox=\"0 0 16 13\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <path\n                                            d=\"M13.7149 12.7352H2.28514C1.67446 12.7352 1.10053 12.4976 0.669461 12.0657C0.237581 11.6338 0 11.0599 0 10.4492V2.29411C0 2.28758 0 2.28023 0 2.2737C0.00326564 1.66793 0.240847 1.09889 0.669461 0.669461C1.10053 0.237581 1.67446 0 2.28514 0H13.7149C14.3255 0 14.8995 0.237581 15.3305 0.669461C15.7592 1.09889 15.9967 1.66793 16 2.2737C16 2.28023 16 2.28758 16 2.29411V10.4492C16 11.0599 15.7624 11.6338 15.3305 12.0657C14.8995 12.4976 14.3255 12.7352 13.7149 12.7352ZM1.30544 3.50484V10.4484C1.30544 10.7064 1.40993 10.9587 1.5928 11.1407C1.77813 11.326 2.02387 11.4281 2.28593 11.4281H13.7157C13.9728 11.4281 14.2259 11.3236 14.4088 11.1407C14.5917 10.9587 14.6962 10.7064 14.6962 10.4484V3.50484L8.36331 7.7265C8.14451 7.87345 7.85793 7.87345 7.63913 7.7265L1.30544 3.50484ZM1.35686 1.96999L8 6.39901L14.6431 1.96999C14.595 1.82957 14.5158 1.70058 14.408 1.59282C14.2251 1.40994 13.9728 1.30544 13.7149 1.30544H2.28514C2.02389 1.30544 1.77733 1.40749 1.59201 1.59282C1.48424 1.70058 1.40503 1.82957 1.35686 1.96999Z\"\n                                            fill=\"#515050\"\n                                        />\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Telf -->\n                            @if (contactInfo.inputPhone) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputPhone }}</span>\n                                    <input\n                                        [attr.name]=\"'phone'\"\n                                        [type]=\"'tel'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        pattern=\"^[0-9+\\-\\s()]{7,}$\"\n                                    />\n                                    <svg\n                                        width=\"12\"\n                                        height=\"14\"\n                                        viewBox=\"0 0 12 14\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <g>\n                                            <path\n                                                d=\"M11.0253 9.12893C10.4087 8.51049 9.58738 8.16992 8.71198 8.16992H3.26716C2.39299 8.16992 1.57169 8.51049 0.953871 9.12893C0.335435 9.74675 -0.00452016 10.5681 -0.00390542 11.4422V12.8033C-0.00390542 13.1063 0.241993 13.3529 0.545679 13.3529C0.848134 13.3529 1.09465 13.107 1.09465 12.8033V11.4422C1.09465 10.8619 1.32087 10.3154 1.73153 9.90474C2.14033 9.4947 2.68623 9.26848 3.26778 9.26848H8.71321C9.29415 9.26848 9.84004 9.49409 10.2495 9.90474C10.6601 10.3142 10.8857 10.8607 10.8857 11.4422V12.8033C10.8857 13.1063 11.1316 13.3529 11.4353 13.3529C11.7378 13.3529 11.9843 13.107 11.9843 12.8033V11.4422C11.9843 10.5681 11.6437 9.74675 11.0253 9.12893Z\"\n                                                fill=\"#515050\"\n                                            />\n                                            <path\n                                                d=\"M5.98982 6.54337C7.7941 6.54337 9.2615 5.07597 9.2615 3.27168C9.2615 1.4674 7.7941 0 5.98982 0C4.18554 0 2.71875 1.4674 2.71875 3.27168C2.71875 5.07597 4.18554 6.54337 5.98982 6.54337ZM5.98982 1.09794C7.18858 1.09794 8.16357 2.07293 8.16357 3.27168C8.16357 4.47044 7.18858 5.44543 5.98982 5.44543C4.79168 5.44543 3.81669 4.47044 3.81669 3.27168C3.81669 2.07293 4.79168 1.09794 5.98982 1.09794Z\"\n                                                fill=\"#515050\"\n                                            />\n                                        </g>\n                                    </svg>\n                                </div>\n                            }\n\n                            <div class=\"m-input\">\n                                @if (contactInfo.inputMessage) {\n                                    <span>{{ contactInfo.inputMessage }}</span>\n                                    <textarea\n                                        rows=\"14\"\n                                        [placeholder]=\"\n                                            contactInfo.inputMessagePlaceHolder ??\n                                            ''\n                                        \"\n                                        [attr.name]=\"'mensaje'\"\n                                        required\n                                        minlength=\"10\"\n                                    ></textarea>\n                                }\n                            </div>\n                        </div>\n\n                        <div class=\"m-footer\">\n                            <div class=\"m-legal\">\n                                <div class=\"m-row\">\n                                    <small></small>\n                                    @if (contactInfo.errorRequired) {\n                                        <span>{{\n                                            contactInfo.errorRequired\n                                        }}</span>\n                                    }\n                                    <!--      @if (submitAttempted && !isFormValid) {\n                                        <span>{{\n                                            contactInfo.errorRequired\n                                        }}</span>*\n\n                                    @if (submitError) {\n                                        <span>{{ submitError }}</span>\n                                    } -->\n                                </div>\n                                @if (contactInfo.conditions) {\n                                    <div class=\"m-row\">\n                                        <label>\n                                            <input\n                                                type=\"checkbox\"\n                                                [attr.name]=\"'checkbox'\"\n                                                [required]=\"true\"\n                                            />\n                                            <span>{{\n                                                contactInfo.conditions\n                                            }}</span>\n                                        </label>\n                                    </div>\n                                }\n                                @if (contactInfo.conditions2) {\n                                    <div class=\"m-row\">\n                                        <label>\n                                            <input\n                                                type=\"checkbox\"\n                                                [attr.name]=\"'checkbox2'\"\n                                                [required]=\"false\"\n                                            />\n                                            <span>{{\n                                                contactInfo.conditions2\n                                            }}</span>\n                                        </label>\n                                    </div>\n                                }\n                            </div>\n                            @if (buttons?.[0]; as btn) {\n                                <button\n                                    type=\"submit\"\n                                    class=\"m-button-sm\"\n                                    [disabled]=\"isSubmitting\"\n                                >\n                                    <span>{{ btn?.label }}</span>\n                                </button>\n                            }\n                        </div>\n\n                        @if (contactInfo.note) {\n                            <div class=\"m-note\">\n                                {{ contactInfo.note }}\n                            </div>\n                        }\n                    </form>\n\n                    @if (multimedia?.imagenes?.[0]; as img) {\n                        <div class=\"m-img\">\n                            <img\n                                [src]=\"img.img?.src\"\n                                [alt]=\"img.img?.alt\"\n                                loading=\"lazy\"\n                            />\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset}.mdl-md004{position:relative}.mdl-md004 .m-float{position:absolute;left:-10rem;bottom:8rem;z-index:9}.mdl-md004 select{-webkit-appearance:none;appearance:none;background:transparent}.mdl-md004 .mdl-container{display:flex;flex-direction:row;gap:9rem;max-width:116.9rem;padding:18.4rem 0 8rem;position:relative}.mdl-md004 .mdl-container .m-left{width:calc(42% - 4.5rem);display:flex;flex-direction:column;gap:6rem;position:sticky;top:26.5rem;height:max-content}.mdl-md004 .mdl-container .m-left .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md004 .mdl-container .m-left .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md004 .mdl-container .m-left .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md004 .mdl-container .m-left .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md004 .mdl-container .m-left .m-title{color:#515050}.mdl-md004 .mdl-container .m-left .m-img{height:66rem}.mdl-md004 .mdl-container .m-left .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md004 .mdl-container .m-right{width:calc(58% - 4.5rem)}.mdl-md004 .mdl-container .m-right .m-form-container{display:flex;flex-direction:column;gap:6rem}.mdl-md004 .mdl-container .m-right .m-form-container .m-title{color:#515050b2;text-align:end;font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:2.2rem;line-height:3rem}}.mdl-md004 .mdl-container .m-right .m-form-container form{display:flex;flex-direction:column;gap:3rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-inputs-container{display:flex;flex-wrap:wrap;flex-direction:row;gap:2.5rem 3rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;color:#515050;width:calc(50% - 1.7rem);border:1px solid #e4e4e4;border-radius:2px;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:hover svg path{transition:all .3s ease;fill:#ff4338}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input.full,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea){width:100%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(input[required]):after,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(select[required]):after{content:\"\";position:absolute;left:-13px;background-color:transparent;width:5px;height:5px;border:1px solid #ff4338;border-radius:100%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea[required]):after{content:\"\";position:absolute;left:-13px;top:2.5rem;background-color:transparent;width:5px;height:5px;border:1px solid #ff4338;border-radius:100%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(input:focus) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(input:not(:placeholder-shown)) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea:focus) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea:not(:placeholder-shown)) span{transform:translateY(-170%);font-size:1rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea) span{top:2rem;transform:none}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea):has(textarea:focus) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea):has(textarea:not(:placeholder-shown)) span{transform:translateY(-100%)}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input select{width:100%;background-color:transparent;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;color:#515050}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea{padding:3.3rem 2rem 1rem;resize:none}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input::placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input::-webkit-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input:-ms-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input::-ms-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea::placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea::-webkit-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea:-ms-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea::-ms-input-placeholder{color:transparent}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input select{padding:2.3rem 2rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input svg{position:absolute;top:50%;transform:translateY(-60%);right:2rem;pointer-events:none}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input span{position:absolute;top:50%;left:2rem;transform:translateY(-50%);transition:all .3s ease;pointer-events:none}.mdl-md004 .mdl-container .m-right .m-form-container form input[type=checkbox]{appearance:none;width:1.5rem;height:1.5rem;accent-color:#fff;border:1px solid #e4e4e4;border-radius:2px}.mdl-md004 .mdl-container .m-right .m-form-container form input[type=checkbox]:checked{background-image:url(/assets/babylon/svg/icons/input-check.svg);background-position:center;background-size:cover;background-repeat:no-repeat;background-size:80%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;border-bottom:1px solid #e4e4e4;padding-bottom:4rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal{display:flex;flex-direction:column;gap:2.2rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row,.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row label{display:flex;flex-direction:row;gap:1rem;align-items:center}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row small{background-color:transparent;width:5px;height:5px;border:1px solid #ff4338;border-radius:100%;margin-right:3.5px;margin-left:2.5px}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row span{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:24px;color:#515050b2;line-height:1.4}.mdl-md004 .mdl-container .m-right .m-form-container form .m-note{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:24px;color:#515050b2}.mdl-md004 .mdl-container .m-right .m-form-container .m-img{display:none;width:85%;align-self:center}.mdl-md004 .mdl-container .m-right .m-form-container .m-img img{width:100%;height:100%;object-fit:cover}@media (max-width: 1366px){.mdl-md004 .m-float{left:-23rem}.mdl-md004 .mdl-container .m-left{top:25rem}}@media (max-width: 1080px){.mdl-md004{margin-bottom:12rem}.mdl-md004 .m-float{bottom:-4rem}.mdl-md004 .mdl-container{flex-direction:column;gap:2rem}.mdl-md004 .mdl-container .m-left{width:100%;position:relative;top:auto}.mdl-md004 .mdl-container .m-left .m-img{display:none}.mdl-md004 .mdl-container .m-right{width:100%}.mdl-md004 .mdl-container .m-right .m-form-container .m-title{text-align:start}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer{flex-wrap:wrap}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer button{margin:2rem auto 0}.mdl-md004 .mdl-container .m-right .m-form-container .m-img{display:block}}@media (max-width: 540px){.mdl-md004{margin-bottom:4rem}.mdl-md004 .m-float{height:27rem;left:-19rem;bottom:0}.mdl-md004 .mdl-container .m-right .m-form-container{gap:3rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-inputs-container{width:96%;align-self:end}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input{width:100%!important}.mdl-md004 .mdl-container .m-right .m-form-container .m-img{width:100%;height:40rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC3TxtImgCtComponent, isStandalone: true, selector: "lis-c3-txt-img-ct", inputs: { content: "content", texts: "texts", multimedia: "multimedia", contactInfo: "contactInfo", consultTypes: "consultTypes", hotels: "hotels", buttons: "buttons" }, outputs: { formSubmit: "formSubmit" }, ngImport: i0, template: "@if (contactInfo) {\n    <section class=\"mdl-md004\">\n        @if (multimedia) {\n            <img\n                class=\"m-float\"\n                [src]=\"\n                    multimedia.staticImagenes?.[0]?.img?.src ??\n                    '/assets/babylon/svg/others/mosaico.png'\n                \"\n                [alt]=\"multimedia.staticImagenes?.[0]?.img?.alt ?? 'alegria'\"\n                loading=\"lazy\"\n            />\n        }\n        <div class=\"mdl-container\">\n            <div class=\"m-left\">\n                @if (contactInfo.title) {\n                    <h2 class=\"m-title\">{{ contactInfo.title }}</h2>\n                }\n                @if (multimedia?.imagenes?.[0]; as img) {\n                    <div class=\"m-img\">\n                        <img\n                            [src]=\"img.img?.src\"\n                            [alt]=\"img.img?.alt\"\n                            loading=\"lazy\"\n                        />\n                    </div>\n                }\n            </div>\n\n            <div class=\"m-right\">\n                <div class=\"m-form-container\">\n                    @if (contactInfo.description) {\n                        <div class=\"m-title\">\n                            {{ contactInfo.description }}\n                        </div>\n                    }\n\n                    <form (submit)=\"handleSubmit($event)\" novalidate>\n                        <div class=\"m-inputs-container\">\n                            @if (hotels?.length) {\n                                <div class=\"m-input\">\n                                    <!-- clase:full  para q sea largo el input -->\n                                    <select name=\"hotelId\" required>\n                                        <option selected disabled value=\"\">\n                                            @if (contactInfo.hotelDropTitle) {\n                                                {{ contactInfo.hotelDropTitle }}\n                                            }\n                                        </option>\n\n                                        @for (h of sortedHotels; track h.id) {\n                                            <option [value]=\"h.id\">\n                                                {{ h.name }}\n                                            </option>\n                                        }\n                                    </select>\n\n                                    <svg\n                                        width=\"11\"\n                                        height=\"6\"\n                                        viewBox=\"0 0 11 6\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <path\n                                            d=\"M4.87252 5.756L0.258221 1.41563C0.0922871 1.25955 -0.000596046 1.04818 3.8147e-06 0.82802C0.000602722 0.607855 0.094636 0.39693 0.261417 0.241647C0.428199 0.0863637 0.654065 -0.000558332 0.88933 2.69906e-06C1.12459 0.000563731 1.34999 0.0885619 1.51592 0.244639L5.48813 4.00549L9.48408 0.247203C9.65001 0.0911261 9.87541 0.00312796 10.1107 0.00256693C10.3459 0.0020059 10.5718 0.088928 10.7386 0.244211C10.9054 0.399495 10.9994 0.610419 11 0.830584C11.0006 1.05075 10.9077 1.26212 10.7418 1.4182L6.12931 5.75685C5.96252 5.9127 5.73641 6.00016 5.50072 6C5.26503 5.99984 5.03906 5.91207 4.87252 5.756Z\"\n                                            fill=\"#515050\"\n                                        />\n                                    </svg>\n                                </div>\n                            }\n                            @if (consultTypes?.length) {\n                                <div class=\"m-input\">\n                                    <select name=\"consultType\" required>\n                                        <option selected disabled value=\"\">\n                                            @if (contactInfo.dropdownTitle) {\n                                                {{ contactInfo.dropdownTitle }}\n                                            }\n                                        </option>\n\n                                        @for (\n                                            opt of consultTypes;\n                                            track $index\n                                        ) {\n                                            <option [value]=\"opt.consultTypeId\">\n                                                {{ opt.name }}\n                                            </option>\n                                        }\n                                    </select>\n\n                                    <svg\n                                        width=\"11\"\n                                        height=\"6\"\n                                        viewBox=\"0 0 11 6\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <path\n                                            d=\"M4.87252 5.756L0.258221 1.41563C0.0922871 1.25955 -0.000596046 1.04818 3.8147e-06 0.82802C0.000602722 0.607855 0.094636 0.39693 0.261417 0.241647C0.428199 0.0863637 0.654065 -0.000558332 0.88933 2.69906e-06C1.12459 0.000563731 1.34999 0.0885619 1.51592 0.244639L5.48813 4.00549L9.48408 0.247203C9.65001 0.0911261 9.87541 0.00312796 10.1107 0.00256693C10.3459 0.0020059 10.5718 0.088928 10.7386 0.244211C10.9054 0.399495 10.9994 0.610419 11 0.830584C11.0006 1.05075 10.9077 1.26212 10.7418 1.4182L6.12931 5.75685C5.96252 5.9127 5.73641 6.00016 5.50072 6C5.26503 5.99984 5.03906 5.91207 4.87252 5.756Z\"\n                                            fill=\"#515050\"\n                                        />\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Name -->\n                            @if (contactInfo.inputName) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputName }}</span>\n                                    <input\n                                        [attr.name]=\"'nombre'\"\n                                        [type]=\"'text'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        minlength=\"2\"\n                                    />\n                                    <svg\n                                        width=\"12\"\n                                        height=\"14\"\n                                        viewBox=\"0 0 12 14\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <g>\n                                            <path\n                                                d=\"M11.0253 9.12893C10.4087 8.51049 9.58738 8.16992 8.71198 8.16992H3.26716C2.39299 8.16992 1.57169 8.51049 0.953871 9.12893C0.335435 9.74675 -0.00452016 10.5681 -0.00390542 11.4422V12.8033C-0.00390542 13.1063 0.241993 13.3529 0.545679 13.3529C0.848134 13.3529 1.09465 13.107 1.09465 12.8033V11.4422C1.09465 10.8619 1.32087 10.3154 1.73153 9.90474C2.14033 9.4947 2.68623 9.26848 3.26778 9.26848H8.71321C9.29415 9.26848 9.84004 9.49409 10.2495 9.90474C10.6601 10.3142 10.8857 10.8607 10.8857 11.4422V12.8033C10.8857 13.1063 11.1316 13.3529 11.4353 13.3529C11.7378 13.3529 11.9843 13.107 11.9843 12.8033V11.4422C11.9843 10.5681 11.6437 9.74675 11.0253 9.12893Z\"\n                                                fill=\"#515050\"\n                                            />\n                                            <path\n                                                d=\"M5.98982 6.54337C7.7941 6.54337 9.2615 5.07597 9.2615 3.27168C9.2615 1.4674 7.7941 0 5.98982 0C4.18554 0 2.71875 1.4674 2.71875 3.27168C2.71875 5.07597 4.18554 6.54337 5.98982 6.54337ZM5.98982 1.09794C7.18858 1.09794 8.16357 2.07293 8.16357 3.27168C8.16357 4.47044 7.18858 5.44543 5.98982 5.44543C4.79168 5.44543 3.81669 4.47044 3.81669 3.27168C3.81669 2.07293 4.79168 1.09794 5.98982 1.09794Z\"\n                                                fill=\"#515050\"\n                                            />\n                                        </g>\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Code -->\n                            @if (contactInfo.inputSurnames) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputSurnames }}</span>\n                                    <input\n                                        [attr.name]=\"'surname'\"\n                                        [type]=\"'text'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        minlength=\"2\"\n                                    />\n                                    <svg\n                                        width=\"12\"\n                                        height=\"14\"\n                                        viewBox=\"0 0 12 14\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <g>\n                                            <path\n                                                d=\"M11.0253 9.12893C10.4087 8.51049 9.58738 8.16992 8.71198 8.16992H3.26716C2.39299 8.16992 1.57169 8.51049 0.953871 9.12893C0.335435 9.74675 -0.00452016 10.5681 -0.00390542 11.4422V12.8033C-0.00390542 13.1063 0.241993 13.3529 0.545679 13.3529C0.848134 13.3529 1.09465 13.107 1.09465 12.8033V11.4422C1.09465 10.8619 1.32087 10.3154 1.73153 9.90474C2.14033 9.4947 2.68623 9.26848 3.26778 9.26848H8.71321C9.29415 9.26848 9.84004 9.49409 10.2495 9.90474C10.6601 10.3142 10.8857 10.8607 10.8857 11.4422V12.8033C10.8857 13.1063 11.1316 13.3529 11.4353 13.3529C11.7378 13.3529 11.9843 13.107 11.9843 12.8033V11.4422C11.9843 10.5681 11.6437 9.74675 11.0253 9.12893Z\"\n                                                fill=\"#515050\"\n                                            />\n                                            <path\n                                                d=\"M5.98982 6.54337C7.7941 6.54337 9.2615 5.07597 9.2615 3.27168C9.2615 1.4674 7.7941 0 5.98982 0C4.18554 0 2.71875 1.4674 2.71875 3.27168C2.71875 5.07597 4.18554 6.54337 5.98982 6.54337ZM5.98982 1.09794C7.18858 1.09794 8.16357 2.07293 8.16357 3.27168C8.16357 4.47044 7.18858 5.44543 5.98982 5.44543C4.79168 5.44543 3.81669 4.47044 3.81669 3.27168C3.81669 2.07293 4.79168 1.09794 5.98982 1.09794Z\"\n                                                fill=\"#515050\"\n                                            />\n                                        </g>\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Email -->\n                            @if (contactInfo.inputEmail) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputEmail }}</span>\n                                    <input\n                                        [attr.name]=\"'email'\"\n                                        [type]=\"'email'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        pattern=\"^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\"\n                                    />\n                                    <svg\n                                        width=\"16\"\n                                        height=\"13\"\n                                        viewBox=\"0 0 16 13\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <path\n                                            d=\"M13.7149 12.7352H2.28514C1.67446 12.7352 1.10053 12.4976 0.669461 12.0657C0.237581 11.6338 0 11.0599 0 10.4492V2.29411C0 2.28758 0 2.28023 0 2.2737C0.00326564 1.66793 0.240847 1.09889 0.669461 0.669461C1.10053 0.237581 1.67446 0 2.28514 0H13.7149C14.3255 0 14.8995 0.237581 15.3305 0.669461C15.7592 1.09889 15.9967 1.66793 16 2.2737C16 2.28023 16 2.28758 16 2.29411V10.4492C16 11.0599 15.7624 11.6338 15.3305 12.0657C14.8995 12.4976 14.3255 12.7352 13.7149 12.7352ZM1.30544 3.50484V10.4484C1.30544 10.7064 1.40993 10.9587 1.5928 11.1407C1.77813 11.326 2.02387 11.4281 2.28593 11.4281H13.7157C13.9728 11.4281 14.2259 11.3236 14.4088 11.1407C14.5917 10.9587 14.6962 10.7064 14.6962 10.4484V3.50484L8.36331 7.7265C8.14451 7.87345 7.85793 7.87345 7.63913 7.7265L1.30544 3.50484ZM1.35686 1.96999L8 6.39901L14.6431 1.96999C14.595 1.82957 14.5158 1.70058 14.408 1.59282C14.2251 1.40994 13.9728 1.30544 13.7149 1.30544H2.28514C2.02389 1.30544 1.77733 1.40749 1.59201 1.59282C1.48424 1.70058 1.40503 1.82957 1.35686 1.96999Z\"\n                                            fill=\"#515050\"\n                                        />\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Telf -->\n                            @if (contactInfo.inputPhone) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputPhone }}</span>\n                                    <input\n                                        [attr.name]=\"'phone'\"\n                                        [type]=\"'tel'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        pattern=\"^[0-9+\\-\\s()]{7,}$\"\n                                    />\n                                    <svg\n                                        width=\"12\"\n                                        height=\"14\"\n                                        viewBox=\"0 0 12 14\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <g>\n                                            <path\n                                                d=\"M11.0253 9.12893C10.4087 8.51049 9.58738 8.16992 8.71198 8.16992H3.26716C2.39299 8.16992 1.57169 8.51049 0.953871 9.12893C0.335435 9.74675 -0.00452016 10.5681 -0.00390542 11.4422V12.8033C-0.00390542 13.1063 0.241993 13.3529 0.545679 13.3529C0.848134 13.3529 1.09465 13.107 1.09465 12.8033V11.4422C1.09465 10.8619 1.32087 10.3154 1.73153 9.90474C2.14033 9.4947 2.68623 9.26848 3.26778 9.26848H8.71321C9.29415 9.26848 9.84004 9.49409 10.2495 9.90474C10.6601 10.3142 10.8857 10.8607 10.8857 11.4422V12.8033C10.8857 13.1063 11.1316 13.3529 11.4353 13.3529C11.7378 13.3529 11.9843 13.107 11.9843 12.8033V11.4422C11.9843 10.5681 11.6437 9.74675 11.0253 9.12893Z\"\n                                                fill=\"#515050\"\n                                            />\n                                            <path\n                                                d=\"M5.98982 6.54337C7.7941 6.54337 9.2615 5.07597 9.2615 3.27168C9.2615 1.4674 7.7941 0 5.98982 0C4.18554 0 2.71875 1.4674 2.71875 3.27168C2.71875 5.07597 4.18554 6.54337 5.98982 6.54337ZM5.98982 1.09794C7.18858 1.09794 8.16357 2.07293 8.16357 3.27168C8.16357 4.47044 7.18858 5.44543 5.98982 5.44543C4.79168 5.44543 3.81669 4.47044 3.81669 3.27168C3.81669 2.07293 4.79168 1.09794 5.98982 1.09794Z\"\n                                                fill=\"#515050\"\n                                            />\n                                        </g>\n                                    </svg>\n                                </div>\n                            }\n\n                            <div class=\"m-input\">\n                                @if (contactInfo.inputMessage) {\n                                    <span>{{ contactInfo.inputMessage }}</span>\n                                    <textarea\n                                        rows=\"14\"\n                                        [placeholder]=\"\n                                            contactInfo.inputMessagePlaceHolder ??\n                                            ''\n                                        \"\n                                        [attr.name]=\"'mensaje'\"\n                                        required\n                                        minlength=\"10\"\n                                    ></textarea>\n                                }\n                            </div>\n                        </div>\n\n                        <div class=\"m-footer\">\n                            <div class=\"m-legal\">\n                                <div class=\"m-row\">\n                                    <small></small>\n                                    @if (contactInfo.errorRequired) {\n                                        <span>{{\n                                            contactInfo.errorRequired\n                                        }}</span>\n                                    }\n                                    <!--      @if (submitAttempted && !isFormValid) {\n                                        <span>{{\n                                            contactInfo.errorRequired\n                                        }}</span>*\n\n                                    @if (submitError) {\n                                        <span>{{ submitError }}</span>\n                                    } -->\n                                </div>\n                                @if (contactInfo.conditions) {\n                                    <div class=\"m-row\">\n                                        <label>\n                                            <input\n                                                type=\"checkbox\"\n                                                [attr.name]=\"'checkbox'\"\n                                                [required]=\"true\"\n                                            />\n                                            <span>{{\n                                                contactInfo.conditions\n                                            }}</span>\n                                        </label>\n                                    </div>\n                                }\n                                @if (contactInfo.conditions2) {\n                                    <div class=\"m-row\">\n                                        <label>\n                                            <input\n                                                type=\"checkbox\"\n                                                [attr.name]=\"'checkbox2'\"\n                                                [required]=\"false\"\n                                            />\n                                            <span>{{\n                                                contactInfo.conditions2\n                                            }}</span>\n                                        </label>\n                                    </div>\n                                }\n                            </div>\n                            @if (buttons?.[0]; as btn) {\n                                <button\n                                    type=\"submit\"\n                                    class=\"m-button-sm\"\n                                    [disabled]=\"isSubmitting\"\n                                >\n                                    <span>{{ btn?.label }}</span>\n                                </button>\n                            }\n                        </div>\n\n                        @if (contactInfo.note) {\n                            <div class=\"m-note\">\n                                {{ contactInfo.note }}\n                            </div>\n                        }\n                    </form>\n\n                    @if (multimedia?.imagenes?.[0]; as img) {\n                        <div class=\"m-img\">\n                            <img\n                                [src]=\"img.img?.src\"\n                                [alt]=\"img.img?.alt\"\n                                loading=\"lazy\"\n                            />\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset}.mdl-md004{position:relative}.mdl-md004 .m-float{position:absolute;left:-10rem;bottom:8rem;z-index:9}.mdl-md004 select{-webkit-appearance:none;appearance:none;background:transparent}.mdl-md004 select option{font-family:var(--font-text);font-size:1.4rem;font-weight:var(--w_text);color:var(--cl_dropdown-text)}.mdl-md004 .mdl-container{display:flex;flex-direction:row;gap:9rem;max-width:116.9rem;padding:18.4rem 0 8rem;position:relative}.mdl-md004 .mdl-container .m-left{width:calc(42% - 4.5rem);display:flex;flex-direction:column;gap:6rem;position:sticky;top:26.5rem;height:max-content}.mdl-md004 .mdl-container .m-left .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md004 .mdl-container .m-left .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md004 .mdl-container .m-left .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md004 .mdl-container .m-left .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md004 .mdl-container .m-left .m-title{color:#515050}.mdl-md004 .mdl-container .m-left .m-img{height:66rem}.mdl-md004 .mdl-container .m-left .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md004 .mdl-container .m-right{width:calc(58% - 4.5rem)}.mdl-md004 .mdl-container .m-right .m-form-container{display:flex;flex-direction:column;gap:6rem}.mdl-md004 .mdl-container .m-right .m-form-container .m-title{color:#515050b2;text-align:end;font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:2.2rem;line-height:3rem}}.mdl-md004 .mdl-container .m-right .m-form-container form{display:flex;flex-direction:column;gap:3rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-inputs-container{display:flex;flex-wrap:wrap;flex-direction:row;gap:2.5rem 3rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;color:#515050;width:calc(50% - 1.7rem);border:1px solid #e4e4e4;border-radius:2px;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:hover svg path{transition:all .3s ease;fill:#ff4338}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input.full,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea){width:100%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(input[required]):after,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(select[required]):after{content:\"\";position:absolute;left:-13px;background-color:transparent;width:5px;height:5px;border:1px solid #ff4338;border-radius:100%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea[required]):after{content:\"\";position:absolute;left:-13px;top:2.5rem;background-color:transparent;width:5px;height:5px;border:1px solid #ff4338;border-radius:100%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(input:focus) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(input:not(:placeholder-shown)) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea:focus) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea:not(:placeholder-shown)) span{transform:translateY(-170%);font-size:1rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea) span{top:2rem;transform:none}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea):has(textarea:focus) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea):has(textarea:not(:placeholder-shown)) span{transform:translateY(-100%)}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input select{width:100%;background-color:transparent;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;color:#515050}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea{padding:3.3rem 2rem 1rem;resize:none}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input::placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input::-webkit-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input:-ms-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input::-ms-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea::placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea::-webkit-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea:-ms-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea::-ms-input-placeholder{color:transparent}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input select{padding:2.3rem 2rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input svg{position:absolute;top:50%;transform:translateY(-60%);right:2rem;pointer-events:none}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input span{position:absolute;top:50%;left:2rem;transform:translateY(-50%);transition:all .3s ease;pointer-events:none}.mdl-md004 .mdl-container .m-right .m-form-container form input[type=checkbox]{appearance:none;width:1.5rem;height:1.5rem;accent-color:#fff;border:1px solid #e4e4e4;border-radius:2px}.mdl-md004 .mdl-container .m-right .m-form-container form input[type=checkbox]:checked{background-image:url(/assets/babylon/svg/icons/input-check.svg);background-position:center;background-size:cover;background-repeat:no-repeat;background-size:80%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;border-bottom:1px solid #e4e4e4;padding-bottom:4rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal{display:flex;flex-direction:column;gap:2.2rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row,.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row label{display:flex;flex-direction:row;gap:1rem;align-items:center}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row small{background-color:transparent;width:5px;height:5px;border:1px solid #ff4338;border-radius:100%;margin-right:3.5px;margin-left:2.5px}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row span{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:24px;color:#515050b2;line-height:1.4}.mdl-md004 .mdl-container .m-right .m-form-container form .m-note{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:24px;color:#515050b2}.mdl-md004 .mdl-container .m-right .m-form-container .m-img{display:none;width:85%;align-self:center}.mdl-md004 .mdl-container .m-right .m-form-container .m-img img{width:100%;height:100%;object-fit:cover}@media (max-width: 1366px){.mdl-md004 .m-float{left:-23rem}.mdl-md004 .mdl-container .m-left{top:25rem}}@media (max-width: 1080px){.mdl-md004{margin-bottom:12rem}.mdl-md004 .m-float{bottom:-4rem}.mdl-md004 .mdl-container{flex-direction:column;gap:2rem}.mdl-md004 .mdl-container .m-left{width:100%;position:relative;top:auto}.mdl-md004 .mdl-container .m-left .m-img{display:none}.mdl-md004 .mdl-container .m-right{width:100%}.mdl-md004 .mdl-container .m-right .m-form-container .m-title{text-align:start}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer{flex-wrap:wrap}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer button{margin:2rem auto 0}.mdl-md004 .mdl-container .m-right .m-form-container .m-img{display:block}}@media (max-width: 540px){.mdl-md004{margin-bottom:4rem}.mdl-md004 .m-float{height:27rem;left:-19rem;bottom:0}.mdl-md004 .mdl-container .m-right .m-form-container{gap:3rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-inputs-container{width:96%;align-self:end}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input{width:100%!important}.mdl-md004 .mdl-container .m-right .m-form-container .m-img{width:100%;height:40rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC3TxtImgCtComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lis-c3-txt-img-ct', standalone: true, imports: [CommonModule], template: "@if (contactInfo) {\n    <section class=\"mdl-md004\">\n        @if (multimedia) {\n            <img\n                class=\"m-float\"\n                [src]=\"\n                    multimedia.staticImagenes?.[0]?.img?.src ??\n                    '/assets/babylon/svg/others/mosaico.png'\n                \"\n                [alt]=\"multimedia.staticImagenes?.[0]?.img?.alt ?? 'alegria'\"\n                loading=\"lazy\"\n            />\n        }\n        <div class=\"mdl-container\">\n            <div class=\"m-left\">\n                @if (contactInfo.title) {\n                    <h2 class=\"m-title\">{{ contactInfo.title }}</h2>\n                }\n                @if (multimedia?.imagenes?.[0]; as img) {\n                    <div class=\"m-img\">\n                        <img\n                            [src]=\"img.img?.src\"\n                            [alt]=\"img.img?.alt\"\n                            loading=\"lazy\"\n                        />\n                    </div>\n                }\n            </div>\n\n            <div class=\"m-right\">\n                <div class=\"m-form-container\">\n                    @if (contactInfo.description) {\n                        <div class=\"m-title\">\n                            {{ contactInfo.description }}\n                        </div>\n                    }\n\n                    <form (submit)=\"handleSubmit($event)\" novalidate>\n                        <div class=\"m-inputs-container\">\n                            @if (hotels?.length) {\n                                <div class=\"m-input\">\n                                    <!-- clase:full  para q sea largo el input -->\n                                    <select name=\"hotelId\" required>\n                                        <option selected disabled value=\"\">\n                                            @if (contactInfo.hotelDropTitle) {\n                                                {{ contactInfo.hotelDropTitle }}\n                                            }\n                                        </option>\n\n                                        @for (h of sortedHotels; track h.id) {\n                                            <option [value]=\"h.id\">\n                                                {{ h.name }}\n                                            </option>\n                                        }\n                                    </select>\n\n                                    <svg\n                                        width=\"11\"\n                                        height=\"6\"\n                                        viewBox=\"0 0 11 6\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <path\n                                            d=\"M4.87252 5.756L0.258221 1.41563C0.0922871 1.25955 -0.000596046 1.04818 3.8147e-06 0.82802C0.000602722 0.607855 0.094636 0.39693 0.261417 0.241647C0.428199 0.0863637 0.654065 -0.000558332 0.88933 2.69906e-06C1.12459 0.000563731 1.34999 0.0885619 1.51592 0.244639L5.48813 4.00549L9.48408 0.247203C9.65001 0.0911261 9.87541 0.00312796 10.1107 0.00256693C10.3459 0.0020059 10.5718 0.088928 10.7386 0.244211C10.9054 0.399495 10.9994 0.610419 11 0.830584C11.0006 1.05075 10.9077 1.26212 10.7418 1.4182L6.12931 5.75685C5.96252 5.9127 5.73641 6.00016 5.50072 6C5.26503 5.99984 5.03906 5.91207 4.87252 5.756Z\"\n                                            fill=\"#515050\"\n                                        />\n                                    </svg>\n                                </div>\n                            }\n                            @if (consultTypes?.length) {\n                                <div class=\"m-input\">\n                                    <select name=\"consultType\" required>\n                                        <option selected disabled value=\"\">\n                                            @if (contactInfo.dropdownTitle) {\n                                                {{ contactInfo.dropdownTitle }}\n                                            }\n                                        </option>\n\n                                        @for (\n                                            opt of consultTypes;\n                                            track $index\n                                        ) {\n                                            <option [value]=\"opt.consultTypeId\">\n                                                {{ opt.name }}\n                                            </option>\n                                        }\n                                    </select>\n\n                                    <svg\n                                        width=\"11\"\n                                        height=\"6\"\n                                        viewBox=\"0 0 11 6\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <path\n                                            d=\"M4.87252 5.756L0.258221 1.41563C0.0922871 1.25955 -0.000596046 1.04818 3.8147e-06 0.82802C0.000602722 0.607855 0.094636 0.39693 0.261417 0.241647C0.428199 0.0863637 0.654065 -0.000558332 0.88933 2.69906e-06C1.12459 0.000563731 1.34999 0.0885619 1.51592 0.244639L5.48813 4.00549L9.48408 0.247203C9.65001 0.0911261 9.87541 0.00312796 10.1107 0.00256693C10.3459 0.0020059 10.5718 0.088928 10.7386 0.244211C10.9054 0.399495 10.9994 0.610419 11 0.830584C11.0006 1.05075 10.9077 1.26212 10.7418 1.4182L6.12931 5.75685C5.96252 5.9127 5.73641 6.00016 5.50072 6C5.26503 5.99984 5.03906 5.91207 4.87252 5.756Z\"\n                                            fill=\"#515050\"\n                                        />\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Name -->\n                            @if (contactInfo.inputName) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputName }}</span>\n                                    <input\n                                        [attr.name]=\"'nombre'\"\n                                        [type]=\"'text'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        minlength=\"2\"\n                                    />\n                                    <svg\n                                        width=\"12\"\n                                        height=\"14\"\n                                        viewBox=\"0 0 12 14\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <g>\n                                            <path\n                                                d=\"M11.0253 9.12893C10.4087 8.51049 9.58738 8.16992 8.71198 8.16992H3.26716C2.39299 8.16992 1.57169 8.51049 0.953871 9.12893C0.335435 9.74675 -0.00452016 10.5681 -0.00390542 11.4422V12.8033C-0.00390542 13.1063 0.241993 13.3529 0.545679 13.3529C0.848134 13.3529 1.09465 13.107 1.09465 12.8033V11.4422C1.09465 10.8619 1.32087 10.3154 1.73153 9.90474C2.14033 9.4947 2.68623 9.26848 3.26778 9.26848H8.71321C9.29415 9.26848 9.84004 9.49409 10.2495 9.90474C10.6601 10.3142 10.8857 10.8607 10.8857 11.4422V12.8033C10.8857 13.1063 11.1316 13.3529 11.4353 13.3529C11.7378 13.3529 11.9843 13.107 11.9843 12.8033V11.4422C11.9843 10.5681 11.6437 9.74675 11.0253 9.12893Z\"\n                                                fill=\"#515050\"\n                                            />\n                                            <path\n                                                d=\"M5.98982 6.54337C7.7941 6.54337 9.2615 5.07597 9.2615 3.27168C9.2615 1.4674 7.7941 0 5.98982 0C4.18554 0 2.71875 1.4674 2.71875 3.27168C2.71875 5.07597 4.18554 6.54337 5.98982 6.54337ZM5.98982 1.09794C7.18858 1.09794 8.16357 2.07293 8.16357 3.27168C8.16357 4.47044 7.18858 5.44543 5.98982 5.44543C4.79168 5.44543 3.81669 4.47044 3.81669 3.27168C3.81669 2.07293 4.79168 1.09794 5.98982 1.09794Z\"\n                                                fill=\"#515050\"\n                                            />\n                                        </g>\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Code -->\n                            @if (contactInfo.inputSurnames) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputSurnames }}</span>\n                                    <input\n                                        [attr.name]=\"'surname'\"\n                                        [type]=\"'text'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        minlength=\"2\"\n                                    />\n                                    <svg\n                                        width=\"12\"\n                                        height=\"14\"\n                                        viewBox=\"0 0 12 14\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <g>\n                                            <path\n                                                d=\"M11.0253 9.12893C10.4087 8.51049 9.58738 8.16992 8.71198 8.16992H3.26716C2.39299 8.16992 1.57169 8.51049 0.953871 9.12893C0.335435 9.74675 -0.00452016 10.5681 -0.00390542 11.4422V12.8033C-0.00390542 13.1063 0.241993 13.3529 0.545679 13.3529C0.848134 13.3529 1.09465 13.107 1.09465 12.8033V11.4422C1.09465 10.8619 1.32087 10.3154 1.73153 9.90474C2.14033 9.4947 2.68623 9.26848 3.26778 9.26848H8.71321C9.29415 9.26848 9.84004 9.49409 10.2495 9.90474C10.6601 10.3142 10.8857 10.8607 10.8857 11.4422V12.8033C10.8857 13.1063 11.1316 13.3529 11.4353 13.3529C11.7378 13.3529 11.9843 13.107 11.9843 12.8033V11.4422C11.9843 10.5681 11.6437 9.74675 11.0253 9.12893Z\"\n                                                fill=\"#515050\"\n                                            />\n                                            <path\n                                                d=\"M5.98982 6.54337C7.7941 6.54337 9.2615 5.07597 9.2615 3.27168C9.2615 1.4674 7.7941 0 5.98982 0C4.18554 0 2.71875 1.4674 2.71875 3.27168C2.71875 5.07597 4.18554 6.54337 5.98982 6.54337ZM5.98982 1.09794C7.18858 1.09794 8.16357 2.07293 8.16357 3.27168C8.16357 4.47044 7.18858 5.44543 5.98982 5.44543C4.79168 5.44543 3.81669 4.47044 3.81669 3.27168C3.81669 2.07293 4.79168 1.09794 5.98982 1.09794Z\"\n                                                fill=\"#515050\"\n                                            />\n                                        </g>\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Email -->\n                            @if (contactInfo.inputEmail) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputEmail }}</span>\n                                    <input\n                                        [attr.name]=\"'email'\"\n                                        [type]=\"'email'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        pattern=\"^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\"\n                                    />\n                                    <svg\n                                        width=\"16\"\n                                        height=\"13\"\n                                        viewBox=\"0 0 16 13\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <path\n                                            d=\"M13.7149 12.7352H2.28514C1.67446 12.7352 1.10053 12.4976 0.669461 12.0657C0.237581 11.6338 0 11.0599 0 10.4492V2.29411C0 2.28758 0 2.28023 0 2.2737C0.00326564 1.66793 0.240847 1.09889 0.669461 0.669461C1.10053 0.237581 1.67446 0 2.28514 0H13.7149C14.3255 0 14.8995 0.237581 15.3305 0.669461C15.7592 1.09889 15.9967 1.66793 16 2.2737C16 2.28023 16 2.28758 16 2.29411V10.4492C16 11.0599 15.7624 11.6338 15.3305 12.0657C14.8995 12.4976 14.3255 12.7352 13.7149 12.7352ZM1.30544 3.50484V10.4484C1.30544 10.7064 1.40993 10.9587 1.5928 11.1407C1.77813 11.326 2.02387 11.4281 2.28593 11.4281H13.7157C13.9728 11.4281 14.2259 11.3236 14.4088 11.1407C14.5917 10.9587 14.6962 10.7064 14.6962 10.4484V3.50484L8.36331 7.7265C8.14451 7.87345 7.85793 7.87345 7.63913 7.7265L1.30544 3.50484ZM1.35686 1.96999L8 6.39901L14.6431 1.96999C14.595 1.82957 14.5158 1.70058 14.408 1.59282C14.2251 1.40994 13.9728 1.30544 13.7149 1.30544H2.28514C2.02389 1.30544 1.77733 1.40749 1.59201 1.59282C1.48424 1.70058 1.40503 1.82957 1.35686 1.96999Z\"\n                                            fill=\"#515050\"\n                                        />\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Telf -->\n                            @if (contactInfo.inputPhone) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputPhone }}</span>\n                                    <input\n                                        [attr.name]=\"'phone'\"\n                                        [type]=\"'tel'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        pattern=\"^[0-9+\\-\\s()]{7,}$\"\n                                    />\n                                    <svg\n                                        width=\"12\"\n                                        height=\"14\"\n                                        viewBox=\"0 0 12 14\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <g>\n                                            <path\n                                                d=\"M11.0253 9.12893C10.4087 8.51049 9.58738 8.16992 8.71198 8.16992H3.26716C2.39299 8.16992 1.57169 8.51049 0.953871 9.12893C0.335435 9.74675 -0.00452016 10.5681 -0.00390542 11.4422V12.8033C-0.00390542 13.1063 0.241993 13.3529 0.545679 13.3529C0.848134 13.3529 1.09465 13.107 1.09465 12.8033V11.4422C1.09465 10.8619 1.32087 10.3154 1.73153 9.90474C2.14033 9.4947 2.68623 9.26848 3.26778 9.26848H8.71321C9.29415 9.26848 9.84004 9.49409 10.2495 9.90474C10.6601 10.3142 10.8857 10.8607 10.8857 11.4422V12.8033C10.8857 13.1063 11.1316 13.3529 11.4353 13.3529C11.7378 13.3529 11.9843 13.107 11.9843 12.8033V11.4422C11.9843 10.5681 11.6437 9.74675 11.0253 9.12893Z\"\n                                                fill=\"#515050\"\n                                            />\n                                            <path\n                                                d=\"M5.98982 6.54337C7.7941 6.54337 9.2615 5.07597 9.2615 3.27168C9.2615 1.4674 7.7941 0 5.98982 0C4.18554 0 2.71875 1.4674 2.71875 3.27168C2.71875 5.07597 4.18554 6.54337 5.98982 6.54337ZM5.98982 1.09794C7.18858 1.09794 8.16357 2.07293 8.16357 3.27168C8.16357 4.47044 7.18858 5.44543 5.98982 5.44543C4.79168 5.44543 3.81669 4.47044 3.81669 3.27168C3.81669 2.07293 4.79168 1.09794 5.98982 1.09794Z\"\n                                                fill=\"#515050\"\n                                            />\n                                        </g>\n                                    </svg>\n                                </div>\n                            }\n\n                            <div class=\"m-input\">\n                                @if (contactInfo.inputMessage) {\n                                    <span>{{ contactInfo.inputMessage }}</span>\n                                    <textarea\n                                        rows=\"14\"\n                                        [placeholder]=\"\n                                            contactInfo.inputMessagePlaceHolder ??\n                                            ''\n                                        \"\n                                        [attr.name]=\"'mensaje'\"\n                                        required\n                                        minlength=\"10\"\n                                    ></textarea>\n                                }\n                            </div>\n                        </div>\n\n                        <div class=\"m-footer\">\n                            <div class=\"m-legal\">\n                                <div class=\"m-row\">\n                                    <small></small>\n                                    @if (contactInfo.errorRequired) {\n                                        <span>{{\n                                            contactInfo.errorRequired\n                                        }}</span>\n                                    }\n                                    <!--      @if (submitAttempted && !isFormValid) {\n                                        <span>{{\n                                            contactInfo.errorRequired\n                                        }}</span>*\n\n                                    @if (submitError) {\n                                        <span>{{ submitError }}</span>\n                                    } -->\n                                </div>\n                                @if (contactInfo.conditions) {\n                                    <div class=\"m-row\">\n                                        <label>\n                                            <input\n                                                type=\"checkbox\"\n                                                [attr.name]=\"'checkbox'\"\n                                                [required]=\"true\"\n                                            />\n                                            <span>{{\n                                                contactInfo.conditions\n                                            }}</span>\n                                        </label>\n                                    </div>\n                                }\n                                @if (contactInfo.conditions2) {\n                                    <div class=\"m-row\">\n                                        <label>\n                                            <input\n                                                type=\"checkbox\"\n                                                [attr.name]=\"'checkbox2'\"\n                                                [required]=\"false\"\n                                            />\n                                            <span>{{\n                                                contactInfo.conditions2\n                                            }}</span>\n                                        </label>\n                                    </div>\n                                }\n                            </div>\n                            @if (buttons?.[0]; as btn) {\n                                <button\n                                    type=\"submit\"\n                                    class=\"m-button-sm\"\n                                    [disabled]=\"isSubmitting\"\n                                >\n                                    <span>{{ btn?.label }}</span>\n                                </button>\n                            }\n                        </div>\n\n                        @if (contactInfo.note) {\n                            <div class=\"m-note\">\n                                {{ contactInfo.note }}\n                            </div>\n                        }\n                    </form>\n\n                    @if (multimedia?.imagenes?.[0]; as img) {\n                        <div class=\"m-img\">\n                            <img\n                                [src]=\"img.img?.src\"\n                                [alt]=\"img.img?.alt\"\n                                loading=\"lazy\"\n                            />\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset}.mdl-md004{position:relative}.mdl-md004 .m-float{position:absolute;left:-10rem;bottom:8rem;z-index:9}.mdl-md004 select{-webkit-appearance:none;appearance:none;background:transparent}.mdl-md004 .mdl-container{display:flex;flex-direction:row;gap:9rem;max-width:116.9rem;padding:18.4rem 0 8rem;position:relative}.mdl-md004 .mdl-container .m-left{width:calc(42% - 4.5rem);display:flex;flex-direction:column;gap:6rem;position:sticky;top:26.5rem;height:max-content}.mdl-md004 .mdl-container .m-left .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md004 .mdl-container .m-left .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md004 .mdl-container .m-left .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md004 .mdl-container .m-left .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md004 .mdl-container .m-left .m-title{color:#515050}.mdl-md004 .mdl-container .m-left .m-img{height:66rem}.mdl-md004 .mdl-container .m-left .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md004 .mdl-container .m-right{width:calc(58% - 4.5rem)}.mdl-md004 .mdl-container .m-right .m-form-container{display:flex;flex-direction:column;gap:6rem}.mdl-md004 .mdl-container .m-right .m-form-container .m-title{color:#515050b2;text-align:end;font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:2.2rem;line-height:3rem}}.mdl-md004 .mdl-container .m-right .m-form-container form{display:flex;flex-direction:column;gap:3rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-inputs-container{display:flex;flex-wrap:wrap;flex-direction:row;gap:2.5rem 3rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;color:#515050;width:calc(50% - 1.7rem);border:1px solid #e4e4e4;border-radius:2px;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:hover svg path{transition:all .3s ease;fill:#ff4338}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input.full,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea){width:100%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(input[required]):after,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(select[required]):after{content:\"\";position:absolute;left:-13px;background-color:transparent;width:5px;height:5px;border:1px solid #ff4338;border-radius:100%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea[required]):after{content:\"\";position:absolute;left:-13px;top:2.5rem;background-color:transparent;width:5px;height:5px;border:1px solid #ff4338;border-radius:100%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(input:focus) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(input:not(:placeholder-shown)) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea:focus) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea:not(:placeholder-shown)) span{transform:translateY(-170%);font-size:1rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea) span{top:2rem;transform:none}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea):has(textarea:focus) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea):has(textarea:not(:placeholder-shown)) span{transform:translateY(-100%)}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input select{width:100%;background-color:transparent;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;color:#515050}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea{padding:3.3rem 2rem 1rem;resize:none}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input::placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input::-webkit-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input:-ms-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input::-ms-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea::placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea::-webkit-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea:-ms-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea::-ms-input-placeholder{color:transparent}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input select{padding:2.3rem 2rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input svg{position:absolute;top:50%;transform:translateY(-60%);right:2rem;pointer-events:none}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input span{position:absolute;top:50%;left:2rem;transform:translateY(-50%);transition:all .3s ease;pointer-events:none}.mdl-md004 .mdl-container .m-right .m-form-container form input[type=checkbox]{appearance:none;width:1.5rem;height:1.5rem;accent-color:#fff;border:1px solid #e4e4e4;border-radius:2px}.mdl-md004 .mdl-container .m-right .m-form-container form input[type=checkbox]:checked{background-image:url(/assets/babylon/svg/icons/input-check.svg);background-position:center;background-size:cover;background-repeat:no-repeat;background-size:80%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;border-bottom:1px solid #e4e4e4;padding-bottom:4rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal{display:flex;flex-direction:column;gap:2.2rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row,.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row label{display:flex;flex-direction:row;gap:1rem;align-items:center}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row small{background-color:transparent;width:5px;height:5px;border:1px solid #ff4338;border-radius:100%;margin-right:3.5px;margin-left:2.5px}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row span{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:24px;color:#515050b2;line-height:1.4}.mdl-md004 .mdl-container .m-right .m-form-container form .m-note{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:24px;color:#515050b2}.mdl-md004 .mdl-container .m-right .m-form-container .m-img{display:none;width:85%;align-self:center}.mdl-md004 .mdl-container .m-right .m-form-container .m-img img{width:100%;height:100%;object-fit:cover}@media (max-width: 1366px){.mdl-md004 .m-float{left:-23rem}.mdl-md004 .mdl-container .m-left{top:25rem}}@media (max-width: 1080px){.mdl-md004{margin-bottom:12rem}.mdl-md004 .m-float{bottom:-4rem}.mdl-md004 .mdl-container{flex-direction:column;gap:2rem}.mdl-md004 .mdl-container .m-left{width:100%;position:relative;top:auto}.mdl-md004 .mdl-container .m-left .m-img{display:none}.mdl-md004 .mdl-container .m-right{width:100%}.mdl-md004 .mdl-container .m-right .m-form-container .m-title{text-align:start}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer{flex-wrap:wrap}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer button{margin:2rem auto 0}.mdl-md004 .mdl-container .m-right .m-form-container .m-img{display:block}}@media (max-width: 540px){.mdl-md004{margin-bottom:4rem}.mdl-md004 .m-float{height:27rem;left:-19rem;bottom:0}.mdl-md004 .mdl-container .m-right .m-form-container{gap:3rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-inputs-container{width:96%;align-self:end}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input{width:100%!important}.mdl-md004 .mdl-container .m-right .m-form-container .m-img{width:100%;height:40rem}}\n"] }]
+            args: [{ selector: 'lis-c3-txt-img-ct', standalone: true, imports: [CommonModule], template: "@if (contactInfo) {\n    <section class=\"mdl-md004\">\n        @if (multimedia) {\n            <img\n                class=\"m-float\"\n                [src]=\"\n                    multimedia.staticImagenes?.[0]?.img?.src ??\n                    '/assets/babylon/svg/others/mosaico.png'\n                \"\n                [alt]=\"multimedia.staticImagenes?.[0]?.img?.alt ?? 'alegria'\"\n                loading=\"lazy\"\n            />\n        }\n        <div class=\"mdl-container\">\n            <div class=\"m-left\">\n                @if (contactInfo.title) {\n                    <h2 class=\"m-title\">{{ contactInfo.title }}</h2>\n                }\n                @if (multimedia?.imagenes?.[0]; as img) {\n                    <div class=\"m-img\">\n                        <img\n                            [src]=\"img.img?.src\"\n                            [alt]=\"img.img?.alt\"\n                            loading=\"lazy\"\n                        />\n                    </div>\n                }\n            </div>\n\n            <div class=\"m-right\">\n                <div class=\"m-form-container\">\n                    @if (contactInfo.description) {\n                        <div class=\"m-title\">\n                            {{ contactInfo.description }}\n                        </div>\n                    }\n\n                    <form (submit)=\"handleSubmit($event)\" novalidate>\n                        <div class=\"m-inputs-container\">\n                            @if (hotels?.length) {\n                                <div class=\"m-input\">\n                                    <!-- clase:full  para q sea largo el input -->\n                                    <select name=\"hotelId\" required>\n                                        <option selected disabled value=\"\">\n                                            @if (contactInfo.hotelDropTitle) {\n                                                {{ contactInfo.hotelDropTitle }}\n                                            }\n                                        </option>\n\n                                        @for (h of sortedHotels; track h.id) {\n                                            <option [value]=\"h.id\">\n                                                {{ h.name }}\n                                            </option>\n                                        }\n                                    </select>\n\n                                    <svg\n                                        width=\"11\"\n                                        height=\"6\"\n                                        viewBox=\"0 0 11 6\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <path\n                                            d=\"M4.87252 5.756L0.258221 1.41563C0.0922871 1.25955 -0.000596046 1.04818 3.8147e-06 0.82802C0.000602722 0.607855 0.094636 0.39693 0.261417 0.241647C0.428199 0.0863637 0.654065 -0.000558332 0.88933 2.69906e-06C1.12459 0.000563731 1.34999 0.0885619 1.51592 0.244639L5.48813 4.00549L9.48408 0.247203C9.65001 0.0911261 9.87541 0.00312796 10.1107 0.00256693C10.3459 0.0020059 10.5718 0.088928 10.7386 0.244211C10.9054 0.399495 10.9994 0.610419 11 0.830584C11.0006 1.05075 10.9077 1.26212 10.7418 1.4182L6.12931 5.75685C5.96252 5.9127 5.73641 6.00016 5.50072 6C5.26503 5.99984 5.03906 5.91207 4.87252 5.756Z\"\n                                            fill=\"#515050\"\n                                        />\n                                    </svg>\n                                </div>\n                            }\n                            @if (consultTypes?.length) {\n                                <div class=\"m-input\">\n                                    <select name=\"consultType\" required>\n                                        <option selected disabled value=\"\">\n                                            @if (contactInfo.dropdownTitle) {\n                                                {{ contactInfo.dropdownTitle }}\n                                            }\n                                        </option>\n\n                                        @for (\n                                            opt of consultTypes;\n                                            track $index\n                                        ) {\n                                            <option [value]=\"opt.consultTypeId\">\n                                                {{ opt.name }}\n                                            </option>\n                                        }\n                                    </select>\n\n                                    <svg\n                                        width=\"11\"\n                                        height=\"6\"\n                                        viewBox=\"0 0 11 6\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <path\n                                            d=\"M4.87252 5.756L0.258221 1.41563C0.0922871 1.25955 -0.000596046 1.04818 3.8147e-06 0.82802C0.000602722 0.607855 0.094636 0.39693 0.261417 0.241647C0.428199 0.0863637 0.654065 -0.000558332 0.88933 2.69906e-06C1.12459 0.000563731 1.34999 0.0885619 1.51592 0.244639L5.48813 4.00549L9.48408 0.247203C9.65001 0.0911261 9.87541 0.00312796 10.1107 0.00256693C10.3459 0.0020059 10.5718 0.088928 10.7386 0.244211C10.9054 0.399495 10.9994 0.610419 11 0.830584C11.0006 1.05075 10.9077 1.26212 10.7418 1.4182L6.12931 5.75685C5.96252 5.9127 5.73641 6.00016 5.50072 6C5.26503 5.99984 5.03906 5.91207 4.87252 5.756Z\"\n                                            fill=\"#515050\"\n                                        />\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Name -->\n                            @if (contactInfo.inputName) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputName }}</span>\n                                    <input\n                                        [attr.name]=\"'nombre'\"\n                                        [type]=\"'text'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        minlength=\"2\"\n                                    />\n                                    <svg\n                                        width=\"12\"\n                                        height=\"14\"\n                                        viewBox=\"0 0 12 14\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <g>\n                                            <path\n                                                d=\"M11.0253 9.12893C10.4087 8.51049 9.58738 8.16992 8.71198 8.16992H3.26716C2.39299 8.16992 1.57169 8.51049 0.953871 9.12893C0.335435 9.74675 -0.00452016 10.5681 -0.00390542 11.4422V12.8033C-0.00390542 13.1063 0.241993 13.3529 0.545679 13.3529C0.848134 13.3529 1.09465 13.107 1.09465 12.8033V11.4422C1.09465 10.8619 1.32087 10.3154 1.73153 9.90474C2.14033 9.4947 2.68623 9.26848 3.26778 9.26848H8.71321C9.29415 9.26848 9.84004 9.49409 10.2495 9.90474C10.6601 10.3142 10.8857 10.8607 10.8857 11.4422V12.8033C10.8857 13.1063 11.1316 13.3529 11.4353 13.3529C11.7378 13.3529 11.9843 13.107 11.9843 12.8033V11.4422C11.9843 10.5681 11.6437 9.74675 11.0253 9.12893Z\"\n                                                fill=\"#515050\"\n                                            />\n                                            <path\n                                                d=\"M5.98982 6.54337C7.7941 6.54337 9.2615 5.07597 9.2615 3.27168C9.2615 1.4674 7.7941 0 5.98982 0C4.18554 0 2.71875 1.4674 2.71875 3.27168C2.71875 5.07597 4.18554 6.54337 5.98982 6.54337ZM5.98982 1.09794C7.18858 1.09794 8.16357 2.07293 8.16357 3.27168C8.16357 4.47044 7.18858 5.44543 5.98982 5.44543C4.79168 5.44543 3.81669 4.47044 3.81669 3.27168C3.81669 2.07293 4.79168 1.09794 5.98982 1.09794Z\"\n                                                fill=\"#515050\"\n                                            />\n                                        </g>\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Code -->\n                            @if (contactInfo.inputSurnames) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputSurnames }}</span>\n                                    <input\n                                        [attr.name]=\"'surname'\"\n                                        [type]=\"'text'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        minlength=\"2\"\n                                    />\n                                    <svg\n                                        width=\"12\"\n                                        height=\"14\"\n                                        viewBox=\"0 0 12 14\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <g>\n                                            <path\n                                                d=\"M11.0253 9.12893C10.4087 8.51049 9.58738 8.16992 8.71198 8.16992H3.26716C2.39299 8.16992 1.57169 8.51049 0.953871 9.12893C0.335435 9.74675 -0.00452016 10.5681 -0.00390542 11.4422V12.8033C-0.00390542 13.1063 0.241993 13.3529 0.545679 13.3529C0.848134 13.3529 1.09465 13.107 1.09465 12.8033V11.4422C1.09465 10.8619 1.32087 10.3154 1.73153 9.90474C2.14033 9.4947 2.68623 9.26848 3.26778 9.26848H8.71321C9.29415 9.26848 9.84004 9.49409 10.2495 9.90474C10.6601 10.3142 10.8857 10.8607 10.8857 11.4422V12.8033C10.8857 13.1063 11.1316 13.3529 11.4353 13.3529C11.7378 13.3529 11.9843 13.107 11.9843 12.8033V11.4422C11.9843 10.5681 11.6437 9.74675 11.0253 9.12893Z\"\n                                                fill=\"#515050\"\n                                            />\n                                            <path\n                                                d=\"M5.98982 6.54337C7.7941 6.54337 9.2615 5.07597 9.2615 3.27168C9.2615 1.4674 7.7941 0 5.98982 0C4.18554 0 2.71875 1.4674 2.71875 3.27168C2.71875 5.07597 4.18554 6.54337 5.98982 6.54337ZM5.98982 1.09794C7.18858 1.09794 8.16357 2.07293 8.16357 3.27168C8.16357 4.47044 7.18858 5.44543 5.98982 5.44543C4.79168 5.44543 3.81669 4.47044 3.81669 3.27168C3.81669 2.07293 4.79168 1.09794 5.98982 1.09794Z\"\n                                                fill=\"#515050\"\n                                            />\n                                        </g>\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Email -->\n                            @if (contactInfo.inputEmail) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputEmail }}</span>\n                                    <input\n                                        [attr.name]=\"'email'\"\n                                        [type]=\"'email'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        pattern=\"^[^\\s@]+@[^\\s@]+\\.[^\\s@]{2,}$\"\n                                    />\n                                    <svg\n                                        width=\"16\"\n                                        height=\"13\"\n                                        viewBox=\"0 0 16 13\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <path\n                                            d=\"M13.7149 12.7352H2.28514C1.67446 12.7352 1.10053 12.4976 0.669461 12.0657C0.237581 11.6338 0 11.0599 0 10.4492V2.29411C0 2.28758 0 2.28023 0 2.2737C0.00326564 1.66793 0.240847 1.09889 0.669461 0.669461C1.10053 0.237581 1.67446 0 2.28514 0H13.7149C14.3255 0 14.8995 0.237581 15.3305 0.669461C15.7592 1.09889 15.9967 1.66793 16 2.2737C16 2.28023 16 2.28758 16 2.29411V10.4492C16 11.0599 15.7624 11.6338 15.3305 12.0657C14.8995 12.4976 14.3255 12.7352 13.7149 12.7352ZM1.30544 3.50484V10.4484C1.30544 10.7064 1.40993 10.9587 1.5928 11.1407C1.77813 11.326 2.02387 11.4281 2.28593 11.4281H13.7157C13.9728 11.4281 14.2259 11.3236 14.4088 11.1407C14.5917 10.9587 14.6962 10.7064 14.6962 10.4484V3.50484L8.36331 7.7265C8.14451 7.87345 7.85793 7.87345 7.63913 7.7265L1.30544 3.50484ZM1.35686 1.96999L8 6.39901L14.6431 1.96999C14.595 1.82957 14.5158 1.70058 14.408 1.59282C14.2251 1.40994 13.9728 1.30544 13.7149 1.30544H2.28514C2.02389 1.30544 1.77733 1.40749 1.59201 1.59282C1.48424 1.70058 1.40503 1.82957 1.35686 1.96999Z\"\n                                            fill=\"#515050\"\n                                        />\n                                    </svg>\n                                </div>\n                            }\n                            <!-- Telf -->\n                            @if (contactInfo.inputPhone) {\n                                <div class=\"m-input\">\n                                    <span>{{ contactInfo.inputPhone }}</span>\n                                    <input\n                                        [attr.name]=\"'phone'\"\n                                        [type]=\"'tel'\"\n                                        [required]=\"true\"\n                                        placeholder=\"\"\n                                        pattern=\"^[0-9+\\-\\s()]{7,}$\"\n                                    />\n                                    <svg\n                                        width=\"12\"\n                                        height=\"14\"\n                                        viewBox=\"0 0 12 14\"\n                                        fill=\"none\"\n                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                    >\n                                        <g>\n                                            <path\n                                                d=\"M11.0253 9.12893C10.4087 8.51049 9.58738 8.16992 8.71198 8.16992H3.26716C2.39299 8.16992 1.57169 8.51049 0.953871 9.12893C0.335435 9.74675 -0.00452016 10.5681 -0.00390542 11.4422V12.8033C-0.00390542 13.1063 0.241993 13.3529 0.545679 13.3529C0.848134 13.3529 1.09465 13.107 1.09465 12.8033V11.4422C1.09465 10.8619 1.32087 10.3154 1.73153 9.90474C2.14033 9.4947 2.68623 9.26848 3.26778 9.26848H8.71321C9.29415 9.26848 9.84004 9.49409 10.2495 9.90474C10.6601 10.3142 10.8857 10.8607 10.8857 11.4422V12.8033C10.8857 13.1063 11.1316 13.3529 11.4353 13.3529C11.7378 13.3529 11.9843 13.107 11.9843 12.8033V11.4422C11.9843 10.5681 11.6437 9.74675 11.0253 9.12893Z\"\n                                                fill=\"#515050\"\n                                            />\n                                            <path\n                                                d=\"M5.98982 6.54337C7.7941 6.54337 9.2615 5.07597 9.2615 3.27168C9.2615 1.4674 7.7941 0 5.98982 0C4.18554 0 2.71875 1.4674 2.71875 3.27168C2.71875 5.07597 4.18554 6.54337 5.98982 6.54337ZM5.98982 1.09794C7.18858 1.09794 8.16357 2.07293 8.16357 3.27168C8.16357 4.47044 7.18858 5.44543 5.98982 5.44543C4.79168 5.44543 3.81669 4.47044 3.81669 3.27168C3.81669 2.07293 4.79168 1.09794 5.98982 1.09794Z\"\n                                                fill=\"#515050\"\n                                            />\n                                        </g>\n                                    </svg>\n                                </div>\n                            }\n\n                            <div class=\"m-input\">\n                                @if (contactInfo.inputMessage) {\n                                    <span>{{ contactInfo.inputMessage }}</span>\n                                    <textarea\n                                        rows=\"14\"\n                                        [placeholder]=\"\n                                            contactInfo.inputMessagePlaceHolder ??\n                                            ''\n                                        \"\n                                        [attr.name]=\"'mensaje'\"\n                                        required\n                                        minlength=\"10\"\n                                    ></textarea>\n                                }\n                            </div>\n                        </div>\n\n                        <div class=\"m-footer\">\n                            <div class=\"m-legal\">\n                                <div class=\"m-row\">\n                                    <small></small>\n                                    @if (contactInfo.errorRequired) {\n                                        <span>{{\n                                            contactInfo.errorRequired\n                                        }}</span>\n                                    }\n                                    <!--      @if (submitAttempted && !isFormValid) {\n                                        <span>{{\n                                            contactInfo.errorRequired\n                                        }}</span>*\n\n                                    @if (submitError) {\n                                        <span>{{ submitError }}</span>\n                                    } -->\n                                </div>\n                                @if (contactInfo.conditions) {\n                                    <div class=\"m-row\">\n                                        <label>\n                                            <input\n                                                type=\"checkbox\"\n                                                [attr.name]=\"'checkbox'\"\n                                                [required]=\"true\"\n                                            />\n                                            <span>{{\n                                                contactInfo.conditions\n                                            }}</span>\n                                        </label>\n                                    </div>\n                                }\n                                @if (contactInfo.conditions2) {\n                                    <div class=\"m-row\">\n                                        <label>\n                                            <input\n                                                type=\"checkbox\"\n                                                [attr.name]=\"'checkbox2'\"\n                                                [required]=\"false\"\n                                            />\n                                            <span>{{\n                                                contactInfo.conditions2\n                                            }}</span>\n                                        </label>\n                                    </div>\n                                }\n                            </div>\n                            @if (buttons?.[0]; as btn) {\n                                <button\n                                    type=\"submit\"\n                                    class=\"m-button-sm\"\n                                    [disabled]=\"isSubmitting\"\n                                >\n                                    <span>{{ btn?.label }}</span>\n                                </button>\n                            }\n                        </div>\n\n                        @if (contactInfo.note) {\n                            <div class=\"m-note\">\n                                {{ contactInfo.note }}\n                            </div>\n                        }\n                    </form>\n\n                    @if (multimedia?.imagenes?.[0]; as img) {\n                        <div class=\"m-img\">\n                            <img\n                                [src]=\"img.img?.src\"\n                                [alt]=\"img.img?.alt\"\n                                loading=\"lazy\"\n                            />\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";html{overflow-x:unset}.mdl-md004{position:relative}.mdl-md004 .m-float{position:absolute;left:-10rem;bottom:8rem;z-index:9}.mdl-md004 select{-webkit-appearance:none;appearance:none;background:transparent}.mdl-md004 select option{font-family:var(--font-text);font-size:1.4rem;font-weight:var(--w_text);color:var(--cl_dropdown-text)}.mdl-md004 .mdl-container{display:flex;flex-direction:row;gap:9rem;max-width:116.9rem;padding:18.4rem 0 8rem;position:relative}.mdl-md004 .mdl-container .m-left{width:calc(42% - 4.5rem);display:flex;flex-direction:column;gap:6rem;position:sticky;top:26.5rem;height:max-content}.mdl-md004 .mdl-container .m-left .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md004 .mdl-container .m-left .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md004 .mdl-container .m-left .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md004 .mdl-container .m-left .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md004 .mdl-container .m-left .m-title{color:#515050}.mdl-md004 .mdl-container .m-left .m-img{height:66rem}.mdl-md004 .mdl-container .m-left .m-img img{width:100%;height:100%;object-fit:cover}.mdl-md004 .mdl-container .m-right{width:calc(58% - 4.5rem)}.mdl-md004 .mdl-container .m-right .m-form-container{display:flex;flex-direction:column;gap:6rem}.mdl-md004 .mdl-container .m-right .m-form-container .m-title{color:#515050b2;text-align:end;font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md004 .mdl-container .m-right .m-form-container .m-title{font-size:2.2rem;line-height:3rem}}.mdl-md004 .mdl-container .m-right .m-form-container form{display:flex;flex-direction:column;gap:3rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-inputs-container{display:flex;flex-wrap:wrap;flex-direction:row;gap:2.5rem 3rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;color:#515050;width:calc(50% - 1.7rem);border:1px solid #e4e4e4;border-radius:2px;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;cursor:pointer}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:hover svg path{transition:all .3s ease;fill:#ff4338}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input.full,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea){width:100%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(input[required]):after,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(select[required]):after{content:\"\";position:absolute;left:-13px;background-color:transparent;width:5px;height:5px;border:1px solid #ff4338;border-radius:100%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea[required]):after{content:\"\";position:absolute;left:-13px;top:2.5rem;background-color:transparent;width:5px;height:5px;border:1px solid #ff4338;border-radius:100%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(input:focus) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(input:not(:placeholder-shown)) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea:focus) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea:not(:placeholder-shown)) span{transform:translateY(-170%);font-size:1rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea) span{top:2rem;transform:none}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea):has(textarea:focus) span,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input:has(textarea):has(textarea:not(:placeholder-shown)) span{transform:translateY(-100%)}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input select{width:100%;background-color:transparent;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;color:#515050}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea{padding:3.3rem 2rem 1rem;resize:none}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input::placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input::-webkit-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input:-ms-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input input::-ms-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea::placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea::-webkit-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea:-ms-input-placeholder,.mdl-md004 .mdl-container .m-right .m-form-container form .m-input textarea::-ms-input-placeholder{color:transparent}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input select{padding:2.3rem 2rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input svg{position:absolute;top:50%;transform:translateY(-60%);right:2rem;pointer-events:none}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input span{position:absolute;top:50%;left:2rem;transform:translateY(-50%);transition:all .3s ease;pointer-events:none}.mdl-md004 .mdl-container .m-right .m-form-container form input[type=checkbox]{appearance:none;width:1.5rem;height:1.5rem;accent-color:#fff;border:1px solid #e4e4e4;border-radius:2px}.mdl-md004 .mdl-container .m-right .m-form-container form input[type=checkbox]:checked{background-image:url(/assets/babylon/svg/icons/input-check.svg);background-position:center;background-size:cover;background-repeat:no-repeat;background-size:80%}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;border-bottom:1px solid #e4e4e4;padding-bottom:4rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal{display:flex;flex-direction:column;gap:2.2rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row,.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row label{display:flex;flex-direction:row;gap:1rem;align-items:center}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row small{background-color:transparent;width:5px;height:5px;border:1px solid #ff4338;border-radius:100%;margin-right:3.5px;margin-left:2.5px}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer .m-legal .m-row span{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:24px;color:#515050b2;line-height:1.4}.mdl-md004 .mdl-container .m-right .m-form-container form .m-note{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:24px;color:#515050b2}.mdl-md004 .mdl-container .m-right .m-form-container .m-img{display:none;width:85%;align-self:center}.mdl-md004 .mdl-container .m-right .m-form-container .m-img img{width:100%;height:100%;object-fit:cover}@media (max-width: 1366px){.mdl-md004 .m-float{left:-23rem}.mdl-md004 .mdl-container .m-left{top:25rem}}@media (max-width: 1080px){.mdl-md004{margin-bottom:12rem}.mdl-md004 .m-float{bottom:-4rem}.mdl-md004 .mdl-container{flex-direction:column;gap:2rem}.mdl-md004 .mdl-container .m-left{width:100%;position:relative;top:auto}.mdl-md004 .mdl-container .m-left .m-img{display:none}.mdl-md004 .mdl-container .m-right{width:100%}.mdl-md004 .mdl-container .m-right .m-form-container .m-title{text-align:start}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer{flex-wrap:wrap}.mdl-md004 .mdl-container .m-right .m-form-container form .m-footer button{margin:2rem auto 0}.mdl-md004 .mdl-container .m-right .m-form-container .m-img{display:block}}@media (max-width: 540px){.mdl-md004{margin-bottom:4rem}.mdl-md004 .m-float{height:27rem;left:-19rem;bottom:0}.mdl-md004 .mdl-container .m-right .m-form-container{gap:3rem}.mdl-md004 .mdl-container .m-right .m-form-container form .m-inputs-container{width:96%;align-self:end}.mdl-md004 .mdl-container .m-right .m-form-container form .m-input{width:100%!important}.mdl-md004 .mdl-container .m-right .m-form-container .m-img{width:100%;height:40rem}}\n"] }]
         }], propDecorators: { content: [{
                 type: Input
             }], texts: [{
@@ -19025,11 +19067,11 @@ class LisC4TxtDesCtaComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC4TxtDesCtaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC4TxtDesCtaComponent, isStandalone: true, selector: "lis-c4-txt-des-cta", inputs: { texts: "texts", filters: "filters", items: "items", links: "links", additional1LikeMarca: "additional1LikeMarca" }, usesOnChanges: true, ngImport: i0, template: "@if (items?.length) {\n    <section class=\"mdl-md002\">\n        <div class=\"mdl-container\">\n            <div class=\"m-content-top\">\n                @if (texts?.title) {\n                    <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n                }\n                <div class=\"m-selects\">\n                    @if (hasActiveFilters) {\n                        <button\n                            type=\"button\"\n                            class=\"m-clear\"\n                            (click)=\"clearFilters()\"\n                        >\n                            {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n                        </button>\n                    }\n                    <div class=\"m-select\">\n                        <select\n                            #BrandSel\n                            [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n                            [(ngModel)]=\"selectedBrand\"\n                            (ngModelChange)=\"onBrandChange($event)\"\n                        >\n                            <option value=\"\">\n                                {{ texts?.marca ?? 'All' }}\n                            </option>\n                            @for (opt of brandOptions; track $index) {\n                                <option [value]=\"opt\">{{ opt }}</option>\n                            }\n                        </select>\n                    </div>\n                    <div class=\"m-select\">\n                        <select\n                            #hotelTypeSel\n                            [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n                            [(ngModel)]=\"selectedHotelType\"\n                            (ngModelChange)=\"onHotelTypeChange($event)\"\n                        >\n                            <option value=\"\">{{ texts?.hotelType }}</option>\n                            @for (opt of hotelTypeOptions; track $index) {\n                                <option [value]=\"opt\">{{ opt }}</option>\n                            }\n                        </select>\n                    </div>\n\n                    <div class=\"m-select\">\n                        <select\n                            #Destination\n                            [attr.aria-label]=\"\n                                texts?.destinations ?? 'destinos'\n                            \"\n                            [(ngModel)]=\"selectedDestination\"\n                            (ngModelChange)=\"onDestinationChange($event)\"\n                        >\n                            <option value=\"\">{{ texts?.destinations }}</option>\n                            @for (opt of destinationOptions; track $index) {\n                                <option [value]=\"opt\">{{ opt }}</option>\n                            }\n                        </select>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"m-cards-container\">\n                @if (filteredItems?.length) {\n                    @for (item of filteredItems; track $index) {\n                        <div\n                            class=\"m-card\"\n                            [ngClass]=\"{\n                                cardempty: !getFirstImageByTag(\n                                    tagName,\n                                    item?.images ?? []\n                                ),\n                            }\"\n                        >\n                            @if (\n                                getFirstImageByTag(tagName, item.images ?? [])\n                            ) {\n                                <div\n                                    class=\"m-card-top\"\n                                    [style.background-image]=\"\n                                        'url(' +\n                                        getFirstImageByTag(\n                                            tagName,\n                                            item.images ?? []\n                                        )?.img?.src +\n                                        ')'\n                                    \"\n                                >\n                                    <div class=\"m-tag-left\">\n                                        @if (item.hoteltype) {\n                                            {{ item.hoteltype }}\n                                        }\n                                        <div class=\"m-keys\">\n                                            @if (\n                                                item?.hoteltype === 'Hotel' &&\n                                                item?.hotelcategory\n                                            ) {\n                                                <div class=\"category\">\n                                                    @for (\n                                                        item of getNumber(\n                                                            item?.hotelcategory ??\n                                                                ''\n                                                        );\n                                                        track $index\n                                                    ) {\n                                                        <svg\n                                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                                            width=\"20\"\n                                                            height=\"20\"\n                                                            viewBox=\"0 0 20 20\"\n                                                        >\n                                                            <g\n                                                                fill=\"none\"\n                                                                fill-rule=\"evenodd\"\n                                                            >\n                                                                <g>\n                                                                    <g>\n                                                                        <g\n                                                                            transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n                                                                        >\n                                                                            <g>\n                                                                                <path\n                                                                                    fill=\"#fff\"\n                                                                                    fill-opacity=\"1\"\n                                                                                    fill-rule=\"nonzero\"\n                                                                                    d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n                                                                                    transform=\"translate(104.000000, 0.000000)\"\n                                                                                />\n                                                                            </g>\n                                                                        </g>\n                                                                    </g>\n                                                                </g>\n                                                            </g>\n                                                        </svg>\n                                                    }\n                                                </div>\n                                            }\n\n                                            @if (\n                                                item?.hoteltype ===\n                                                    'Apartamento' &&\n                                                item?.hotelcategory\n                                            ) {\n                                                <div class=\"category\">\n                                                    @for (\n                                                        item of getNumber(\n                                                            item?.hotelcategory ??\n                                                                ''\n                                                        );\n                                                        track $index\n                                                    ) {\n                                                        <svg\n                                                            width=\"13\"\n                                                            height=\"13\"\n                                                            viewBox=\"0 0 13 13\"\n                                                            fill=\"none\"\n                                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                                        >\n                                                            <path\n                                                                d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n                                                                fill=\"#fff\"\n                                                                fill-opacity=\"1\"\n                                                            />\n                                                        </svg>\n                                                    }\n                                                </div>\n                                            }\n                                        </div>\n                                    </div>\n                                    @if (item?.texts?.additional2) {\n                                        <div\n                                            class=\"m-tag-right\"\n                                            [style.backgroundColor]=\"\n                                                item?.styles?.primary ??\n                                                '#ff4338'\n                                            \"\n                                        >\n                                            {{ item?.texts?.additional2 }}\n                                        </div>\n                                    }\n                                </div>\n\n                                <div class=\"m-content\">\n                                    @if (\n                                        item.texts?.title || item.texts?.name\n                                    ) {\n                                        <div class=\"m-title\">\n                                            {{\n                                                item.texts?.title ??\n                                                    item.texts?.name\n                                            }}\n                                        </div>\n                                    }\n\n                                    <div class=\"m-subtitle\">\n                                        @if (item.locality) {\n                                            {{ item.locality }}\n                                        }\n                                        @if (item.locality && item.province) {\n                                            -\n                                        }\n                                        @if (item.province) {\n                                            {{ item.province }}\n                                        }\n                                    </div>\n\n                                    @if (item.buttons?.length) {\n                                        @for (\n                                            btn of item.buttons;\n                                            track $index\n                                        ) {\n                                            <a\n                                                class=\"m-btn\"\n                                                [ngClass]=\"{\n                                                    'm-button-sm':\n                                                        $index % 2 === 0,\n                                                    'm-but m-underline':\n                                                        $index % 2 !== 0,\n                                                }\"\n                                                [style.--btn-primary-dynamic]=\"\n                                                    item.styles?.primary\n                                                \"\n                                                [style.--btn-hover-dynamic]=\"\n                                                    item.styles?.primaryHover\n                                                \"\n                                                [href]=\"btn.url\"\n                                                [attr.target]=\"\n                                                    btn.target || '_self'\n                                                \"\n                                                [linkType]=\"btn.linkType\"\n                                                [attr.aria-label]=\"btn.label\"\n                                            >\n                                                <span>{{ btn.label }}</span>\n                                            </a>\n                                        }\n                                    }\n                                </div>\n                            }\n                        </div>\n                    }\n                } @else {\n                    <div class=\"m-empty\">\n                        {{\n                            texts?.notFound ??\n                                'No se encontraron resultados con esos filtros.'\n                        }}\n                    </div>\n                }\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/img/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)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .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-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:#515050b2;border:.1rem solid rgba(81,80,80,.6980392157);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:jokker,sans-serif;font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:#515050b2;font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:500;font-size:2.3rem;color:#515050}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline span{text-decoration:underline;text-decoration-color:currentColor}.mdl-md002 .m-empty{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC4TxtDesCtaComponent, isStandalone: true, selector: "lis-c4-txt-des-cta", inputs: { texts: "texts", filters: "filters", items: "items", links: "links", additional1LikeMarca: "additional1LikeMarca" }, usesOnChanges: true, ngImport: i0, template: "@if (items?.length) {\n    <section class=\"mdl-md002\">\n        <div class=\"mdl-container\">\n            <div class=\"m-content-top\">\n                @if (texts?.title) {\n                    <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n                }\n                <div class=\"m-selects\">\n                    @if (hasActiveFilters) {\n                        <button\n                            type=\"button\"\n                            class=\"m-clear\"\n                            (click)=\"clearFilters()\"\n                        >\n                            {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n                        </button>\n                    }\n                    <div class=\"m-select\">\n                        <select\n                            #BrandSel\n                            [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n                            [(ngModel)]=\"selectedBrand\"\n                            (ngModelChange)=\"onBrandChange($event)\"\n                        >\n                            <option value=\"\">\n                                {{ texts?.marca ?? 'All' }}\n                            </option>\n                            @for (opt of brandOptions; track $index) {\n                                <option [value]=\"opt\">{{ opt }}</option>\n                            }\n                        </select>\n                    </div>\n                    <div class=\"m-select\">\n                        <select\n                            #hotelTypeSel\n                            [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n                            [(ngModel)]=\"selectedHotelType\"\n                            (ngModelChange)=\"onHotelTypeChange($event)\"\n                        >\n                            <option value=\"\">{{ texts?.hotelType }}</option>\n                            @for (opt of hotelTypeOptions; track $index) {\n                                <option [value]=\"opt\">{{ opt }}</option>\n                            }\n                        </select>\n                    </div>\n\n                    <div class=\"m-select\">\n                        <select\n                            #Destination\n                            [attr.aria-label]=\"\n                                texts?.destinations ?? 'destinos'\n                            \"\n                            [(ngModel)]=\"selectedDestination\"\n                            (ngModelChange)=\"onDestinationChange($event)\"\n                        >\n                            <option value=\"\">{{ texts?.destinations }}</option>\n                            @for (opt of destinationOptions; track $index) {\n                                <option [value]=\"opt\">{{ opt }}</option>\n                            }\n                        </select>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"m-cards-container\">\n                @if (filteredItems?.length) {\n                    @for (item of filteredItems; track $index) {\n                        <div\n                            class=\"m-card\"\n                            [ngClass]=\"{\n                                cardempty: !getFirstImageByTag(\n                                    tagName,\n                                    item?.images ?? []\n                                ),\n                            }\"\n                        >\n                            @if (\n                                getFirstImageByTag(tagName, item.images ?? [])\n                            ) {\n                                <div\n                                    class=\"m-card-top\"\n                                    [style.background-image]=\"\n                                        'url(' +\n                                        getFirstImageByTag(\n                                            tagName,\n                                            item.images ?? []\n                                        )?.img?.src +\n                                        ')'\n                                    \"\n                                >\n                                    <div class=\"m-tag-left\">\n                                        @if (item.hoteltype) {\n                                            {{ item.hoteltype }}\n                                        }\n                                        <div class=\"m-keys\">\n                                            @if (\n                                                item?.hoteltype === 'Hotel' &&\n                                                item?.hotelcategory\n                                            ) {\n                                                <div class=\"category\">\n                                                    @for (\n                                                        item of getNumber(\n                                                            item?.hotelcategory ??\n                                                                ''\n                                                        );\n                                                        track $index\n                                                    ) {\n                                                        <svg\n                                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                                            width=\"20\"\n                                                            height=\"20\"\n                                                            viewBox=\"0 0 20 20\"\n                                                        >\n                                                            <g\n                                                                fill=\"none\"\n                                                                fill-rule=\"evenodd\"\n                                                            >\n                                                                <g>\n                                                                    <g>\n                                                                        <g\n                                                                            transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n                                                                        >\n                                                                            <g>\n                                                                                <path\n                                                                                    fill=\"#fff\"\n                                                                                    fill-opacity=\"1\"\n                                                                                    fill-rule=\"nonzero\"\n                                                                                    d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n                                                                                    transform=\"translate(104.000000, 0.000000)\"\n                                                                                />\n                                                                            </g>\n                                                                        </g>\n                                                                    </g>\n                                                                </g>\n                                                            </g>\n                                                        </svg>\n                                                    }\n                                                </div>\n                                            }\n\n                                            @if (\n                                                item?.hoteltype ===\n                                                    'Apartamento' &&\n                                                item?.hotelcategory\n                                            ) {\n                                                <div class=\"category\">\n                                                    @for (\n                                                        item of getNumber(\n                                                            item?.hotelcategory ??\n                                                                ''\n                                                        );\n                                                        track $index\n                                                    ) {\n                                                        <svg\n                                                            width=\"13\"\n                                                            height=\"13\"\n                                                            viewBox=\"0 0 13 13\"\n                                                            fill=\"none\"\n                                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                                        >\n                                                            <path\n                                                                d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n                                                                fill=\"#fff\"\n                                                                fill-opacity=\"1\"\n                                                            />\n                                                        </svg>\n                                                    }\n                                                </div>\n                                            }\n                                        </div>\n                                    </div>\n                                    @if (item?.texts?.additional2) {\n                                        <div\n                                            class=\"m-tag-right\"\n                                            [style.backgroundColor]=\"\n                                                item?.styles?.primary ??\n                                                '#ff4338'\n                                            \"\n                                        >\n                                            {{ item?.texts?.additional2 }}\n                                        </div>\n                                    }\n                                </div>\n\n                                <div class=\"m-content\">\n                                    @if (\n                                        item.texts?.title || item.texts?.name\n                                    ) {\n                                        <div class=\"m-title\">\n                                            {{\n                                                item.texts?.title ??\n                                                    item.texts?.name\n                                            }}\n                                        </div>\n                                    }\n\n                                    <div class=\"m-subtitle\">\n                                        @if (item.locality) {\n                                            {{ item.locality }}\n                                        }\n                                        @if (item.locality && item.province) {\n                                            -\n                                        }\n                                        @if (item.province) {\n                                            {{ item.province }}\n                                        }\n                                    </div>\n\n                                    @if (item.buttons?.length) {\n                                        @for (\n                                            btn of item.buttons;\n                                            track $index\n                                        ) {\n                                            <a\n                                                class=\"m-btn\"\n                                                [ngClass]=\"{\n                                                    'm-button-sm':\n                                                        $index % 2 === 0,\n                                                    'm-but m-underline':\n                                                        $index % 2 !== 0,\n                                                }\"\n                                                [style.--btn-primary-dynamic]=\"\n                                                    item.styles?.primary\n                                                \"\n                                                [style.--btn-hover-dynamic]=\"\n                                                    item.styles?.primaryHover\n                                                \"\n                                                [href]=\"btn.url\"\n                                                [attr.target]=\"\n                                                    btn.target || '_self'\n                                                \"\n                                                [linkType]=\"btn.linkType\"\n                                                [attr.aria-label]=\"btn.label\"\n                                            >\n                                                <span>{{ btn.label }}</span>\n                                            </a>\n                                        }\n                                    }\n                                </div>\n                            }\n                        </div>\n                    }\n                } @else {\n                    <div class=\"m-empty\">\n                        {{\n                            texts?.notFound ??\n                                'No se encontraron resultados con esos filtros.'\n                        }}\n                    </div>\n                }\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--cl_title);font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--cl_background_gray) inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:var(--font-text);font-size:1.4rem;font-weight:var(--w_text);color:var(--cl_dropdown-text)}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:var(--font-text);font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:var(--cl_radio);transform:translate(-50%,-50%)}.m-radio-group label{font-family:var(--font-text);font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:var(--font-text);font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:var(--cl_btn-link);text-align:center;font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/img/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)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md002{background-color:var(--cl_background_body)}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .mdl-container .m-content-top .m-title{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:var(--cl_btn-link);border:.1rem solid var(--cl_btn-link);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:var(--font-text);font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:var(--cl_btn-link);font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:var(--font-text);font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:var(--font-text);font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:var(--font-text);font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:var(--cl_btn-link)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:var(--font-text);font-weight:500;font-size:2.3rem;color:var(--cl_title)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:var(--font-text);font-weight:400;font-size:1.6rem;line-height:2.8rem;color:var(--cl_btn-link)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline span{text-decoration:underline;text-decoration-color:currentColor}.mdl-md002 .m-empty{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC4TxtDesCtaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lis-c4-txt-des-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective, FormsModule], template: "@if (items?.length) {\n    <section class=\"mdl-md002\">\n        <div class=\"mdl-container\">\n            <div class=\"m-content-top\">\n                @if (texts?.title) {\n                    <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n                }\n                <div class=\"m-selects\">\n                    @if (hasActiveFilters) {\n                        <button\n                            type=\"button\"\n                            class=\"m-clear\"\n                            (click)=\"clearFilters()\"\n                        >\n                            {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n                        </button>\n                    }\n                    <div class=\"m-select\">\n                        <select\n                            #BrandSel\n                            [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n                            [(ngModel)]=\"selectedBrand\"\n                            (ngModelChange)=\"onBrandChange($event)\"\n                        >\n                            <option value=\"\">\n                                {{ texts?.marca ?? 'All' }}\n                            </option>\n                            @for (opt of brandOptions; track $index) {\n                                <option [value]=\"opt\">{{ opt }}</option>\n                            }\n                        </select>\n                    </div>\n                    <div class=\"m-select\">\n                        <select\n                            #hotelTypeSel\n                            [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n                            [(ngModel)]=\"selectedHotelType\"\n                            (ngModelChange)=\"onHotelTypeChange($event)\"\n                        >\n                            <option value=\"\">{{ texts?.hotelType }}</option>\n                            @for (opt of hotelTypeOptions; track $index) {\n                                <option [value]=\"opt\">{{ opt }}</option>\n                            }\n                        </select>\n                    </div>\n\n                    <div class=\"m-select\">\n                        <select\n                            #Destination\n                            [attr.aria-label]=\"\n                                texts?.destinations ?? 'destinos'\n                            \"\n                            [(ngModel)]=\"selectedDestination\"\n                            (ngModelChange)=\"onDestinationChange($event)\"\n                        >\n                            <option value=\"\">{{ texts?.destinations }}</option>\n                            @for (opt of destinationOptions; track $index) {\n                                <option [value]=\"opt\">{{ opt }}</option>\n                            }\n                        </select>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"m-cards-container\">\n                @if (filteredItems?.length) {\n                    @for (item of filteredItems; track $index) {\n                        <div\n                            class=\"m-card\"\n                            [ngClass]=\"{\n                                cardempty: !getFirstImageByTag(\n                                    tagName,\n                                    item?.images ?? []\n                                ),\n                            }\"\n                        >\n                            @if (\n                                getFirstImageByTag(tagName, item.images ?? [])\n                            ) {\n                                <div\n                                    class=\"m-card-top\"\n                                    [style.background-image]=\"\n                                        'url(' +\n                                        getFirstImageByTag(\n                                            tagName,\n                                            item.images ?? []\n                                        )?.img?.src +\n                                        ')'\n                                    \"\n                                >\n                                    <div class=\"m-tag-left\">\n                                        @if (item.hoteltype) {\n                                            {{ item.hoteltype }}\n                                        }\n                                        <div class=\"m-keys\">\n                                            @if (\n                                                item?.hoteltype === 'Hotel' &&\n                                                item?.hotelcategory\n                                            ) {\n                                                <div class=\"category\">\n                                                    @for (\n                                                        item of getNumber(\n                                                            item?.hotelcategory ??\n                                                                ''\n                                                        );\n                                                        track $index\n                                                    ) {\n                                                        <svg\n                                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                                            width=\"20\"\n                                                            height=\"20\"\n                                                            viewBox=\"0 0 20 20\"\n                                                        >\n                                                            <g\n                                                                fill=\"none\"\n                                                                fill-rule=\"evenodd\"\n                                                            >\n                                                                <g>\n                                                                    <g>\n                                                                        <g\n                                                                            transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n                                                                        >\n                                                                            <g>\n                                                                                <path\n                                                                                    fill=\"#fff\"\n                                                                                    fill-opacity=\"1\"\n                                                                                    fill-rule=\"nonzero\"\n                                                                                    d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n                                                                                    transform=\"translate(104.000000, 0.000000)\"\n                                                                                />\n                                                                            </g>\n                                                                        </g>\n                                                                    </g>\n                                                                </g>\n                                                            </g>\n                                                        </svg>\n                                                    }\n                                                </div>\n                                            }\n\n                                            @if (\n                                                item?.hoteltype ===\n                                                    'Apartamento' &&\n                                                item?.hotelcategory\n                                            ) {\n                                                <div class=\"category\">\n                                                    @for (\n                                                        item of getNumber(\n                                                            item?.hotelcategory ??\n                                                                ''\n                                                        );\n                                                        track $index\n                                                    ) {\n                                                        <svg\n                                                            width=\"13\"\n                                                            height=\"13\"\n                                                            viewBox=\"0 0 13 13\"\n                                                            fill=\"none\"\n                                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                                        >\n                                                            <path\n                                                                d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n                                                                fill=\"#fff\"\n                                                                fill-opacity=\"1\"\n                                                            />\n                                                        </svg>\n                                                    }\n                                                </div>\n                                            }\n                                        </div>\n                                    </div>\n                                    @if (item?.texts?.additional2) {\n                                        <div\n                                            class=\"m-tag-right\"\n                                            [style.backgroundColor]=\"\n                                                item?.styles?.primary ??\n                                                '#ff4338'\n                                            \"\n                                        >\n                                            {{ item?.texts?.additional2 }}\n                                        </div>\n                                    }\n                                </div>\n\n                                <div class=\"m-content\">\n                                    @if (\n                                        item.texts?.title || item.texts?.name\n                                    ) {\n                                        <div class=\"m-title\">\n                                            {{\n                                                item.texts?.title ??\n                                                    item.texts?.name\n                                            }}\n                                        </div>\n                                    }\n\n                                    <div class=\"m-subtitle\">\n                                        @if (item.locality) {\n                                            {{ item.locality }}\n                                        }\n                                        @if (item.locality && item.province) {\n                                            -\n                                        }\n                                        @if (item.province) {\n                                            {{ item.province }}\n                                        }\n                                    </div>\n\n                                    @if (item.buttons?.length) {\n                                        @for (\n                                            btn of item.buttons;\n                                            track $index\n                                        ) {\n                                            <a\n                                                class=\"m-btn\"\n                                                [ngClass]=\"{\n                                                    'm-button-sm':\n                                                        $index % 2 === 0,\n                                                    'm-but m-underline':\n                                                        $index % 2 !== 0,\n                                                }\"\n                                                [style.--btn-primary-dynamic]=\"\n                                                    item.styles?.primary\n                                                \"\n                                                [style.--btn-hover-dynamic]=\"\n                                                    item.styles?.primaryHover\n                                                \"\n                                                [href]=\"btn.url\"\n                                                [attr.target]=\"\n                                                    btn.target || '_self'\n                                                \"\n                                                [linkType]=\"btn.linkType\"\n                                                [attr.aria-label]=\"btn.label\"\n                                            >\n                                                <span>{{ btn.label }}</span>\n                                            </a>\n                                        }\n                                    }\n                                </div>\n                            }\n                        </div>\n                    }\n                } @else {\n                    <div class=\"m-empty\">\n                        {{\n                            texts?.notFound ??\n                                'No se encontraron resultados con esos filtros.'\n                        }}\n                    </div>\n                }\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/img/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)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .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-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:#515050b2;border:.1rem solid rgba(81,80,80,.6980392157);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:jokker,sans-serif;font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:#515050b2;font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:500;font-size:2.3rem;color:#515050}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline span{text-decoration:underline;text-decoration-color:currentColor}.mdl-md002 .m-empty{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}\n"] }]
+            args: [{ selector: 'lis-c4-txt-des-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective, FormsModule], template: "@if (items?.length) {\n    <section class=\"mdl-md002\">\n        <div class=\"mdl-container\">\n            <div class=\"m-content-top\">\n                @if (texts?.title) {\n                    <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n                }\n                <div class=\"m-selects\">\n                    @if (hasActiveFilters) {\n                        <button\n                            type=\"button\"\n                            class=\"m-clear\"\n                            (click)=\"clearFilters()\"\n                        >\n                            {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n                        </button>\n                    }\n                    <div class=\"m-select\">\n                        <select\n                            #BrandSel\n                            [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n                            [(ngModel)]=\"selectedBrand\"\n                            (ngModelChange)=\"onBrandChange($event)\"\n                        >\n                            <option value=\"\">\n                                {{ texts?.marca ?? 'All' }}\n                            </option>\n                            @for (opt of brandOptions; track $index) {\n                                <option [value]=\"opt\">{{ opt }}</option>\n                            }\n                        </select>\n                    </div>\n                    <div class=\"m-select\">\n                        <select\n                            #hotelTypeSel\n                            [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n                            [(ngModel)]=\"selectedHotelType\"\n                            (ngModelChange)=\"onHotelTypeChange($event)\"\n                        >\n                            <option value=\"\">{{ texts?.hotelType }}</option>\n                            @for (opt of hotelTypeOptions; track $index) {\n                                <option [value]=\"opt\">{{ opt }}</option>\n                            }\n                        </select>\n                    </div>\n\n                    <div class=\"m-select\">\n                        <select\n                            #Destination\n                            [attr.aria-label]=\"\n                                texts?.destinations ?? 'destinos'\n                            \"\n                            [(ngModel)]=\"selectedDestination\"\n                            (ngModelChange)=\"onDestinationChange($event)\"\n                        >\n                            <option value=\"\">{{ texts?.destinations }}</option>\n                            @for (opt of destinationOptions; track $index) {\n                                <option [value]=\"opt\">{{ opt }}</option>\n                            }\n                        </select>\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"m-cards-container\">\n                @if (filteredItems?.length) {\n                    @for (item of filteredItems; track $index) {\n                        <div\n                            class=\"m-card\"\n                            [ngClass]=\"{\n                                cardempty: !getFirstImageByTag(\n                                    tagName,\n                                    item?.images ?? []\n                                ),\n                            }\"\n                        >\n                            @if (\n                                getFirstImageByTag(tagName, item.images ?? [])\n                            ) {\n                                <div\n                                    class=\"m-card-top\"\n                                    [style.background-image]=\"\n                                        'url(' +\n                                        getFirstImageByTag(\n                                            tagName,\n                                            item.images ?? []\n                                        )?.img?.src +\n                                        ')'\n                                    \"\n                                >\n                                    <div class=\"m-tag-left\">\n                                        @if (item.hoteltype) {\n                                            {{ item.hoteltype }}\n                                        }\n                                        <div class=\"m-keys\">\n                                            @if (\n                                                item?.hoteltype === 'Hotel' &&\n                                                item?.hotelcategory\n                                            ) {\n                                                <div class=\"category\">\n                                                    @for (\n                                                        item of getNumber(\n                                                            item?.hotelcategory ??\n                                                                ''\n                                                        );\n                                                        track $index\n                                                    ) {\n                                                        <svg\n                                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                                            width=\"20\"\n                                                            height=\"20\"\n                                                            viewBox=\"0 0 20 20\"\n                                                        >\n                                                            <g\n                                                                fill=\"none\"\n                                                                fill-rule=\"evenodd\"\n                                                            >\n                                                                <g>\n                                                                    <g>\n                                                                        <g\n                                                                            transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n                                                                        >\n                                                                            <g>\n                                                                                <path\n                                                                                    fill=\"#fff\"\n                                                                                    fill-opacity=\"1\"\n                                                                                    fill-rule=\"nonzero\"\n                                                                                    d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n                                                                                    transform=\"translate(104.000000, 0.000000)\"\n                                                                                />\n                                                                            </g>\n                                                                        </g>\n                                                                    </g>\n                                                                </g>\n                                                            </g>\n                                                        </svg>\n                                                    }\n                                                </div>\n                                            }\n\n                                            @if (\n                                                item?.hoteltype ===\n                                                    'Apartamento' &&\n                                                item?.hotelcategory\n                                            ) {\n                                                <div class=\"category\">\n                                                    @for (\n                                                        item of getNumber(\n                                                            item?.hotelcategory ??\n                                                                ''\n                                                        );\n                                                        track $index\n                                                    ) {\n                                                        <svg\n                                                            width=\"13\"\n                                                            height=\"13\"\n                                                            viewBox=\"0 0 13 13\"\n                                                            fill=\"none\"\n                                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                                        >\n                                                            <path\n                                                                d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n                                                                fill=\"#fff\"\n                                                                fill-opacity=\"1\"\n                                                            />\n                                                        </svg>\n                                                    }\n                                                </div>\n                                            }\n                                        </div>\n                                    </div>\n                                    @if (item?.texts?.additional2) {\n                                        <div\n                                            class=\"m-tag-right\"\n                                            [style.backgroundColor]=\"\n                                                item?.styles?.primary ??\n                                                '#ff4338'\n                                            \"\n                                        >\n                                            {{ item?.texts?.additional2 }}\n                                        </div>\n                                    }\n                                </div>\n\n                                <div class=\"m-content\">\n                                    @if (\n                                        item.texts?.title || item.texts?.name\n                                    ) {\n                                        <div class=\"m-title\">\n                                            {{\n                                                item.texts?.title ??\n                                                    item.texts?.name\n                                            }}\n                                        </div>\n                                    }\n\n                                    <div class=\"m-subtitle\">\n                                        @if (item.locality) {\n                                            {{ item.locality }}\n                                        }\n                                        @if (item.locality && item.province) {\n                                            -\n                                        }\n                                        @if (item.province) {\n                                            {{ item.province }}\n                                        }\n                                    </div>\n\n                                    @if (item.buttons?.length) {\n                                        @for (\n                                            btn of item.buttons;\n                                            track $index\n                                        ) {\n                                            <a\n                                                class=\"m-btn\"\n                                                [ngClass]=\"{\n                                                    'm-button-sm':\n                                                        $index % 2 === 0,\n                                                    'm-but m-underline':\n                                                        $index % 2 !== 0,\n                                                }\"\n                                                [style.--btn-primary-dynamic]=\"\n                                                    item.styles?.primary\n                                                \"\n                                                [style.--btn-hover-dynamic]=\"\n                                                    item.styles?.primaryHover\n                                                \"\n                                                [href]=\"btn.url\"\n                                                [attr.target]=\"\n                                                    btn.target || '_self'\n                                                \"\n                                                [linkType]=\"btn.linkType\"\n                                                [attr.aria-label]=\"btn.label\"\n                                            >\n                                                <span>{{ btn.label }}</span>\n                                            </a>\n                                        }\n                                    }\n                                </div>\n                            }\n                        </div>\n                    }\n                } @else {\n                    <div class=\"m-empty\">\n                        {{\n                            texts?.notFound ??\n                                'No se encontraron resultados con esos filtros.'\n                        }}\n                    </div>\n                }\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--cl_title);font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--cl_background_gray) inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:var(--font-text);font-size:1.4rem;font-weight:var(--w_text);color:var(--cl_dropdown-text)}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:var(--font-text);font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:var(--cl_radio);transform:translate(-50%,-50%)}.m-radio-group label{font-family:var(--font-text);font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:var(--font-text);font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:var(--cl_btn-link);text-align:center;font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/img/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)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md002{background-color:var(--cl_background_body)}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .mdl-container .m-content-top .m-title{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:var(--cl_btn-link);border:.1rem solid var(--cl_btn-link);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:var(--font-text);font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:var(--cl_btn-link);font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:var(--font-text);font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:var(--font-text);font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:var(--font-text);font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:var(--cl_btn-link)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:var(--font-text);font-weight:500;font-size:2.3rem;color:var(--cl_title)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:var(--font-text);font-weight:400;font-size:1.6rem;line-height:2.8rem;color:var(--cl_btn-link)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline span{text-decoration:underline;text-decoration-color:currentColor}.mdl-md002 .m-empty{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}\n"] }]
         }], propDecorators: { texts: [{
                 type: Input
             }], filters: [{