ctt-babylon 0.12.16 → 0.12.18

package/fesm2022/ctt-babylon.mjs

@@ -25,13 +25,13 @@ import * as i3 from 'primeng/api';
 import { trigger, state, transition, style, animate } from '@angular/animations';
 import { Fancybox } from '@fancyapps/ui';
 
+const SITE_CONFIG_SERVICE_TOKEN = new InjectionToken('SiteConfigService');
+
 const complex_links = new InjectionToken('complex_links', {
     providedIn: 'root',
     factory: () => false, // default (p. ej. lista vacía)
 });
 
-const SITE_CONFIG_SERVICE_TOKEN = new InjectionToken('SiteConfigService');
-
 class BabylonLinkTypeDirective {
     constructor(router, elRef) {
         this.router = router;
@@ -109,8 +109,15 @@ class BabylonLinkTypeDirective {
     }
     handleInternalLink(url) {
         const cleanedUrl = url.trim().replace(/\/+$/, '');
+        const target = '/' + cleanedUrl;
         this.anchorClicked.emit();
-        this.router.navigateByUrl('/' + cleanedUrl);
+        const current = (this.router.url || '')
+            .split('?')[0]
+            .replace(/\/+$/, '');
+        const targetClean = target.split('?')[0].replace(/\/+$/, '');
+        if (current === targetClean)
+            return;
+        this.router.navigateByUrl(target);
     }
     handleExternalLink(url) {
         if (!isPlatformBrowser(this.platformId))
@@ -438,7 +445,7 @@ class Utils {
                         return undefined;
                     })(),
                     icon: btn.icon ? `icon-` + btn?.icon : undefined,
-                    order: btn.order.toString(),
+                    order: btn.order?.toString(),
                 }
                 : undefined);
         }
@@ -3610,6 +3617,7 @@ class MapperService {
                         ? child?.translations?.[0]?.name
                         : child?.name,
                 })),
+                order: menu?.order,
             })),
             menuInfo: this.mapMenu(menu, undefined),
         };
@@ -9001,9 +9009,10 @@ class BabylonFoSliImgComponent {
             return;
         if (!this.items?.length)
             return;
-        // el ViewChild se asigna cuando el @if ya pintó
         if (!this.swiperContainer?.nativeElement)
             return;
+        if (!this.prevBtn?.nativeElement || !this.nextBtn?.nativeElement)
+            return;
         // espera a que el DOM tenga tamaños reales
         requestAnimationFrame(() => this.initSwiper());
     }
@@ -9017,8 +9026,7 @@ class BabylonFoSliImgComponent {
             this.swiper = undefined;
         }
         const options = {
-            slidesPerView: 3,
-            spaceBetween: 24,
+            modules: [Navigation],
             loop: false,
             navigation: {
                 prevEl: this.prevBtn?.nativeElement,
@@ -9027,6 +9035,11 @@ class BabylonFoSliImgComponent {
             watchOverflow: true,
             observer: true,
             observeParents: true,
+            breakpoints: {
+                0: { slidesPerView: 1, spaceBetween: 16 },
+                768: { slidesPerView: 2, spaceBetween: 20 },
+                1024: { slidesPerView: 3, spaceBetween: 24 },
+            },
         };
         this.swiper = new Swiper(el, options);
         // recalcula cuando cargan imágenes
@@ -9044,11 +9057,11 @@ class BabylonFoSliImgComponent {
         catch { }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonFoSliImgComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonFoSliImgComponent, isStandalone: true, selector: "lib-babylon-fo-sli-img", inputs: { texts: "texts", items: "items" }, viewQueries: [{ propertyName: "swiperContainer", first: true, predicate: ["swiperContainer"], descendants: true }, { propertyName: "prevBtn", first: true, predicate: ["prevBtn"], descendants: true }, { propertyName: "nextBtn", first: true, predicate: ["nextBtn"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-f02\">\n    <div class=\"mdl-container\">\n        @if (items?.length) {\n            <div class=\"swiper\" #swiperContainer>\n                <div class=\"swiper-wrapper\">\n                    @for (item of items; track $index) {\n                        <div class=\"swiper-slide\">\n                            <img\n                                [src]=\"item?.img?.src\"\n                                [alt]=\"item?.img?.alt\"\n                            />\n                        </div>\n                    }\n                </div>\n            </div>\n        }\n        @if (texts?.title) {\n            <div class=\"m-left\">\n                <h2 class=\"m-titulo\">{{ texts?.title }}</h2>\n            </div>\n        }\n        <button\n            type=\"button\"\n            class=\"m-swiper-button-s next\"\n            aria-label=\"Previous slide\"\n            #nextBtn\n        >\n            <svg\n                width=\"8\"\n                height=\"13\"\n                viewBox=\"0 0 8 13\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <path\n                    d=\"M6.73421 6.29129L1.65621 1.23929C1.47361 1.05761 1.22632 0.955919 0.968739 0.956575C0.711158 0.957232 0.464388 1.06018 0.282714 1.24279C0.101041 1.42539 -0.00065322 1.67268 3.15776e-06 1.93026C0.000659535 2.18784 0.103613 2.43461 0.286214 2.61629L4.68621 6.96529L0.289214 11.3403C0.106613 11.522 0.00365954 11.7687 0.00300317 12.0263C0.00234679 12.2839 0.104041 12.5312 0.285714 12.7138C0.467388 12.8964 0.714158 12.9993 0.971739 13C1.22932 13.0007 1.47661 12.899 1.65921 12.7173L6.73521 7.66729C6.91755 7.48468 7.01987 7.23713 7.01968 6.97908C7.0195 6.72103 6.91681 6.47363 6.73421 6.29129Z\"\n                    fill=\"white\"\n                />\n            </svg>\n        </button>\n        <button\n            type=\"button\"\n            class=\"m-swiper-button-s prev\"\n            aria-label=\"Next slide\"\n            #prevBtn\n        >\n            <svg\n                width=\"8\"\n                height=\"13\"\n                viewBox=\"0 0 8 13\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <path\n                    d=\"M1.26579 6.29129L6.34379 1.23929C6.52639 1.05761 6.77368 0.955919 7.03126 0.956575C7.28884 0.957232 7.53561 1.06018 7.71729 1.24279C7.89896 1.42539 8.00065 1.67268 8 1.93026C7.99934 2.18784 7.89639 2.43461 7.71379 2.61629L3.31379 6.96529L7.71079 11.3403C7.89339 11.522 7.99634 11.7687 7.997 12.0263C7.99765 12.2839 7.89596 12.5312 7.71429 12.7138C7.53261 12.8964 7.28584 12.9993 7.02826 13C6.77068 13.0007 6.52339 12.899 6.34079 12.7173L1.26479 7.66729C1.08245 7.48468 0.980128 7.23713 0.980316 6.97908C0.980503 6.72103 1.08319 6.47363 1.26579 6.29129Z\"\n                    fill=\"white\"\n                />\n            </svg>\n        </button>\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family: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;background-color:#ff4338;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.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family: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,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family: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}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-f02{padding-left:0!important;padding-right:0!important;margin:5rem 0;position:relative}.mdl-f02 .mdl-container{max-width:180rem;display:flex;flex-direction:row-reverse}.mdl-f02 .mdl-container .m-left{width:20rem}.mdl-f02 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f02 .mdl-container .m-left .m-titulo{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f02 .mdl-container .m-left .m-titulo{font-size:1.1rem}}.mdl-f02 .mdl-container .m-left .m-titulo{color:#515050}.mdl-f02 .mdl-container .swiper{width:80rem;height:20rem;margin-left:0;margin-right:13rem}.mdl-f02 .mdl-container .swiper .swiper-slide{width:200px;height:200px}.mdl-f02 .mdl-container .swiper .swiper-slide img{width:100%;height:100%;object-fit:contain;padding:0 10px}.mdl-f02 .next{position:absolute;z-index:2;top:10rem;right:9rem}.mdl-f02 .prev{position:absolute;z-index:2;top:6rem;right:9rem}@media (max-width: 1366px){.mdl-f02 .mdl-container{justify-content:space-around;gap:8rem}.mdl-f02 .mdl-container .swiper{margin-right:0}.mdl-f02 .mdl-container .next,.mdl-f02 .mdl-container .prev{right:7rem}}@media (max-width: 1280px){.mdl-f02 .mdl-container{justify-content:center;gap:0}.mdl-f02 .mdl-container .swiper{max-width:62rem}}@media (max-width: 1080px){.mdl-f02 .mdl-container{flex-direction:column-reverse;padding:0 20rem;gap:3rem}.mdl-f02 .mdl-container .prev{top:10rem;right:5rem}.mdl-f02 .mdl-container .next{top:14rem;right:5rem}}@media (max-width: 900px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev{bottom:-5rem;top:auto;left:50%;transform:translate(calc(-50% - 2rem))}.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto;left:50%;transform:translate(calc(-50% + 2rem))}}@media (max-width: 768px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev,.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto}}@media (max-width: 540px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev,.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto}}@media (max-width: 375px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev,.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto}.mdl-f02 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%;color:#515050;text-align:center}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonFoSliImgComponent, isStandalone: true, selector: "lib-babylon-fo-sli-img", inputs: { texts: "texts", items: "items", styles: "styles" }, viewQueries: [{ propertyName: "swiperContainer", first: true, predicate: ["swiperContainer"], descendants: true }, { propertyName: "prevBtn", first: true, predicate: ["prevBtn"], descendants: true }, { propertyName: "nextBtn", first: true, predicate: ["nextBtn"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-f02\">\n    <div class=\"mdl-container\">\n        @if (items?.length) {\n            <div class=\"swiper-overflow swiper\" #swiperContainer>\n                <div class=\"swiper-wrapper\">\n                    @for (item of items; track $index) {\n                        <div class=\"swiper-slide\">\n                            <img\n                                [src]=\"item?.img?.src\"\n                                [alt]=\"item?.img?.alt\"\n                            />\n                        </div>\n                    }\n                </div>\n            </div>\n        }\n        @if (texts?.title) {\n            <div class=\"m-left\">\n                <h2 class=\"m-titulo\">{{ texts?.title }}</h2>\n            </div>\n        }\n        <button\n            type=\"button\"\n            class=\"m-swiper-button-s next\"\n            aria-label=\"Previous slide\"\n            #nextBtn\n            [style.--color]=\"styles?.primary ?? '#ed3b37'\"\n            [style.--hover-color]=\"\n                styles?.primaryHover ?? styles?.primary ?? '#ed3b37'\n            \"\n        >\n            <svg\n                width=\"8\"\n                height=\"13\"\n                viewBox=\"0 0 8 13\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <path\n                    d=\"M6.73421 6.29129L1.65621 1.23929C1.47361 1.05761 1.22632 0.955919 0.968739 0.956575C0.711158 0.957232 0.464388 1.06018 0.282714 1.24279C0.101041 1.42539 -0.00065322 1.67268 3.15776e-06 1.93026C0.000659535 2.18784 0.103613 2.43461 0.286214 2.61629L4.68621 6.96529L0.289214 11.3403C0.106613 11.522 0.00365954 11.7687 0.00300317 12.0263C0.00234679 12.2839 0.104041 12.5312 0.285714 12.7138C0.467388 12.8964 0.714158 12.9993 0.971739 13C1.22932 13.0007 1.47661 12.899 1.65921 12.7173L6.73521 7.66729C6.91755 7.48468 7.01987 7.23713 7.01968 6.97908C7.0195 6.72103 6.91681 6.47363 6.73421 6.29129Z\"\n                    fill=\"white\"\n                />\n            </svg>\n        </button>\n        <button\n            type=\"button\"\n            class=\"m-swiper-button-s prev\"\n            aria-label=\"Next slide\"\n            #prevBtn\n            [style.--color]=\"styles?.primary ?? '#ed3b37'\"\n            [style.--hover-color]=\"\n                styles?.primaryHover ?? styles?.primary ?? '#ed3b37'\n            \"\n        >\n            <svg\n                width=\"8\"\n                height=\"13\"\n                viewBox=\"0 0 8 13\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <path\n                    d=\"M1.26579 6.29129L6.34379 1.23929C6.52639 1.05761 6.77368 0.955919 7.03126 0.956575C7.28884 0.957232 7.53561 1.06018 7.71729 1.24279C7.89896 1.42539 8.00065 1.67268 8 1.93026C7.99934 2.18784 7.89639 2.43461 7.71379 2.61629L3.31379 6.96529L7.71079 11.3403C7.89339 11.522 7.99634 11.7687 7.997 12.0263C7.99765 12.2839 7.89596 12.5312 7.71429 12.7138C7.53261 12.8964 7.28584 12.9993 7.02826 13C6.77068 13.0007 6.52339 12.899 6.34079 12.7173L1.26479 7.66729C1.08245 7.48468 0.980128 7.23713 0.980316 6.97908C0.980503 6.72103 1.08319 6.47363 1.26579 6.29129Z\"\n                    fill=\"white\"\n                />\n            </svg>\n        </button>\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family: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;background-color:#ff4338;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.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family: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,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family: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}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-f02{padding-left:0!important;padding-right:0!important;margin:5rem 0;position:relative}.mdl-f02 .mdl-container{max-width:180rem;display:flex;flex-direction:row-reverse}.mdl-f02 .mdl-container .m-left{width:20rem}.mdl-f02 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f02 .mdl-container .m-left .m-titulo{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f02 .mdl-container .m-left .m-titulo{font-size:1.1rem}}.mdl-f02 .mdl-container .m-left .m-titulo{color:#515050}.mdl-f02 .mdl-container .swiper{width:80rem;height:20rem;margin-left:0;margin-right:13rem}.mdl-f02 .mdl-container .swiper .swiper-slide{width:200px;height:200px}.mdl-f02 .mdl-container .swiper .swiper-slide img{width:100%;height:100%;object-fit:contain;padding:0 10px}.mdl-f02 .next{position:absolute;z-index:2;top:10rem;right:9rem}.mdl-f02 .prev{position:absolute;z-index:2;top:6rem;right:9rem}@media (max-width: 1366px){.mdl-f02 .mdl-container{justify-content:space-around;gap:8rem}.mdl-f02 .mdl-container .swiper{margin-right:0}.mdl-f02 .mdl-container .next,.mdl-f02 .mdl-container .prev{right:7rem}}@media (max-width: 1280px){.mdl-f02 .mdl-container{justify-content:center;gap:0}.mdl-f02 .mdl-container .swiper{max-width:62rem}}@media (max-width: 1080px){.mdl-f02 .mdl-container{flex-direction:column-reverse;padding:0 20rem;gap:3rem}.mdl-f02 .mdl-container .prev{top:10rem;right:5rem}.mdl-f02 .mdl-container .next{top:14rem;right:5rem}}@media (max-width: 900px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev{bottom:-5rem;top:auto;left:50%;transform:translate(calc(-50% - 2rem))}.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto;left:50%;transform:translate(calc(-50% + 2rem))}}@media (max-width: 768px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev,.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto}}@media (max-width: 540px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev,.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto}}@media (max-width: 375px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev,.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto}.mdl-f02 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%;color:#515050;text-align:center}}.m-swiper-button-s{background-color:var(--color)}.m-swiper-button-s:hover{background-color:var(--hover-color)}.mdl-f02 .mdl-container .swiper{width:80rem;height:20rem;overflow:hidden}.mdl-f02 .mdl-container .swiper-slide{height:200px;display:flex;align-items:center;justify-content:center}.mdl-f02 .mdl-container .swiper-slide img{max-width:200px;max-height:200px;width:100%;height:100%;object-fit:contain;padding:0 10px;display:block}@media (max-width: 1023px){.mdl-f02 .mdl-container{padding:0 2rem}.mdl-f02 .mdl-container .swiper{width:100%;max-width:100%;margin-right:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonFoSliImgComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-babylon-fo-sli-img', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-f02\">\n    <div class=\"mdl-container\">\n        @if (items?.length) {\n            <div class=\"swiper\" #swiperContainer>\n                <div class=\"swiper-wrapper\">\n                    @for (item of items; track $index) {\n                        <div class=\"swiper-slide\">\n                            <img\n                                [src]=\"item?.img?.src\"\n                                [alt]=\"item?.img?.alt\"\n                            />\n                        </div>\n                    }\n                </div>\n            </div>\n        }\n        @if (texts?.title) {\n            <div class=\"m-left\">\n                <h2 class=\"m-titulo\">{{ texts?.title }}</h2>\n            </div>\n        }\n        <button\n            type=\"button\"\n            class=\"m-swiper-button-s next\"\n            aria-label=\"Previous slide\"\n            #nextBtn\n        >\n            <svg\n                width=\"8\"\n                height=\"13\"\n                viewBox=\"0 0 8 13\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <path\n                    d=\"M6.73421 6.29129L1.65621 1.23929C1.47361 1.05761 1.22632 0.955919 0.968739 0.956575C0.711158 0.957232 0.464388 1.06018 0.282714 1.24279C0.101041 1.42539 -0.00065322 1.67268 3.15776e-06 1.93026C0.000659535 2.18784 0.103613 2.43461 0.286214 2.61629L4.68621 6.96529L0.289214 11.3403C0.106613 11.522 0.00365954 11.7687 0.00300317 12.0263C0.00234679 12.2839 0.104041 12.5312 0.285714 12.7138C0.467388 12.8964 0.714158 12.9993 0.971739 13C1.22932 13.0007 1.47661 12.899 1.65921 12.7173L6.73521 7.66729C6.91755 7.48468 7.01987 7.23713 7.01968 6.97908C7.0195 6.72103 6.91681 6.47363 6.73421 6.29129Z\"\n                    fill=\"white\"\n                />\n            </svg>\n        </button>\n        <button\n            type=\"button\"\n            class=\"m-swiper-button-s prev\"\n            aria-label=\"Next slide\"\n            #prevBtn\n        >\n            <svg\n                width=\"8\"\n                height=\"13\"\n                viewBox=\"0 0 8 13\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <path\n                    d=\"M1.26579 6.29129L6.34379 1.23929C6.52639 1.05761 6.77368 0.955919 7.03126 0.956575C7.28884 0.957232 7.53561 1.06018 7.71729 1.24279C7.89896 1.42539 8.00065 1.67268 8 1.93026C7.99934 2.18784 7.89639 2.43461 7.71379 2.61629L3.31379 6.96529L7.71079 11.3403C7.89339 11.522 7.99634 11.7687 7.997 12.0263C7.99765 12.2839 7.89596 12.5312 7.71429 12.7138C7.53261 12.8964 7.28584 12.9993 7.02826 13C6.77068 13.0007 6.52339 12.899 6.34079 12.7173L1.26479 7.66729C1.08245 7.48468 0.980128 7.23713 0.980316 6.97908C0.980503 6.72103 1.08319 6.47363 1.26579 6.29129Z\"\n                    fill=\"white\"\n                />\n            </svg>\n        </button>\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family: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;background-color:#ff4338;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.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family: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,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family: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}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-f02{padding-left:0!important;padding-right:0!important;margin:5rem 0;position:relative}.mdl-f02 .mdl-container{max-width:180rem;display:flex;flex-direction:row-reverse}.mdl-f02 .mdl-container .m-left{width:20rem}.mdl-f02 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f02 .mdl-container .m-left .m-titulo{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f02 .mdl-container .m-left .m-titulo{font-size:1.1rem}}.mdl-f02 .mdl-container .m-left .m-titulo{color:#515050}.mdl-f02 .mdl-container .swiper{width:80rem;height:20rem;margin-left:0;margin-right:13rem}.mdl-f02 .mdl-container .swiper .swiper-slide{width:200px;height:200px}.mdl-f02 .mdl-container .swiper .swiper-slide img{width:100%;height:100%;object-fit:contain;padding:0 10px}.mdl-f02 .next{position:absolute;z-index:2;top:10rem;right:9rem}.mdl-f02 .prev{position:absolute;z-index:2;top:6rem;right:9rem}@media (max-width: 1366px){.mdl-f02 .mdl-container{justify-content:space-around;gap:8rem}.mdl-f02 .mdl-container .swiper{margin-right:0}.mdl-f02 .mdl-container .next,.mdl-f02 .mdl-container .prev{right:7rem}}@media (max-width: 1280px){.mdl-f02 .mdl-container{justify-content:center;gap:0}.mdl-f02 .mdl-container .swiper{max-width:62rem}}@media (max-width: 1080px){.mdl-f02 .mdl-container{flex-direction:column-reverse;padding:0 20rem;gap:3rem}.mdl-f02 .mdl-container .prev{top:10rem;right:5rem}.mdl-f02 .mdl-container .next{top:14rem;right:5rem}}@media (max-width: 900px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev{bottom:-5rem;top:auto;left:50%;transform:translate(calc(-50% - 2rem))}.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto;left:50%;transform:translate(calc(-50% + 2rem))}}@media (max-width: 768px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev,.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto}}@media (max-width: 540px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev,.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto}}@media (max-width: 375px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev,.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto}.mdl-f02 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%;color:#515050;text-align:center}}\n"] }]
+            args: [{ selector: 'lib-babylon-fo-sli-img', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-f02\">\n    <div class=\"mdl-container\">\n        @if (items?.length) {\n            <div class=\"swiper-overflow swiper\" #swiperContainer>\n                <div class=\"swiper-wrapper\">\n                    @for (item of items; track $index) {\n                        <div class=\"swiper-slide\">\n                            <img\n                                [src]=\"item?.img?.src\"\n                                [alt]=\"item?.img?.alt\"\n                            />\n                        </div>\n                    }\n                </div>\n            </div>\n        }\n        @if (texts?.title) {\n            <div class=\"m-left\">\n                <h2 class=\"m-titulo\">{{ texts?.title }}</h2>\n            </div>\n        }\n        <button\n            type=\"button\"\n            class=\"m-swiper-button-s next\"\n            aria-label=\"Previous slide\"\n            #nextBtn\n            [style.--color]=\"styles?.primary ?? '#ed3b37'\"\n            [style.--hover-color]=\"\n                styles?.primaryHover ?? styles?.primary ?? '#ed3b37'\n            \"\n        >\n            <svg\n                width=\"8\"\n                height=\"13\"\n                viewBox=\"0 0 8 13\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <path\n                    d=\"M6.73421 6.29129L1.65621 1.23929C1.47361 1.05761 1.22632 0.955919 0.968739 0.956575C0.711158 0.957232 0.464388 1.06018 0.282714 1.24279C0.101041 1.42539 -0.00065322 1.67268 3.15776e-06 1.93026C0.000659535 2.18784 0.103613 2.43461 0.286214 2.61629L4.68621 6.96529L0.289214 11.3403C0.106613 11.522 0.00365954 11.7687 0.00300317 12.0263C0.00234679 12.2839 0.104041 12.5312 0.285714 12.7138C0.467388 12.8964 0.714158 12.9993 0.971739 13C1.22932 13.0007 1.47661 12.899 1.65921 12.7173L6.73521 7.66729C6.91755 7.48468 7.01987 7.23713 7.01968 6.97908C7.0195 6.72103 6.91681 6.47363 6.73421 6.29129Z\"\n                    fill=\"white\"\n                />\n            </svg>\n        </button>\n        <button\n            type=\"button\"\n            class=\"m-swiper-button-s prev\"\n            aria-label=\"Next slide\"\n            #prevBtn\n            [style.--color]=\"styles?.primary ?? '#ed3b37'\"\n            [style.--hover-color]=\"\n                styles?.primaryHover ?? styles?.primary ?? '#ed3b37'\n            \"\n        >\n            <svg\n                width=\"8\"\n                height=\"13\"\n                viewBox=\"0 0 8 13\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <path\n                    d=\"M1.26579 6.29129L6.34379 1.23929C6.52639 1.05761 6.77368 0.955919 7.03126 0.956575C7.28884 0.957232 7.53561 1.06018 7.71729 1.24279C7.89896 1.42539 8.00065 1.67268 8 1.93026C7.99934 2.18784 7.89639 2.43461 7.71379 2.61629L3.31379 6.96529L7.71079 11.3403C7.89339 11.522 7.99634 11.7687 7.997 12.0263C7.99765 12.2839 7.89596 12.5312 7.71429 12.7138C7.53261 12.8964 7.28584 12.9993 7.02826 13C6.77068 13.0007 6.52339 12.899 6.34079 12.7173L1.26479 7.66729C1.08245 7.48468 0.980128 7.23713 0.980316 6.97908C0.980503 6.72103 1.08319 6.47363 1.26579 6.29129Z\"\n                    fill=\"white\"\n                />\n            </svg>\n        </button>\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family: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;background-color:#ff4338;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.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family: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,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family: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}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-f02{padding-left:0!important;padding-right:0!important;margin:5rem 0;position:relative}.mdl-f02 .mdl-container{max-width:180rem;display:flex;flex-direction:row-reverse}.mdl-f02 .mdl-container .m-left{width:20rem}.mdl-f02 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f02 .mdl-container .m-left .m-titulo{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f02 .mdl-container .m-left .m-titulo{font-size:1.1rem}}.mdl-f02 .mdl-container .m-left .m-titulo{color:#515050}.mdl-f02 .mdl-container .swiper{width:80rem;height:20rem;margin-left:0;margin-right:13rem}.mdl-f02 .mdl-container .swiper .swiper-slide{width:200px;height:200px}.mdl-f02 .mdl-container .swiper .swiper-slide img{width:100%;height:100%;object-fit:contain;padding:0 10px}.mdl-f02 .next{position:absolute;z-index:2;top:10rem;right:9rem}.mdl-f02 .prev{position:absolute;z-index:2;top:6rem;right:9rem}@media (max-width: 1366px){.mdl-f02 .mdl-container{justify-content:space-around;gap:8rem}.mdl-f02 .mdl-container .swiper{margin-right:0}.mdl-f02 .mdl-container .next,.mdl-f02 .mdl-container .prev{right:7rem}}@media (max-width: 1280px){.mdl-f02 .mdl-container{justify-content:center;gap:0}.mdl-f02 .mdl-container .swiper{max-width:62rem}}@media (max-width: 1080px){.mdl-f02 .mdl-container{flex-direction:column-reverse;padding:0 20rem;gap:3rem}.mdl-f02 .mdl-container .prev{top:10rem;right:5rem}.mdl-f02 .mdl-container .next{top:14rem;right:5rem}}@media (max-width: 900px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev{bottom:-5rem;top:auto;left:50%;transform:translate(calc(-50% - 2rem))}.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto;left:50%;transform:translate(calc(-50% + 2rem))}}@media (max-width: 768px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev,.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto}}@media (max-width: 540px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev,.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto}}@media (max-width: 375px){.mdl-f02 .mdl-container{padding:0 8rem}.mdl-f02 .mdl-container .prev,.mdl-f02 .mdl-container .next{bottom:-5rem;top:auto}.mdl-f02 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%;color:#515050;text-align:center}}.m-swiper-button-s{background-color:var(--color)}.m-swiper-button-s:hover{background-color:var(--hover-color)}.mdl-f02 .mdl-container .swiper{width:80rem;height:20rem;overflow:hidden}.mdl-f02 .mdl-container .swiper-slide{height:200px;display:flex;align-items:center;justify-content:center}.mdl-f02 .mdl-container .swiper-slide img{max-width:200px;max-height:200px;width:100%;height:100%;object-fit:contain;padding:0 10px;display:block}@media (max-width: 1023px){.mdl-f02 .mdl-container{padding:0 2rem}.mdl-f02 .mdl-container .swiper{width:100%;max-width:100%;margin-right:0}}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
@@ -9056,6 +9069,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }], items: [{
                 type: Input
+            }], styles: [{
+                type: Input
             }], swiperContainer: [{
                 type: ViewChild,
                 args: ['swiperContainer', { static: false }]
@@ -9558,11 +9573,11 @@ class BabylonHeSvgListComponent {
         dialogRef.componentInstance.close = event;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeSvgListComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonHeSvgListComponent, isStandalone: true, selector: "lib-babylon-he-svg-list", inputs: { dinamyHeader: "dinamyHeader", hotelPage: "hotelPage", menu: "menu", logos: "logos", floatingButtons: "floatingButtons", links: "links", locale: "locale", hotel: "hotel", items: "items", selected: "selected", styles: "styles", widgetConfig: "widgetConfig" }, outputs: { openLanguages: "openLanguages", openOfferPop: "openOfferPop" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n    <div class=\"mdl-container\">\n        <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n        <div class=\"m-menu\">\n            <!-- Bot\u00F3n flotante para reserva online -->\n            @if (floatingButtons?.links?.length) {\n                @if (floatingButtons?.links?.[1]) {\n                    <div class=\"m-checking-online\">\n                        <a\n                            [href]=\"floatingButtons?.links?.[1]?.url\"\n                            [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n                            [attr.aria-label]=\"\n                                floatingButtons?.links?.[1]?.label\n                            \"\n                        >\n                            <span>{{\n                                floatingButtons?.links?.[1]?.label\n                            }}</span>\n                        </a>\n                    </div>\n                }\n            }\n\n            <!-- Book now button -->\n            @if (floatingButtons?.textsButtons?.booktext) {\n                <div\n                    class=\"m-book-container\"\n                    [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n                >\n                    <a\n                        (click)=\"openEngineModal()\"\n                        class=\"m-button m-book\"\n                        [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n                        >{{ floatingButtons?.textsButtons?.booktext }}</a\n                    >\n                </div>\n            }\n\n            <!-- Logo -->\n            @if (logos) {\n                <a\n                    [href]=\"menu?.[0]?.url ?? '/es/home'\"\n                    [linkType]=\"menu?.[0]?.linkType\"\n                    [attr.aria-label]=\"menu?.[0]?.label\"\n                    class=\"m-logo\"\n                >\n                    @if (logos.logoDesktop) {\n                        <img\n                            [src]=\"logos.logoDesktop.src\"\n                            [alt]=\"logos.logoDesktop.alt\"\n                        />\n                    }\n                    @if (logos.logoMenu) {\n                        <img\n                            class=\"red\"\n                            [src]=\"logos.logoMenu.src\"\n                            [alt]=\"logos.logoMenu.alt\"\n                        />\n                    }\n                </a>\n            }\n            <!-- Links + Lang + user -->\n            <div class=\"m-links-container\">\n                <!-- Links -->\n                @if (menu?.length) {\n                    <div class=\"m-links\">\n                        @for (item of menu; track $index) {\n                            @if (item) {\n                                <a\n                                    [href]=\"item.url\"\n                                    [linkType]=\"item.linkType\"\n                                    [attr.aria-label]=\"item.label\"\n                                >\n                                    @if ($index == 0) {\n                                        <img\n                                            src=\"/assets/babylon/svg/icons/home.svg\"\n                                            alt=\"home\"\n                                        />\n                                    } @else {\n                                        {{ item.label }}\n                                    }\n                                </a>\n                            }\n                        }\n                    </div>\n                }\n                <!-- Motor sticky -->\n\n                <div class=\"m-motor\"></div>\n\n                <!-- user + lang -->\n                <div class=\"m-right\">\n                    <button\n                        type=\"button\"\n                        class=\"m-burger\"\n                        aria-label=\"Abrir men\u00FA\"\n                        aria-expanded=\"false\"\n                        aria-controls=\"burger-menu\"\n                        (click)=\"showMenuBurger()\"\n                    >\n                        <svg\n                            width=\"37\"\n                            height=\"23\"\n                            viewBox=\"0 0 37 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n                                fill=\"#515050\"\n                            />\n                            <path\n                                d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n                                fill=\"#515050\"\n                            />\n                            <path\n                                d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n                                fill=\"#515050\"\n                            />\n                        </svg>\n                    </button>\n                    <!--   <button\n                        type=\"button\"\n                        class=\"m-user\"\n                        aria-label=\"Abrir men\u00FA de usuario\"\n                        (click)=\"openOfferPopup()\"\n                    >\n                        <svg\n                            width=\"20\"\n                            height=\"22\"\n                            viewBox=\"0 0 20 22\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <g opacity=\"0.7\">\n                                <path\n                                    d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n                                    fill=\"#515050\"\n                                />\n                            </g>\n                        </svg>\n                    </button> -->\n                    <button\n                        type=\"button\"\n                        class=\"m-lang\"\n                        aria-label=\"Seleccionar idioma\"\n                        data-src=\"#idiomas-form\"\n                        (click)=\"openLanguagesModal()\"\n                    >\n                        <svg\n                            width=\"23\"\n                            height=\"23\"\n                            viewBox=\"0 0 23 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <g opacity=\"0.7\">\n                                <path\n                                    d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n                                    fill=\"#515050\"\n                                />\n                            </g>\n                        </svg>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"sticky-sentinel\"></div>\n        <!-- Men\u00FA rojo para ficha hotel -->\n        <div\n            class=\"m-card-hotel\"\n            [ngClass]=\"{ hidden: !items?.length }\"\n            [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n        >\n            @if (hotel) {\n                <a\n                    [href]=\"items?.[0]?.url\"\n                    [linkType]=\"items?.[0]?.linkType\"\n                    class=\"m-hotel-logo\"\n                >\n                    <div class=\"m-title\">{{ hotel }}</div>\n                    <!--   <div class=\"m-stars\">\n                        <span>hotel</span>\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                    </div> -->\n                </a>\n            }\n\n            @if (items?.length) {\n                <div class=\"m-hotel-submenus\">\n                    @for (item of items; track $index) {\n                        <a\n                            [href]=\"item.url\"\n                            [linkType]=\"item.linkType\"\n                            [attr.aria-label]=\"item.label\"\n                            class=\"m-submenu\"\n                            >{{ item.label }}</a\n                        >\n                    }\n                </div>\n            }\n        </div>\n    </div>\n\n    <div class=\"m-optionsmobile\">\n        @if (floatingButtons?.links?.length) {\n            @if (floatingButtons?.links?.[1]) {\n                <div class=\"m-checking-online\">\n                    <a\n                        type=\"button\"\n                        class=\"m-checking-online-button\"\n                        [href]=\"floatingButtons?.links?.[1]?.url\"\n                        [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n                        [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n                    >\n                        {{ floatingButtons?.links?.[1]?.label }}\n                    </a>\n                </div>\n            }\n        }\n        <button\n            type=\"button\"\n            class=\"m-menumobile\"\n            aria-label=\"Abrir men\u00FA\"\n            aria-expanded=\"false\"\n            aria-controls=\"burger-menu\"\n            (click)=\"showMenuBurger()\"\n        >\n            @if (floatingButtons?.textsButtons?.menuText) {\n                <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n            } @else {\n                <span>-</span>\n            }\n\n            <svg\n                width=\"37\"\n                height=\"23\"\n                viewBox=\"0 0 37 23\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <g opacity=\"0.7\">\n                    <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n                    <path\n                        d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n                        fill=\"#515050\"\n                    />\n                    <path\n                        d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n                        fill=\"#515050\"\n                    />\n                </g>\n            </svg>\n        </button>\n\n        @if (floatingButtons?.textsButtons?.booktext) {\n            <a\n                class=\"m-bookmobile\"\n                (click)=\"openEngineModal()\"\n                [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n                >{{ floatingButtons?.textsButtons?.booktext }}</a\n            >\n        }\n    </div>\n\n    <div id=\"burger-menu\" class=\"m-burger-menu\">\n        <button\n            type=\"button\"\n            class=\"close\"\n            aria-label=\"Cerrar men\u00FA\"\n            (click)=\"showMenuBurger()\"\n            [ngClass]=\"{\n                color: styles === undefined,\n            }\"\n        >\n            @if (styles?.primary && hotel && items?.length) {\n                <svg\n                    width=\"14\"\n                    height=\"13\"\n                    viewBox=\"0 0 14 13\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                    <path\n                        d=\"M1.33677 0.739403C1.51937 0.55773 1.76696 0.455628 2.02454 0.456284C2.28202 0.456975 2.52861 0.560362 2.71024 0.742856L7.08546 5.14018L11.4344 0.740094C11.616 0.557565 11.8627 0.45426 12.1201 0.453522C12.3777 0.452865 12.6253 0.554968 12.8079 0.736641C12.9904 0.918282 13.0938 1.16484 13.0945 1.42234C13.0951 1.67992 12.993 1.92751 12.8114 2.11011L8.35259 6.59099L12.7409 11.0014C12.9226 11.184 13.0247 11.4317 13.0241 11.6892C13.0234 11.9467 12.9199 12.1933 12.7375 12.3749C12.5549 12.5566 12.3073 12.6587 12.0497 12.658C11.7922 12.6573 11.5456 12.554 11.364 12.3714L6.98948 7.97482L2.6405 12.3749C2.45885 12.5575 2.21164 12.6601 1.95411 12.6608C1.69663 12.6614 1.4496 12.5599 1.26702 12.3784C1.08449 12.1967 0.98118 11.9501 0.980453 11.6927C0.979797 11.4351 1.0819 11.1875 1.26357 11.0049L5.72097 6.52401L1.33332 2.11288C1.15177 1.93037 1.05033 1.68321 1.05089 1.42579C1.05154 1.16825 1.15422 0.921069 1.33677 0.739403Z\"\n                        [attr.fill]=\"styles?.primary ?? '#fff'\"\n                    />\n                </svg>\n            } @else {\n                <img\n                    src=\"/assets/babylon/svg/icons/close-small.svg\"\n                    alt=\"close\"\n                />\n            }\n        </button>\n\n        @if (styles?.primary && hotel && items?.length) {\n            <div\n                class=\"background-container\"\n                [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n            ></div>\n        }\n        <div class=\"m-container\">\n            @if (logos?.logoMenu) {\n                <div class=\"m-header\">\n                    <a\n                        [href]=\"menu?.[0]?.url ?? '/es/home'\"\n                        [linkType]=\"menu?.[0]?.linkType\"\n                        [attr.aria-label]=\"menu?.[0]?.label\"\n                        class=\"m-logo\"\n                    >\n                        <img\n                            [ngClass]=\"{\n                                white:\n                                    styles?.primary && hotel && items?.length,\n                            }\"\n                            [src]=\"logos?.logoMenu?.src\"\n                            [alt]=\"logos?.logoMenu?.alt\"\n                        />\n                    </a>\n                    @if (hotel && items?.length) {\n                        <a\n                            [href]=\"items?.[0]?.url\"\n                            [linkType]=\"items?.[0]?.linkType\"\n                        >\n                            <div class=\"m-title\">{{ hotel }}</div>\n                        </a>\n                    }\n                </div>\n            }\n\n            @if (hotel && items?.length) {\n                <div class=\"m-links hotel-menu\">\n                    <div class=\"m-links-container\">\n                        @for (item of items; track $index) {\n                            <a\n                                [href]=\"item.url\"\n                                [linkType]=\"item.linkType\"\n                                [attr.aria-label]=\"item.label\"\n                                class=\"m-submenu\"\n                                >{{ item.label }}</a\n                            >\n                        }\n                        <a\n                            [href]=\"menu?.[0]?.url ?? '/es/home'\"\n                            [linkType]=\"menu?.[0]?.linkType\"\n                            [attr.aria-label]=\"menu?.[0]?.label\"\n                            class=\"m-logo\"\n                        >\n                            <img\n                                [src]=\"logos?.logoMenu?.src\"\n                                [alt]=\"logos?.logoMenu?.alt\"\n                            />\n                        </a>\n                    </div>\n                </div>\n            }\n            @if (menu?.length) {\n                <div\n                    [class]=\"\n                        hotel && items?.length\n                            ? 'm-links menu-general'\n                            : 'm-links'\n                    \"\n                >\n                    <div class=\"m-links-container\">\n                        @for (item of menu; track $index) {\n                            @if (item) {\n                                <a\n                                    [href]=\"item.url\"\n                                    [linkType]=\"item.linkType\"\n                                    [attr.aria-label]=\"item.label\"\n                                >\n                                    {{ item.label }}\n                                </a>\n                            }\n                        }\n                    </div>\n                </div>\n            }\n\n            <div class=\"m-footer\">\n                @if (floatingButtons?.links?.length) {\n                    @if (floatingButtons?.links?.[1]) {\n                        <a\n                            class=\"m-checking-online-button\"\n                            [href]=\"floatingButtons?.links?.[1]?.url\"\n                            [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n                            [attr.aria-label]=\"\n                                floatingButtons?.links?.[1]?.label\n                            \"\n                        >\n                            {{ floatingButtons?.links?.[1]?.label }}\n                        </a>\n                    }\n                }\n\n                <div class=\"m-footer-container\">\n                    <a href=\"mailto:\">\n                        <svg\n                            width=\"17\"\n                            height=\"14\"\n                            viewBox=\"0 0 17 14\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </a>\n\n                    <!-- <a (click)=\"openOfferPopup()\">\n                        <svg\n                            width=\"20\"\n                            height=\"23\"\n                            viewBox=\"0 0 20 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </a> -->\n\n                    <div\n                        class=\"m-lang\"\n                        data-src=\"#idiomas-form\"\n                        (click)=\"openLanguagesModal()\"\n                    >\n                        <svg\n                            width=\"23\"\n                            height=\"23\"\n                            viewBox=\"0 0 23 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family: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;background-color:#ff4338;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.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family: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,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family: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}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:auto;max-height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}@media (max-width: 1100px){.mdl-header .mdl-container .m-card-hotel{max-height:inherit}}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:var(--cl_btn-box-text)}.mdl-header .m-burger-menu .close.color{background-color:var(--cl_btn-box)}.mdl-header .m-burger-menu .close svg,.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover svg,.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:block;margin-inline:auto}@media (min-width: 916px){.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:none}}.mdl-header .m-burger-menu .m-container .m-header .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem}.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:none}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:block}@media (max-width: 916px){.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:block}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:none}}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#ff4338}.mdl-header .m-burger-menu .m-container .m-links .m-links-container .m-logo img{height:60px;margin-left:-16px}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:25px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:25px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:20px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}.background-container{width:100%;height:120px;position:absolute;z-index:-1}@media (max-width: 600px){.background-container{height:90px}}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonHeSvgListComponent, isStandalone: true, selector: "lib-babylon-he-svg-list", inputs: { dinamyHeader: "dinamyHeader", hotelPage: "hotelPage", menu: "menu", logos: "logos", floatingButtons: "floatingButtons", links: "links", locale: "locale", hotel: "hotel", items: "items", selected: "selected", styles: "styles", widgetConfig: "widgetConfig" }, outputs: { openLanguages: "openLanguages", openOfferPop: "openOfferPop" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n    <div class=\"mdl-container\">\n        <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n        <div class=\"m-menu\">\n            <!-- Bot\u00F3n flotante para reserva online -->\n            @if (floatingButtons?.links?.length) {\n                @if (floatingButtons?.links?.[1]) {\n                    <div class=\"m-checking-online\">\n                        <a\n                            [href]=\"floatingButtons?.links?.[1]?.url\"\n                            [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n                            [attr.aria-label]=\"\n                                floatingButtons?.links?.[1]?.label\n                            \"\n                        >\n                            <span>{{\n                                floatingButtons?.links?.[1]?.label\n                            }}</span>\n                        </a>\n                    </div>\n                }\n            }\n\n            <!-- Book now button -->\n            @if (floatingButtons?.textsButtons?.booktext) {\n                <div\n                    class=\"m-book-container\"\n                    [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n                >\n                    <a\n                        (click)=\"openEngineModal()\"\n                        class=\"m-button m-book\"\n                        [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n                        >{{ floatingButtons?.textsButtons?.booktext }}</a\n                    >\n                </div>\n            }\n\n            <!-- Logo -->\n            @if (logos) {\n                <a\n                    [href]=\"menu?.[0]?.url ?? '/es/home'\"\n                    [linkType]=\"menu?.[0]?.linkType\"\n                    [attr.aria-label]=\"menu?.[0]?.label\"\n                    class=\"m-logo\"\n                >\n                    @if (logos.logoDesktop) {\n                        <img\n                            [src]=\"logos.logoDesktop.src\"\n                            [alt]=\"logos.logoDesktop.alt\"\n                        />\n                    }\n                    @if (logos.logoMenu) {\n                        <img\n                            class=\"red\"\n                            [src]=\"logos.logoMenu.src\"\n                            [alt]=\"logos.logoMenu.alt\"\n                        />\n                    }\n                </a>\n            }\n            <!-- Links + Lang + user -->\n            <div class=\"m-links-container\">\n                <!-- Links -->\n                @if (menu?.length) {\n                    <div class=\"m-links\">\n                        @for (item of menu; track $index) {\n                            @if (item) {\n                                <a\n                                    [href]=\"item.url\"\n                                    [linkType]=\"item.linkType\"\n                                    [attr.aria-label]=\"item.label\"\n                                    (anchorClicked)=\"closeMenuBurger()\"\n                                >\n                                    @if ($index == 0) {\n                                        <img\n                                            src=\"/assets/babylon/svg/icons/home.svg\"\n                                            alt=\"home\"\n                                        />\n                                    } @else {\n                                        {{ item.label }}\n                                    }\n                                </a>\n                            }\n                        }\n                    </div>\n                }\n                <!-- Motor sticky -->\n\n                <div class=\"m-motor\"></div>\n\n                <!-- user + lang -->\n                <div class=\"m-right\">\n                    <button\n                        type=\"button\"\n                        class=\"m-burger\"\n                        aria-label=\"Abrir men\u00FA\"\n                        aria-expanded=\"false\"\n                        aria-controls=\"burger-menu\"\n                        (click)=\"showMenuBurger()\"\n                    >\n                        <svg\n                            width=\"37\"\n                            height=\"23\"\n                            viewBox=\"0 0 37 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n                                fill=\"#515050\"\n                            />\n                            <path\n                                d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n                                fill=\"#515050\"\n                            />\n                            <path\n                                d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n                                fill=\"#515050\"\n                            />\n                        </svg>\n                    </button>\n                    <!--   <button\n                        type=\"button\"\n                        class=\"m-user\"\n                        aria-label=\"Abrir men\u00FA de usuario\"\n                        (click)=\"openOfferPopup()\"\n                    >\n                        <svg\n                            width=\"20\"\n                            height=\"22\"\n                            viewBox=\"0 0 20 22\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <g opacity=\"0.7\">\n                                <path\n                                    d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n                                    fill=\"#515050\"\n                                />\n                            </g>\n                        </svg>\n                    </button> -->\n                    <button\n                        type=\"button\"\n                        class=\"m-lang\"\n                        aria-label=\"Seleccionar idioma\"\n                        data-src=\"#idiomas-form\"\n                        (click)=\"openLanguagesModal()\"\n                    >\n                        <svg\n                            width=\"23\"\n                            height=\"23\"\n                            viewBox=\"0 0 23 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <g opacity=\"0.7\">\n                                <path\n                                    d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n                                    fill=\"#515050\"\n                                />\n                            </g>\n                        </svg>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"sticky-sentinel\"></div>\n        <!-- Men\u00FA rojo para ficha hotel -->\n        <div\n            class=\"m-card-hotel\"\n            [ngClass]=\"{ hidden: !items?.length }\"\n            [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n        >\n            @if (hotel) {\n                <a\n                    [href]=\"items?.[0]?.url\"\n                    [linkType]=\"items?.[0]?.linkType\"\n                    class=\"m-hotel-logo\"\n                >\n                    <div class=\"m-title\">{{ hotel }}</div>\n                    <!--   <div class=\"m-stars\">\n                        <span>hotel</span>\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                    </div> -->\n                </a>\n            }\n\n            @if (items?.length) {\n                <div class=\"m-hotel-submenus\">\n                    @for (item of items; track $index) {\n                        <a\n                            [href]=\"item.url\"\n                            [linkType]=\"item.linkType\"\n                            [attr.aria-label]=\"item.label\"\n                            class=\"m-submenu\"\n                            >{{ item.label }}</a\n                        >\n                    }\n                </div>\n            }\n        </div>\n    </div>\n\n    <div class=\"m-optionsmobile\">\n        @if (floatingButtons?.links?.length) {\n            @if (floatingButtons?.links?.[1]) {\n                <div class=\"m-checking-online\">\n                    <a\n                        type=\"button\"\n                        class=\"m-checking-online-button\"\n                        [href]=\"floatingButtons?.links?.[1]?.url\"\n                        [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n                        [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n                    >\n                        {{ floatingButtons?.links?.[1]?.label }}\n                    </a>\n                </div>\n            }\n        }\n        <button\n            type=\"button\"\n            class=\"m-menumobile\"\n            aria-label=\"Abrir men\u00FA\"\n            aria-expanded=\"false\"\n            aria-controls=\"burger-menu\"\n            (click)=\"showMenuBurger()\"\n        >\n            @if (floatingButtons?.textsButtons?.menuText) {\n                <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n            } @else {\n                <span>-</span>\n            }\n\n            <svg\n                width=\"37\"\n                height=\"23\"\n                viewBox=\"0 0 37 23\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <g opacity=\"0.7\">\n                    <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n                    <path\n                        d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n                        fill=\"#515050\"\n                    />\n                    <path\n                        d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n                        fill=\"#515050\"\n                    />\n                </g>\n            </svg>\n        </button>\n\n        @if (floatingButtons?.textsButtons?.booktext) {\n            <a\n                class=\"m-bookmobile\"\n                (click)=\"openEngineModal()\"\n                [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n                >{{ floatingButtons?.textsButtons?.booktext }}</a\n            >\n        }\n    </div>\n\n    <div id=\"burger-menu\" class=\"m-burger-menu\">\n        <button\n            type=\"button\"\n            class=\"close\"\n            aria-label=\"Cerrar men\u00FA\"\n            (click)=\"showMenuBurger()\"\n            [ngClass]=\"{\n                color: styles === undefined,\n            }\"\n        >\n            @if (styles?.primary && hotel && items?.length) {\n                <svg\n                    width=\"14\"\n                    height=\"13\"\n                    viewBox=\"0 0 14 13\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                    <path\n                        d=\"M1.33677 0.739403C1.51937 0.55773 1.76696 0.455628 2.02454 0.456284C2.28202 0.456975 2.52861 0.560362 2.71024 0.742856L7.08546 5.14018L11.4344 0.740094C11.616 0.557565 11.8627 0.45426 12.1201 0.453522C12.3777 0.452865 12.6253 0.554968 12.8079 0.736641C12.9904 0.918282 13.0938 1.16484 13.0945 1.42234C13.0951 1.67992 12.993 1.92751 12.8114 2.11011L8.35259 6.59099L12.7409 11.0014C12.9226 11.184 13.0247 11.4317 13.0241 11.6892C13.0234 11.9467 12.9199 12.1933 12.7375 12.3749C12.5549 12.5566 12.3073 12.6587 12.0497 12.658C11.7922 12.6573 11.5456 12.554 11.364 12.3714L6.98948 7.97482L2.6405 12.3749C2.45885 12.5575 2.21164 12.6601 1.95411 12.6608C1.69663 12.6614 1.4496 12.5599 1.26702 12.3784C1.08449 12.1967 0.98118 11.9501 0.980453 11.6927C0.979797 11.4351 1.0819 11.1875 1.26357 11.0049L5.72097 6.52401L1.33332 2.11288C1.15177 1.93037 1.05033 1.68321 1.05089 1.42579C1.05154 1.16825 1.15422 0.921069 1.33677 0.739403Z\"\n                        [attr.fill]=\"styles?.primary ?? '#fff'\"\n                    />\n                </svg>\n            } @else {\n                <img\n                    src=\"/assets/babylon/svg/icons/close-small.svg\"\n                    alt=\"close\"\n                />\n            }\n        </button>\n\n        @if (styles?.primary && hotel && items?.length) {\n            <div\n                class=\"background-container\"\n                [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n            ></div>\n        }\n        <div class=\"m-container\">\n            @if (logos?.logoMenu) {\n                <div class=\"m-header\">\n                    <a\n                        [href]=\"menu?.[0]?.url ?? '/es/home'\"\n                        [linkType]=\"menu?.[0]?.linkType\"\n                        [attr.aria-label]=\"menu?.[0]?.label\"\n                        class=\"m-logo\"\n                    >\n                        <img\n                            [ngClass]=\"{\n                                white:\n                                    styles?.primary && hotel && items?.length,\n                            }\"\n                            [src]=\"logos?.logoMenu?.src\"\n                            [alt]=\"logos?.logoMenu?.alt\"\n                        />\n                    </a>\n                    @if (hotel && items?.length) {\n                        <a\n                            [href]=\"items?.[0]?.url\"\n                            [linkType]=\"items?.[0]?.linkType\"\n                        >\n                            <div class=\"m-title\">{{ hotel }}</div>\n                        </a>\n                    }\n                </div>\n            }\n\n            @if (hotel && items?.length) {\n                <div class=\"m-links hotel-menu\">\n                    <div class=\"m-links-container\">\n                        @for (item of items; track $index) {\n                            <a\n                                [href]=\"item.url\"\n                                [linkType]=\"item.linkType\"\n                                [attr.aria-label]=\"item.label\"\n                                class=\"m-submenu\"\n                                >{{ item.label }}</a\n                            >\n                        }\n                        <a\n                            [href]=\"menu?.[0]?.url ?? '/es/home'\"\n                            [linkType]=\"menu?.[0]?.linkType\"\n                            [attr.aria-label]=\"menu?.[0]?.label\"\n                            class=\"m-logo\"\n                            [style.--hover-color]=\"\n                                styles?.primaryHover ??\n                                styles?.primary ??\n                                '#ed3b37'\n                            \"\n                        >\n                            {{ menu?.[0]?.label }}\n                            <img\n                                [src]=\"logos?.logoMenu?.src\"\n                                [alt]=\"logos?.logoMenu?.alt\"\n                            />\n                        </a>\n                    </div>\n                </div>\n            }\n            @if (menu?.length) {\n                <div\n                    [class]=\"\n                        hotel && items?.length\n                            ? 'm-links menu-general'\n                            : 'm-links'\n                    \"\n                >\n                    <div class=\"m-links-container\">\n                        @for (item of menu; track $index) {\n                            @if (item) {\n                                <a\n                                    [href]=\"item.url\"\n                                    [linkType]=\"item.linkType\"\n                                    [attr.aria-label]=\"item.label\"\n                                    (anchorClicked)=\"closeMenuBurger()\"\n                                    [style.--hover-color]=\"\n                                        styles?.primaryHover ??\n                                        styles?.primary ??\n                                        '#ed3b37'\n                                    \"\n                                >\n                                    {{ item.label }}\n                                </a>\n                            }\n                        }\n                    </div>\n                </div>\n            }\n\n            <div class=\"m-footer\">\n                @if (floatingButtons?.links?.length) {\n                    @if (floatingButtons?.links?.[1]) {\n                        <a\n                            class=\"m-checking-online-button\"\n                            [href]=\"floatingButtons?.links?.[1]?.url\"\n                            [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n                            [attr.aria-label]=\"\n                                floatingButtons?.links?.[1]?.label\n                            \"\n                        >\n                            {{ floatingButtons?.links?.[1]?.label }}\n                        </a>\n                    }\n                }\n\n                <div class=\"m-footer-container\">\n                    <a href=\"mailto:\">\n                        <svg\n                            width=\"17\"\n                            height=\"14\"\n                            viewBox=\"0 0 17 14\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </a>\n\n                    <!-- <a (click)=\"openOfferPopup()\">\n                        <svg\n                            width=\"20\"\n                            height=\"23\"\n                            viewBox=\"0 0 20 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </a> -->\n\n                    <div\n                        class=\"m-lang\"\n                        data-src=\"#idiomas-form\"\n                        (click)=\"openLanguagesModal()\"\n                    >\n                        <svg\n                            width=\"23\"\n                            height=\"23\"\n                            viewBox=\"0 0 23 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family: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;background-color:#ff4338;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.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family: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,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family: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}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:auto;max-height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}@media (max-width: 1100px){.mdl-header .mdl-container .m-card-hotel{max-height:inherit}}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:var(--cl_btn-box-text)}.mdl-header .m-burger-menu .close.color{background-color:var(--cl_btn-box)}.mdl-header .m-burger-menu .close svg,.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover svg,.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:block;margin-inline:auto}@media (min-width: 916px){.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:none}}.mdl-header .m-burger-menu .m-container .m-header .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem}.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:none}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:block}@media (max-width: 916px){.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:block}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:none}}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}@media (min-width: 768px){.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:var(--hover-color)!important}}@media (max-width: 767px){.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#515050!important}}.mdl-header .m-burger-menu .m-container .m-links .m-links-container .m-logo{display:flex;align-items:center}.mdl-header .m-burger-menu .m-container .m-links .m-links-container .m-logo img{height:70px;margin-left:-16px}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:25px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:25px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:20px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}.background-container{width:100%;height:120px;position:absolute;z-index:-1}@media (max-width: 600px){.background-container{height:90px}}\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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeSvgListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-babylon-he-svg-list', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n    <div class=\"mdl-container\">\n        <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n        <div class=\"m-menu\">\n            <!-- Bot\u00F3n flotante para reserva online -->\n            @if (floatingButtons?.links?.length) {\n                @if (floatingButtons?.links?.[1]) {\n                    <div class=\"m-checking-online\">\n                        <a\n                            [href]=\"floatingButtons?.links?.[1]?.url\"\n                            [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n                            [attr.aria-label]=\"\n                                floatingButtons?.links?.[1]?.label\n                            \"\n                        >\n                            <span>{{\n                                floatingButtons?.links?.[1]?.label\n                            }}</span>\n                        </a>\n                    </div>\n                }\n            }\n\n            <!-- Book now button -->\n            @if (floatingButtons?.textsButtons?.booktext) {\n                <div\n                    class=\"m-book-container\"\n                    [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n                >\n                    <a\n                        (click)=\"openEngineModal()\"\n                        class=\"m-button m-book\"\n                        [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n                        >{{ floatingButtons?.textsButtons?.booktext }}</a\n                    >\n                </div>\n            }\n\n            <!-- Logo -->\n            @if (logos) {\n                <a\n                    [href]=\"menu?.[0]?.url ?? '/es/home'\"\n                    [linkType]=\"menu?.[0]?.linkType\"\n                    [attr.aria-label]=\"menu?.[0]?.label\"\n                    class=\"m-logo\"\n                >\n                    @if (logos.logoDesktop) {\n                        <img\n                            [src]=\"logos.logoDesktop.src\"\n                            [alt]=\"logos.logoDesktop.alt\"\n                        />\n                    }\n                    @if (logos.logoMenu) {\n                        <img\n                            class=\"red\"\n                            [src]=\"logos.logoMenu.src\"\n                            [alt]=\"logos.logoMenu.alt\"\n                        />\n                    }\n                </a>\n            }\n            <!-- Links + Lang + user -->\n            <div class=\"m-links-container\">\n                <!-- Links -->\n                @if (menu?.length) {\n                    <div class=\"m-links\">\n                        @for (item of menu; track $index) {\n                            @if (item) {\n                                <a\n                                    [href]=\"item.url\"\n                                    [linkType]=\"item.linkType\"\n                                    [attr.aria-label]=\"item.label\"\n                                >\n                                    @if ($index == 0) {\n                                        <img\n                                            src=\"/assets/babylon/svg/icons/home.svg\"\n                                            alt=\"home\"\n                                        />\n                                    } @else {\n                                        {{ item.label }}\n                                    }\n                                </a>\n                            }\n                        }\n                    </div>\n                }\n                <!-- Motor sticky -->\n\n                <div class=\"m-motor\"></div>\n\n                <!-- user + lang -->\n                <div class=\"m-right\">\n                    <button\n                        type=\"button\"\n                        class=\"m-burger\"\n                        aria-label=\"Abrir men\u00FA\"\n                        aria-expanded=\"false\"\n                        aria-controls=\"burger-menu\"\n                        (click)=\"showMenuBurger()\"\n                    >\n                        <svg\n                            width=\"37\"\n                            height=\"23\"\n                            viewBox=\"0 0 37 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n                                fill=\"#515050\"\n                            />\n                            <path\n                                d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n                                fill=\"#515050\"\n                            />\n                            <path\n                                d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n                                fill=\"#515050\"\n                            />\n                        </svg>\n                    </button>\n                    <!--   <button\n                        type=\"button\"\n                        class=\"m-user\"\n                        aria-label=\"Abrir men\u00FA de usuario\"\n                        (click)=\"openOfferPopup()\"\n                    >\n                        <svg\n                            width=\"20\"\n                            height=\"22\"\n                            viewBox=\"0 0 20 22\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <g opacity=\"0.7\">\n                                <path\n                                    d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n                                    fill=\"#515050\"\n                                />\n                            </g>\n                        </svg>\n                    </button> -->\n                    <button\n                        type=\"button\"\n                        class=\"m-lang\"\n                        aria-label=\"Seleccionar idioma\"\n                        data-src=\"#idiomas-form\"\n                        (click)=\"openLanguagesModal()\"\n                    >\n                        <svg\n                            width=\"23\"\n                            height=\"23\"\n                            viewBox=\"0 0 23 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <g opacity=\"0.7\">\n                                <path\n                                    d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n                                    fill=\"#515050\"\n                                />\n                            </g>\n                        </svg>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"sticky-sentinel\"></div>\n        <!-- Men\u00FA rojo para ficha hotel -->\n        <div\n            class=\"m-card-hotel\"\n            [ngClass]=\"{ hidden: !items?.length }\"\n            [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n        >\n            @if (hotel) {\n                <a\n                    [href]=\"items?.[0]?.url\"\n                    [linkType]=\"items?.[0]?.linkType\"\n                    class=\"m-hotel-logo\"\n                >\n                    <div class=\"m-title\">{{ hotel }}</div>\n                    <!--   <div class=\"m-stars\">\n                        <span>hotel</span>\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                    </div> -->\n                </a>\n            }\n\n            @if (items?.length) {\n                <div class=\"m-hotel-submenus\">\n                    @for (item of items; track $index) {\n                        <a\n                            [href]=\"item.url\"\n                            [linkType]=\"item.linkType\"\n                            [attr.aria-label]=\"item.label\"\n                            class=\"m-submenu\"\n                            >{{ item.label }}</a\n                        >\n                    }\n                </div>\n            }\n        </div>\n    </div>\n\n    <div class=\"m-optionsmobile\">\n        @if (floatingButtons?.links?.length) {\n            @if (floatingButtons?.links?.[1]) {\n                <div class=\"m-checking-online\">\n                    <a\n                        type=\"button\"\n                        class=\"m-checking-online-button\"\n                        [href]=\"floatingButtons?.links?.[1]?.url\"\n                        [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n                        [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n                    >\n                        {{ floatingButtons?.links?.[1]?.label }}\n                    </a>\n                </div>\n            }\n        }\n        <button\n            type=\"button\"\n            class=\"m-menumobile\"\n            aria-label=\"Abrir men\u00FA\"\n            aria-expanded=\"false\"\n            aria-controls=\"burger-menu\"\n            (click)=\"showMenuBurger()\"\n        >\n            @if (floatingButtons?.textsButtons?.menuText) {\n                <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n            } @else {\n                <span>-</span>\n            }\n\n            <svg\n                width=\"37\"\n                height=\"23\"\n                viewBox=\"0 0 37 23\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <g opacity=\"0.7\">\n                    <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n                    <path\n                        d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n                        fill=\"#515050\"\n                    />\n                    <path\n                        d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n                        fill=\"#515050\"\n                    />\n                </g>\n            </svg>\n        </button>\n\n        @if (floatingButtons?.textsButtons?.booktext) {\n            <a\n                class=\"m-bookmobile\"\n                (click)=\"openEngineModal()\"\n                [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n                >{{ floatingButtons?.textsButtons?.booktext }}</a\n            >\n        }\n    </div>\n\n    <div id=\"burger-menu\" class=\"m-burger-menu\">\n        <button\n            type=\"button\"\n            class=\"close\"\n            aria-label=\"Cerrar men\u00FA\"\n            (click)=\"showMenuBurger()\"\n            [ngClass]=\"{\n                color: styles === undefined,\n            }\"\n        >\n            @if (styles?.primary && hotel && items?.length) {\n                <svg\n                    width=\"14\"\n                    height=\"13\"\n                    viewBox=\"0 0 14 13\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                    <path\n                        d=\"M1.33677 0.739403C1.51937 0.55773 1.76696 0.455628 2.02454 0.456284C2.28202 0.456975 2.52861 0.560362 2.71024 0.742856L7.08546 5.14018L11.4344 0.740094C11.616 0.557565 11.8627 0.45426 12.1201 0.453522C12.3777 0.452865 12.6253 0.554968 12.8079 0.736641C12.9904 0.918282 13.0938 1.16484 13.0945 1.42234C13.0951 1.67992 12.993 1.92751 12.8114 2.11011L8.35259 6.59099L12.7409 11.0014C12.9226 11.184 13.0247 11.4317 13.0241 11.6892C13.0234 11.9467 12.9199 12.1933 12.7375 12.3749C12.5549 12.5566 12.3073 12.6587 12.0497 12.658C11.7922 12.6573 11.5456 12.554 11.364 12.3714L6.98948 7.97482L2.6405 12.3749C2.45885 12.5575 2.21164 12.6601 1.95411 12.6608C1.69663 12.6614 1.4496 12.5599 1.26702 12.3784C1.08449 12.1967 0.98118 11.9501 0.980453 11.6927C0.979797 11.4351 1.0819 11.1875 1.26357 11.0049L5.72097 6.52401L1.33332 2.11288C1.15177 1.93037 1.05033 1.68321 1.05089 1.42579C1.05154 1.16825 1.15422 0.921069 1.33677 0.739403Z\"\n                        [attr.fill]=\"styles?.primary ?? '#fff'\"\n                    />\n                </svg>\n            } @else {\n                <img\n                    src=\"/assets/babylon/svg/icons/close-small.svg\"\n                    alt=\"close\"\n                />\n            }\n        </button>\n\n        @if (styles?.primary && hotel && items?.length) {\n            <div\n                class=\"background-container\"\n                [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n            ></div>\n        }\n        <div class=\"m-container\">\n            @if (logos?.logoMenu) {\n                <div class=\"m-header\">\n                    <a\n                        [href]=\"menu?.[0]?.url ?? '/es/home'\"\n                        [linkType]=\"menu?.[0]?.linkType\"\n                        [attr.aria-label]=\"menu?.[0]?.label\"\n                        class=\"m-logo\"\n                    >\n                        <img\n                            [ngClass]=\"{\n                                white:\n                                    styles?.primary && hotel && items?.length,\n                            }\"\n                            [src]=\"logos?.logoMenu?.src\"\n                            [alt]=\"logos?.logoMenu?.alt\"\n                        />\n                    </a>\n                    @if (hotel && items?.length) {\n                        <a\n                            [href]=\"items?.[0]?.url\"\n                            [linkType]=\"items?.[0]?.linkType\"\n                        >\n                            <div class=\"m-title\">{{ hotel }}</div>\n                        </a>\n                    }\n                </div>\n            }\n\n            @if (hotel && items?.length) {\n                <div class=\"m-links hotel-menu\">\n                    <div class=\"m-links-container\">\n                        @for (item of items; track $index) {\n                            <a\n                                [href]=\"item.url\"\n                                [linkType]=\"item.linkType\"\n                                [attr.aria-label]=\"item.label\"\n                                class=\"m-submenu\"\n                                >{{ item.label }}</a\n                            >\n                        }\n                        <a\n                            [href]=\"menu?.[0]?.url ?? '/es/home'\"\n                            [linkType]=\"menu?.[0]?.linkType\"\n                            [attr.aria-label]=\"menu?.[0]?.label\"\n                            class=\"m-logo\"\n                        >\n                            <img\n                                [src]=\"logos?.logoMenu?.src\"\n                                [alt]=\"logos?.logoMenu?.alt\"\n                            />\n                        </a>\n                    </div>\n                </div>\n            }\n            @if (menu?.length) {\n                <div\n                    [class]=\"\n                        hotel && items?.length\n                            ? 'm-links menu-general'\n                            : 'm-links'\n                    \"\n                >\n                    <div class=\"m-links-container\">\n                        @for (item of menu; track $index) {\n                            @if (item) {\n                                <a\n                                    [href]=\"item.url\"\n                                    [linkType]=\"item.linkType\"\n                                    [attr.aria-label]=\"item.label\"\n                                >\n                                    {{ item.label }}\n                                </a>\n                            }\n                        }\n                    </div>\n                </div>\n            }\n\n            <div class=\"m-footer\">\n                @if (floatingButtons?.links?.length) {\n                    @if (floatingButtons?.links?.[1]) {\n                        <a\n                            class=\"m-checking-online-button\"\n                            [href]=\"floatingButtons?.links?.[1]?.url\"\n                            [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n                            [attr.aria-label]=\"\n                                floatingButtons?.links?.[1]?.label\n                            \"\n                        >\n                            {{ floatingButtons?.links?.[1]?.label }}\n                        </a>\n                    }\n                }\n\n                <div class=\"m-footer-container\">\n                    <a href=\"mailto:\">\n                        <svg\n                            width=\"17\"\n                            height=\"14\"\n                            viewBox=\"0 0 17 14\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </a>\n\n                    <!-- <a (click)=\"openOfferPopup()\">\n                        <svg\n                            width=\"20\"\n                            height=\"23\"\n                            viewBox=\"0 0 20 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </a> -->\n\n                    <div\n                        class=\"m-lang\"\n                        data-src=\"#idiomas-form\"\n                        (click)=\"openLanguagesModal()\"\n                    >\n                        <svg\n                            width=\"23\"\n                            height=\"23\"\n                            viewBox=\"0 0 23 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family: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;background-color:#ff4338;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.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family: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,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family: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}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:auto;max-height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}@media (max-width: 1100px){.mdl-header .mdl-container .m-card-hotel{max-height:inherit}}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:var(--cl_btn-box-text)}.mdl-header .m-burger-menu .close.color{background-color:var(--cl_btn-box)}.mdl-header .m-burger-menu .close svg,.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover svg,.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:block;margin-inline:auto}@media (min-width: 916px){.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:none}}.mdl-header .m-burger-menu .m-container .m-header .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem}.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:none}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:block}@media (max-width: 916px){.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:block}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:none}}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#ff4338}.mdl-header .m-burger-menu .m-container .m-links .m-links-container .m-logo img{height:60px;margin-left:-16px}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:25px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:25px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:20px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}.background-container{width:100%;height:120px;position:absolute;z-index:-1}@media (max-width: 600px){.background-container{height:90px}}\n"] }]
+            args: [{ selector: 'lib-babylon-he-svg-list', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n    <div class=\"mdl-container\">\n        <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n        <div class=\"m-menu\">\n            <!-- Bot\u00F3n flotante para reserva online -->\n            @if (floatingButtons?.links?.length) {\n                @if (floatingButtons?.links?.[1]) {\n                    <div class=\"m-checking-online\">\n                        <a\n                            [href]=\"floatingButtons?.links?.[1]?.url\"\n                            [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n                            [attr.aria-label]=\"\n                                floatingButtons?.links?.[1]?.label\n                            \"\n                        >\n                            <span>{{\n                                floatingButtons?.links?.[1]?.label\n                            }}</span>\n                        </a>\n                    </div>\n                }\n            }\n\n            <!-- Book now button -->\n            @if (floatingButtons?.textsButtons?.booktext) {\n                <div\n                    class=\"m-book-container\"\n                    [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n                >\n                    <a\n                        (click)=\"openEngineModal()\"\n                        class=\"m-button m-book\"\n                        [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n                        >{{ floatingButtons?.textsButtons?.booktext }}</a\n                    >\n                </div>\n            }\n\n            <!-- Logo -->\n            @if (logos) {\n                <a\n                    [href]=\"menu?.[0]?.url ?? '/es/home'\"\n                    [linkType]=\"menu?.[0]?.linkType\"\n                    [attr.aria-label]=\"menu?.[0]?.label\"\n                    class=\"m-logo\"\n                >\n                    @if (logos.logoDesktop) {\n                        <img\n                            [src]=\"logos.logoDesktop.src\"\n                            [alt]=\"logos.logoDesktop.alt\"\n                        />\n                    }\n                    @if (logos.logoMenu) {\n                        <img\n                            class=\"red\"\n                            [src]=\"logos.logoMenu.src\"\n                            [alt]=\"logos.logoMenu.alt\"\n                        />\n                    }\n                </a>\n            }\n            <!-- Links + Lang + user -->\n            <div class=\"m-links-container\">\n                <!-- Links -->\n                @if (menu?.length) {\n                    <div class=\"m-links\">\n                        @for (item of menu; track $index) {\n                            @if (item) {\n                                <a\n                                    [href]=\"item.url\"\n                                    [linkType]=\"item.linkType\"\n                                    [attr.aria-label]=\"item.label\"\n                                    (anchorClicked)=\"closeMenuBurger()\"\n                                >\n                                    @if ($index == 0) {\n                                        <img\n                                            src=\"/assets/babylon/svg/icons/home.svg\"\n                                            alt=\"home\"\n                                        />\n                                    } @else {\n                                        {{ item.label }}\n                                    }\n                                </a>\n                            }\n                        }\n                    </div>\n                }\n                <!-- Motor sticky -->\n\n                <div class=\"m-motor\"></div>\n\n                <!-- user + lang -->\n                <div class=\"m-right\">\n                    <button\n                        type=\"button\"\n                        class=\"m-burger\"\n                        aria-label=\"Abrir men\u00FA\"\n                        aria-expanded=\"false\"\n                        aria-controls=\"burger-menu\"\n                        (click)=\"showMenuBurger()\"\n                    >\n                        <svg\n                            width=\"37\"\n                            height=\"23\"\n                            viewBox=\"0 0 37 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n                                fill=\"#515050\"\n                            />\n                            <path\n                                d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n                                fill=\"#515050\"\n                            />\n                            <path\n                                d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n                                fill=\"#515050\"\n                            />\n                        </svg>\n                    </button>\n                    <!--   <button\n                        type=\"button\"\n                        class=\"m-user\"\n                        aria-label=\"Abrir men\u00FA de usuario\"\n                        (click)=\"openOfferPopup()\"\n                    >\n                        <svg\n                            width=\"20\"\n                            height=\"22\"\n                            viewBox=\"0 0 20 22\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <g opacity=\"0.7\">\n                                <path\n                                    d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n                                    fill=\"#515050\"\n                                />\n                            </g>\n                        </svg>\n                    </button> -->\n                    <button\n                        type=\"button\"\n                        class=\"m-lang\"\n                        aria-label=\"Seleccionar idioma\"\n                        data-src=\"#idiomas-form\"\n                        (click)=\"openLanguagesModal()\"\n                    >\n                        <svg\n                            width=\"23\"\n                            height=\"23\"\n                            viewBox=\"0 0 23 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <g opacity=\"0.7\">\n                                <path\n                                    d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n                                    fill=\"#515050\"\n                                />\n                                <path\n                                    d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n                                    fill=\"#515050\"\n                                />\n                            </g>\n                        </svg>\n                    </button>\n                </div>\n            </div>\n        </div>\n        <div class=\"sticky-sentinel\"></div>\n        <!-- Men\u00FA rojo para ficha hotel -->\n        <div\n            class=\"m-card-hotel\"\n            [ngClass]=\"{ hidden: !items?.length }\"\n            [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n        >\n            @if (hotel) {\n                <a\n                    [href]=\"items?.[0]?.url\"\n                    [linkType]=\"items?.[0]?.linkType\"\n                    class=\"m-hotel-logo\"\n                >\n                    <div class=\"m-title\">{{ hotel }}</div>\n                    <!--   <div class=\"m-stars\">\n                        <span>hotel</span>\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                        <img\n                            src=\"/assets/babylon/svg/icons/star-grey.svg\"\n                            alt=\"\"\n                        />\n                    </div> -->\n                </a>\n            }\n\n            @if (items?.length) {\n                <div class=\"m-hotel-submenus\">\n                    @for (item of items; track $index) {\n                        <a\n                            [href]=\"item.url\"\n                            [linkType]=\"item.linkType\"\n                            [attr.aria-label]=\"item.label\"\n                            class=\"m-submenu\"\n                            >{{ item.label }}</a\n                        >\n                    }\n                </div>\n            }\n        </div>\n    </div>\n\n    <div class=\"m-optionsmobile\">\n        @if (floatingButtons?.links?.length) {\n            @if (floatingButtons?.links?.[1]) {\n                <div class=\"m-checking-online\">\n                    <a\n                        type=\"button\"\n                        class=\"m-checking-online-button\"\n                        [href]=\"floatingButtons?.links?.[1]?.url\"\n                        [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n                        [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n                    >\n                        {{ floatingButtons?.links?.[1]?.label }}\n                    </a>\n                </div>\n            }\n        }\n        <button\n            type=\"button\"\n            class=\"m-menumobile\"\n            aria-label=\"Abrir men\u00FA\"\n            aria-expanded=\"false\"\n            aria-controls=\"burger-menu\"\n            (click)=\"showMenuBurger()\"\n        >\n            @if (floatingButtons?.textsButtons?.menuText) {\n                <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n            } @else {\n                <span>-</span>\n            }\n\n            <svg\n                width=\"37\"\n                height=\"23\"\n                viewBox=\"0 0 37 23\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <g opacity=\"0.7\">\n                    <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n                    <path\n                        d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n                        fill=\"#515050\"\n                    />\n                    <path\n                        d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n                        fill=\"#515050\"\n                    />\n                </g>\n            </svg>\n        </button>\n\n        @if (floatingButtons?.textsButtons?.booktext) {\n            <a\n                class=\"m-bookmobile\"\n                (click)=\"openEngineModal()\"\n                [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n                >{{ floatingButtons?.textsButtons?.booktext }}</a\n            >\n        }\n    </div>\n\n    <div id=\"burger-menu\" class=\"m-burger-menu\">\n        <button\n            type=\"button\"\n            class=\"close\"\n            aria-label=\"Cerrar men\u00FA\"\n            (click)=\"showMenuBurger()\"\n            [ngClass]=\"{\n                color: styles === undefined,\n            }\"\n        >\n            @if (styles?.primary && hotel && items?.length) {\n                <svg\n                    width=\"14\"\n                    height=\"13\"\n                    viewBox=\"0 0 14 13\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                    <path\n                        d=\"M1.33677 0.739403C1.51937 0.55773 1.76696 0.455628 2.02454 0.456284C2.28202 0.456975 2.52861 0.560362 2.71024 0.742856L7.08546 5.14018L11.4344 0.740094C11.616 0.557565 11.8627 0.45426 12.1201 0.453522C12.3777 0.452865 12.6253 0.554968 12.8079 0.736641C12.9904 0.918282 13.0938 1.16484 13.0945 1.42234C13.0951 1.67992 12.993 1.92751 12.8114 2.11011L8.35259 6.59099L12.7409 11.0014C12.9226 11.184 13.0247 11.4317 13.0241 11.6892C13.0234 11.9467 12.9199 12.1933 12.7375 12.3749C12.5549 12.5566 12.3073 12.6587 12.0497 12.658C11.7922 12.6573 11.5456 12.554 11.364 12.3714L6.98948 7.97482L2.6405 12.3749C2.45885 12.5575 2.21164 12.6601 1.95411 12.6608C1.69663 12.6614 1.4496 12.5599 1.26702 12.3784C1.08449 12.1967 0.98118 11.9501 0.980453 11.6927C0.979797 11.4351 1.0819 11.1875 1.26357 11.0049L5.72097 6.52401L1.33332 2.11288C1.15177 1.93037 1.05033 1.68321 1.05089 1.42579C1.05154 1.16825 1.15422 0.921069 1.33677 0.739403Z\"\n                        [attr.fill]=\"styles?.primary ?? '#fff'\"\n                    />\n                </svg>\n            } @else {\n                <img\n                    src=\"/assets/babylon/svg/icons/close-small.svg\"\n                    alt=\"close\"\n                />\n            }\n        </button>\n\n        @if (styles?.primary && hotel && items?.length) {\n            <div\n                class=\"background-container\"\n                [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n            ></div>\n        }\n        <div class=\"m-container\">\n            @if (logos?.logoMenu) {\n                <div class=\"m-header\">\n                    <a\n                        [href]=\"menu?.[0]?.url ?? '/es/home'\"\n                        [linkType]=\"menu?.[0]?.linkType\"\n                        [attr.aria-label]=\"menu?.[0]?.label\"\n                        class=\"m-logo\"\n                    >\n                        <img\n                            [ngClass]=\"{\n                                white:\n                                    styles?.primary && hotel && items?.length,\n                            }\"\n                            [src]=\"logos?.logoMenu?.src\"\n                            [alt]=\"logos?.logoMenu?.alt\"\n                        />\n                    </a>\n                    @if (hotel && items?.length) {\n                        <a\n                            [href]=\"items?.[0]?.url\"\n                            [linkType]=\"items?.[0]?.linkType\"\n                        >\n                            <div class=\"m-title\">{{ hotel }}</div>\n                        </a>\n                    }\n                </div>\n            }\n\n            @if (hotel && items?.length) {\n                <div class=\"m-links hotel-menu\">\n                    <div class=\"m-links-container\">\n                        @for (item of items; track $index) {\n                            <a\n                                [href]=\"item.url\"\n                                [linkType]=\"item.linkType\"\n                                [attr.aria-label]=\"item.label\"\n                                class=\"m-submenu\"\n                                >{{ item.label }}</a\n                            >\n                        }\n                        <a\n                            [href]=\"menu?.[0]?.url ?? '/es/home'\"\n                            [linkType]=\"menu?.[0]?.linkType\"\n                            [attr.aria-label]=\"menu?.[0]?.label\"\n                            class=\"m-logo\"\n                            [style.--hover-color]=\"\n                                styles?.primaryHover ??\n                                styles?.primary ??\n                                '#ed3b37'\n                            \"\n                        >\n                            {{ menu?.[0]?.label }}\n                            <img\n                                [src]=\"logos?.logoMenu?.src\"\n                                [alt]=\"logos?.logoMenu?.alt\"\n                            />\n                        </a>\n                    </div>\n                </div>\n            }\n            @if (menu?.length) {\n                <div\n                    [class]=\"\n                        hotel && items?.length\n                            ? 'm-links menu-general'\n                            : 'm-links'\n                    \"\n                >\n                    <div class=\"m-links-container\">\n                        @for (item of menu; track $index) {\n                            @if (item) {\n                                <a\n                                    [href]=\"item.url\"\n                                    [linkType]=\"item.linkType\"\n                                    [attr.aria-label]=\"item.label\"\n                                    (anchorClicked)=\"closeMenuBurger()\"\n                                    [style.--hover-color]=\"\n                                        styles?.primaryHover ??\n                                        styles?.primary ??\n                                        '#ed3b37'\n                                    \"\n                                >\n                                    {{ item.label }}\n                                </a>\n                            }\n                        }\n                    </div>\n                </div>\n            }\n\n            <div class=\"m-footer\">\n                @if (floatingButtons?.links?.length) {\n                    @if (floatingButtons?.links?.[1]) {\n                        <a\n                            class=\"m-checking-online-button\"\n                            [href]=\"floatingButtons?.links?.[1]?.url\"\n                            [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n                            [attr.aria-label]=\"\n                                floatingButtons?.links?.[1]?.label\n                            \"\n                        >\n                            {{ floatingButtons?.links?.[1]?.label }}\n                        </a>\n                    }\n                }\n\n                <div class=\"m-footer-container\">\n                    <a href=\"mailto:\">\n                        <svg\n                            width=\"17\"\n                            height=\"14\"\n                            viewBox=\"0 0 17 14\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </a>\n\n                    <!-- <a (click)=\"openOfferPopup()\">\n                        <svg\n                            width=\"20\"\n                            height=\"23\"\n                            viewBox=\"0 0 20 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </a> -->\n\n                    <div\n                        class=\"m-lang\"\n                        data-src=\"#idiomas-form\"\n                        (click)=\"openLanguagesModal()\"\n                    >\n                        <svg\n                            width=\"23\"\n                            height=\"23\"\n                            viewBox=\"0 0 23 23\"\n                            fill=\"none\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                        >\n                            <path\n                                d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n                                fill=\"white\"\n                            />\n                            <path\n                                d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n                                fill=\"white\"\n                            />\n                        </svg>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family: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;background-color:#ff4338;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.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family: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,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family: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}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:auto;max-height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}@media (max-width: 1100px){.mdl-header .mdl-container .m-card-hotel{max-height:inherit}}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:var(--cl_btn-box-text)}.mdl-header .m-burger-menu .close.color{background-color:var(--cl_btn-box)}.mdl-header .m-burger-menu .close svg,.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover svg,.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:block;margin-inline:auto}@media (min-width: 916px){.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:none}}.mdl-header .m-burger-menu .m-container .m-header .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem}.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:none}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:block}@media (max-width: 916px){.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:block}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:none}}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}@media (min-width: 768px){.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:var(--hover-color)!important}}@media (max-width: 767px){.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#515050!important}}.mdl-header .m-burger-menu .m-container .m-links .m-links-container .m-logo{display:flex;align-items:center}.mdl-header .m-burger-menu .m-container .m-links .m-links-container .m-logo img{height:70px;margin-left:-16px}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:25px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:25px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:20px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}.background-container{width:100%;height:120px;position:absolute;z-index:-1}@media (max-width: 600px){.background-container{height:90px}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.MatDialog }], propDecorators: { dinamyHeader: [{
                 type: Input
             }], hotelPage: [{
@@ -15053,7 +15068,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 
 class BabylonSliC5ImgTxtComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC5ImgTxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonSliC5ImgTxtComponent, isStandalone: true, selector: "lib-babylon-sli-c5-img-txt", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "@if (items?.length) {\n    <section class=\"mdl-experiencias\">\n        <div class=\"mdl-container\">\n            @if (texts) {\n                <div class=\"m-head\">\n                    @if (texts.pretitle) {\n                        <div class=\"m-pretitulo\">{{ texts.pretitle }}</div>\n                    }\n                    <div class=\"m-subhead\">\n                        @if (texts.title) {\n                            <h2 class=\"m-titulo\">\n                                {{ texts.title }}\n                            </h2>\n                        }\n                        @if (texts.description ?? texts.subtitle) {\n                            <div\n                                class=\"m-texto\"\n                                [innerHTML]=\"\n                                    texts.description ?? texts.subtitle\n                                \"\n                            ></div>\n                        }\n                    </div>\n                </div>\n            }\n            <div class=\"m-content\">\n                <div class=\"swiper\">\n                    <div class=\"swiper-container\" babylonSwiperSliderV2>\n                        <div class=\"swiper-wrapper\">\n                            @if (items?.length) {\n                                @for (item of items; track $index) {\n                                    <div\n                                        class=\"swiper-slide\"\n                                        [ngClass]=\"{\n                                            'js-experiencias-slider':\n                                                $index == 0,\n                                        }\"\n                                        [ngClass]=\"{\n                                            'card-art': $index % 2 !== 0,\n                                        }\"\n                                    >\n                                        @if (\n                                            item.multimedia?.imagenes?.[0] ??\n                                                item?.img;\n                                            as img\n                                        ) {\n                                            <a\n                                                [href]=\"item.buttons?.[0]?.url\"\n                                                [linkType]=\"\n                                                    item.buttons?.[0]?.linkType\n                                                \"\n                                            >\n                                                <img\n                                                    [src]=\"img?.src\"\n                                                    [alt]=\"img?.img?.alt\"\n                                                />\n                                            </a>\n                                        } @else if (item.images?.length) {\n                                            <a\n                                                [href]=\"item.buttons?.[0]?.url\"\n                                                [linkType]=\"\n                                                    item.buttons?.[0]?.linkType\n                                                \"\n                                            >\n                                                <img\n                                                    [src]=\"\n                                                        item.images?.[0]?.img\n                                                            ?.src\n                                                    \"\n                                                    [alt]=\"\n                                                        item.images?.[0]?.img\n                                                            ?.alt\n                                                    \"\n                                                />\n                                            </a>\n                                        }\n                                        @if (\n                                            item.texts?.title ||\n                                            item.texts?.name\n                                        ) {\n                                            <div class=\"m-texto\">\n                                                {{\n                                                    item.texts?.title ??\n                                                        item.texts?.name\n                                                }}\n                                            </div>\n                                        }\n\n                                        @if (item.buttons?.length) {\n                                            <a\n                                                class=\"m-button-sm\"\n                                                [href]=\"item.buttons?.[0]?.url\"\n                                                [linkType]=\"\n                                                    item.buttons?.[0]?.linkType\n                                                \"\n                                            >\n                                                {{ item.buttons?.[0]?.label }}\n                                            </a>\n                                        }\n                                    </div>\n                                }\n                            }\n                        </div>\n                    </div>\n                </div>\n                <button\n                    type=\"button\"\n                    class=\"swiper-button-prev swiper-button-prev\"\n                    aria-label=\"Previous slide\"\n                ></button>\n                <button\n                    type=\"button\"\n                    class=\"swiper-button-next swiper-button-next\"\n                    aria-label=\"Next slide\"\n                ></button>\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}.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;background-color:#ff4338;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.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family: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,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family: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}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias .mdl-container{width:auto;position:relative}.mdl-experiencias .mdl-container .m-head{height:33rem;display:flex;flex-direction:column;justify-content:space-evenly}.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-experiencias .mdl-container .m-head .m-pretitulo{color:#515050b2}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;justify-content:space-between;align-items:flex-end}.mdl-experiencias .mdl-container .m-head .m-subhead div{list-style:none!important;padding:0;max-width:55rem}.mdl-experiencias .mdl-container .m-head .m-subhead div:before{display:none}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{color:#515050}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{color:#515050b2}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:30rem 0 0 30rem;left:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper-button-next{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:0 30rem 30rem 0;right:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper{overflow:visible;height:auto}.mdl-experiencias .mdl-container .m-content .swiper:hover .swiper-container .swiper-wrapper .card-art{margin-top:0}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper{display:flex;min-height:65rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide{background-position:bottom;background-size:cover;transition:transform .4s ease,opacity .4s ease,margin-top .4s ease}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-button-sm{margin:2.9rem auto;display:block;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-button-sm{display:none;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:42rem;object-fit:cover}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{color:#515050b2;margin-top:.6rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo{margin-top:0!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{margin:2.9rem auto;display:block!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:8.4rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:55rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:6rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.mdl-experiencias .mdl-container .m-content{margin-top:4rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:64rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:5rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{gap:2rem}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{text-align:left}.mdl-experiencias .mdl-container .m-content{position:relative}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{height:30rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{max-width:100%}}@media (max-width: 500px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:0}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content{margin:4rem 4.8rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonSwiperSliderV2Directive, selector: "[babylonSwiperSliderV2]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonSliC5ImgTxtComponent, isStandalone: true, selector: "lib-babylon-sli-c5-img-txt", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "@if (items?.length) {\n    <section class=\"mdl-experiencias\">\n        <div class=\"mdl-container\">\n            @if (texts) {\n                <div class=\"m-head\">\n                    @if (texts.pretitle) {\n                        <div class=\"m-pretitulo\">{{ texts.pretitle }}</div>\n                    }\n                    <div class=\"m-subhead\">\n                        @if (texts.title) {\n                            <h2 class=\"m-titulo\">\n                                {{ texts.title }}\n                            </h2>\n                        }\n                        @if (texts.description ?? texts.subtitle) {\n                            <div\n                                class=\"m-texto\"\n                                [innerHTML]=\"\n                                    texts.description ?? texts.subtitle\n                                \"\n                            ></div>\n                        }\n                    </div>\n                </div>\n            }\n            <div class=\"m-content\">\n                <div class=\"swiper\">\n                    <div class=\"swiper-container\" babylonSwiperSliderV2>\n                        <div class=\"swiper-wrapper\">\n                            @if (items?.length) {\n                                @for (item of items; track $index) {\n                                    <div\n                                        class=\"swiper-slide\"\n                                        [ngClass]=\"{\n                                            'js-experiencias-slider':\n                                                $index == 0,\n                                        }\"\n                                        [ngClass]=\"{\n                                            'card-art': $index % 2 !== 0,\n                                        }\"\n                                    >\n                                        @if (\n                                            item.multimedia?.imagenes?.[0] ??\n                                                item?.img;\n                                            as img\n                                        ) {\n                                            <a\n                                                [href]=\"item.buttons?.[0]?.url\"\n                                                [linkType]=\"\n                                                    item.buttons?.[0]?.linkType\n                                                \"\n                                            >\n                                                <img\n                                                    [src]=\"img?.src\"\n                                                    [alt]=\"img?.img?.alt\"\n                                                />\n                                            </a>\n                                        } @else if (item.images?.length) {\n                                            <a\n                                                [href]=\"item.buttons?.[0]?.url\"\n                                                [linkType]=\"\n                                                    item.buttons?.[0]?.linkType\n                                                \"\n                                            >\n                                                <img\n                                                    [src]=\"\n                                                        item.images?.[0]?.img\n                                                            ?.src\n                                                    \"\n                                                    [alt]=\"\n                                                        item.images?.[0]?.img\n                                                            ?.alt\n                                                    \"\n                                                />\n                                            </a>\n                                        }\n                                        @if (\n                                            item.texts?.title ||\n                                            item.texts?.name\n                                        ) {\n                                            <div class=\"m-texto\">\n                                                {{\n                                                    item.texts?.title ??\n                                                        item.texts?.name\n                                                }}\n                                            </div>\n                                        }\n\n                                        @if (item.buttons?.length) {\n                                            <a\n                                                class=\"m-button-sm\"\n                                                [href]=\"item.buttons?.[0]?.url\"\n                                                [linkType]=\"\n                                                    item.buttons?.[0]?.linkType\n                                                \"\n                                            >\n                                                {{ item.buttons?.[0]?.label }}\n                                            </a>\n                                        }\n                                    </div>\n                                }\n                            }\n                        </div>\n                    </div>\n                </div>\n                <button\n                    type=\"button\"\n                    class=\"swiper-button-prev swiper-button-prev\"\n                    aria-label=\"Previous slide\"\n                ></button>\n                <button\n                    type=\"button\"\n                    class=\"swiper-button-next swiper-button-next\"\n                    aria-label=\"Next slide\"\n                ></button>\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}.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;background-color:#ff4338;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.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family: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,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family: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}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias .mdl-container{width:auto;position:relative}.mdl-experiencias .mdl-container .m-head{height:33rem;display:flex;flex-direction:column;justify-content:space-evenly}.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-experiencias .mdl-container .m-head .m-pretitulo{color:#515050b2}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;justify-content:space-between;align-items:flex-end}.mdl-experiencias .mdl-container .m-head .m-subhead div{list-style:none!important;padding:0;max-width:55rem}.mdl-experiencias .mdl-container .m-head .m-subhead div:before{display:none}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{color:#515050}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{color:#515050b2}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:30rem 0 0 30rem;left:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper-button-next{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:0 30rem 30rem 0;right:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper{overflow:visible;height:auto}.mdl-experiencias .mdl-container .m-content .swiper:hover .swiper-container .swiper-wrapper .card-art{margin-top:0}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper{display:flex;min-height:65rem;justify-content:center}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide{background-position:bottom;background-size:cover;transition:transform .4s ease,opacity .4s ease,margin-top .4s ease}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-button-sm{margin:2.9rem auto;display:block;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-button-sm{display:none;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:42rem;object-fit:cover}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{color:#515050b2;margin-top:.6rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo{margin-top:0!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{margin:2.9rem auto;display:block!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:8.4rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:55rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:6rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.mdl-experiencias .mdl-container .m-content{margin-top:4rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:64rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:5rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{gap:2rem}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{text-align:left}.mdl-experiencias .mdl-container .m-content{position:relative}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{height:30rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{max-width:100%}}@media (max-width: 500px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:0}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content{margin:4rem 4.8rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonSwiperSliderV2Directive, selector: "[babylonSwiperSliderV2]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC5ImgTxtComponent, decorators: [{
             type: Component,
@@ -15061,7 +15076,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         CommonModule,
                         BabylonSwiperSliderV2Directive,
                         BabylonLinkTypeDirective,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (items?.length) {\n    <section class=\"mdl-experiencias\">\n        <div class=\"mdl-container\">\n            @if (texts) {\n                <div class=\"m-head\">\n                    @if (texts.pretitle) {\n                        <div class=\"m-pretitulo\">{{ texts.pretitle }}</div>\n                    }\n                    <div class=\"m-subhead\">\n                        @if (texts.title) {\n                            <h2 class=\"m-titulo\">\n                                {{ texts.title }}\n                            </h2>\n                        }\n                        @if (texts.description ?? texts.subtitle) {\n                            <div\n                                class=\"m-texto\"\n                                [innerHTML]=\"\n                                    texts.description ?? texts.subtitle\n                                \"\n                            ></div>\n                        }\n                    </div>\n                </div>\n            }\n            <div class=\"m-content\">\n                <div class=\"swiper\">\n                    <div class=\"swiper-container\" babylonSwiperSliderV2>\n                        <div class=\"swiper-wrapper\">\n                            @if (items?.length) {\n                                @for (item of items; track $index) {\n                                    <div\n                                        class=\"swiper-slide\"\n                                        [ngClass]=\"{\n                                            'js-experiencias-slider':\n                                                $index == 0,\n                                        }\"\n                                        [ngClass]=\"{\n                                            'card-art': $index % 2 !== 0,\n                                        }\"\n                                    >\n                                        @if (\n                                            item.multimedia?.imagenes?.[0] ??\n                                                item?.img;\n                                            as img\n                                        ) {\n                                            <a\n                                                [href]=\"item.buttons?.[0]?.url\"\n                                                [linkType]=\"\n                                                    item.buttons?.[0]?.linkType\n                                                \"\n                                            >\n                                                <img\n                                                    [src]=\"img?.src\"\n                                                    [alt]=\"img?.img?.alt\"\n                                                />\n                                            </a>\n                                        } @else if (item.images?.length) {\n                                            <a\n                                                [href]=\"item.buttons?.[0]?.url\"\n                                                [linkType]=\"\n                                                    item.buttons?.[0]?.linkType\n                                                \"\n                                            >\n                                                <img\n                                                    [src]=\"\n                                                        item.images?.[0]?.img\n                                                            ?.src\n                                                    \"\n                                                    [alt]=\"\n                                                        item.images?.[0]?.img\n                                                            ?.alt\n                                                    \"\n                                                />\n                                            </a>\n                                        }\n                                        @if (\n                                            item.texts?.title ||\n                                            item.texts?.name\n                                        ) {\n                                            <div class=\"m-texto\">\n                                                {{\n                                                    item.texts?.title ??\n                                                        item.texts?.name\n                                                }}\n                                            </div>\n                                        }\n\n                                        @if (item.buttons?.length) {\n                                            <a\n                                                class=\"m-button-sm\"\n                                                [href]=\"item.buttons?.[0]?.url\"\n                                                [linkType]=\"\n                                                    item.buttons?.[0]?.linkType\n                                                \"\n                                            >\n                                                {{ item.buttons?.[0]?.label }}\n                                            </a>\n                                        }\n                                    </div>\n                                }\n                            }\n                        </div>\n                    </div>\n                </div>\n                <button\n                    type=\"button\"\n                    class=\"swiper-button-prev swiper-button-prev\"\n                    aria-label=\"Previous slide\"\n                ></button>\n                <button\n                    type=\"button\"\n                    class=\"swiper-button-next swiper-button-next\"\n                    aria-label=\"Next slide\"\n                ></button>\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}.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;background-color:#ff4338;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.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family: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,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family: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}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias .mdl-container{width:auto;position:relative}.mdl-experiencias .mdl-container .m-head{height:33rem;display:flex;flex-direction:column;justify-content:space-evenly}.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-experiencias .mdl-container .m-head .m-pretitulo{color:#515050b2}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;justify-content:space-between;align-items:flex-end}.mdl-experiencias .mdl-container .m-head .m-subhead div{list-style:none!important;padding:0;max-width:55rem}.mdl-experiencias .mdl-container .m-head .m-subhead div:before{display:none}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{color:#515050}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{color:#515050b2}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:30rem 0 0 30rem;left:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper-button-next{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:0 30rem 30rem 0;right:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper{overflow:visible;height:auto}.mdl-experiencias .mdl-container .m-content .swiper:hover .swiper-container .swiper-wrapper .card-art{margin-top:0}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper{display:flex;min-height:65rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide{background-position:bottom;background-size:cover;transition:transform .4s ease,opacity .4s ease,margin-top .4s ease}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-button-sm{margin:2.9rem auto;display:block;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-button-sm{display:none;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:42rem;object-fit:cover}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{color:#515050b2;margin-top:.6rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo{margin-top:0!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{margin:2.9rem auto;display:block!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:8.4rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:55rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:6rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.mdl-experiencias .mdl-container .m-content{margin-top:4rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:64rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:5rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{gap:2rem}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{text-align:left}.mdl-experiencias .mdl-container .m-content{position:relative}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{height:30rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{max-width:100%}}@media (max-width: 500px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:0}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content{margin:4rem 4.8rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (items?.length) {\n    <section class=\"mdl-experiencias\">\n        <div class=\"mdl-container\">\n            @if (texts) {\n                <div class=\"m-head\">\n                    @if (texts.pretitle) {\n                        <div class=\"m-pretitulo\">{{ texts.pretitle }}</div>\n                    }\n                    <div class=\"m-subhead\">\n                        @if (texts.title) {\n                            <h2 class=\"m-titulo\">\n                                {{ texts.title }}\n                            </h2>\n                        }\n                        @if (texts.description ?? texts.subtitle) {\n                            <div\n                                class=\"m-texto\"\n                                [innerHTML]=\"\n                                    texts.description ?? texts.subtitle\n                                \"\n                            ></div>\n                        }\n                    </div>\n                </div>\n            }\n            <div class=\"m-content\">\n                <div class=\"swiper\">\n                    <div class=\"swiper-container\" babylonSwiperSliderV2>\n                        <div class=\"swiper-wrapper\">\n                            @if (items?.length) {\n                                @for (item of items; track $index) {\n                                    <div\n                                        class=\"swiper-slide\"\n                                        [ngClass]=\"{\n                                            'js-experiencias-slider':\n                                                $index == 0,\n                                        }\"\n                                        [ngClass]=\"{\n                                            'card-art': $index % 2 !== 0,\n                                        }\"\n                                    >\n                                        @if (\n                                            item.multimedia?.imagenes?.[0] ??\n                                                item?.img;\n                                            as img\n                                        ) {\n                                            <a\n                                                [href]=\"item.buttons?.[0]?.url\"\n                                                [linkType]=\"\n                                                    item.buttons?.[0]?.linkType\n                                                \"\n                                            >\n                                                <img\n                                                    [src]=\"img?.src\"\n                                                    [alt]=\"img?.img?.alt\"\n                                                />\n                                            </a>\n                                        } @else if (item.images?.length) {\n                                            <a\n                                                [href]=\"item.buttons?.[0]?.url\"\n                                                [linkType]=\"\n                                                    item.buttons?.[0]?.linkType\n                                                \"\n                                            >\n                                                <img\n                                                    [src]=\"\n                                                        item.images?.[0]?.img\n                                                            ?.src\n                                                    \"\n                                                    [alt]=\"\n                                                        item.images?.[0]?.img\n                                                            ?.alt\n                                                    \"\n                                                />\n                                            </a>\n                                        }\n                                        @if (\n                                            item.texts?.title ||\n                                            item.texts?.name\n                                        ) {\n                                            <div class=\"m-texto\">\n                                                {{\n                                                    item.texts?.title ??\n                                                        item.texts?.name\n                                                }}\n                                            </div>\n                                        }\n\n                                        @if (item.buttons?.length) {\n                                            <a\n                                                class=\"m-button-sm\"\n                                                [href]=\"item.buttons?.[0]?.url\"\n                                                [linkType]=\"\n                                                    item.buttons?.[0]?.linkType\n                                                \"\n                                            >\n                                                {{ item.buttons?.[0]?.label }}\n                                            </a>\n                                        }\n                                    </div>\n                                }\n                            }\n                        </div>\n                    </div>\n                </div>\n                <button\n                    type=\"button\"\n                    class=\"swiper-button-prev swiper-button-prev\"\n                    aria-label=\"Previous slide\"\n                ></button>\n                <button\n                    type=\"button\"\n                    class=\"swiper-button-next swiper-button-next\"\n                    aria-label=\"Next slide\"\n                ></button>\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}.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;background-color:#ff4338;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.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family: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,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family: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}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias .mdl-container{width:auto;position:relative}.mdl-experiencias .mdl-container .m-head{height:33rem;display:flex;flex-direction:column;justify-content:space-evenly}.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-experiencias .mdl-container .m-head .m-pretitulo{color:#515050b2}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;justify-content:space-between;align-items:flex-end}.mdl-experiencias .mdl-container .m-head .m-subhead div{list-style:none!important;padding:0;max-width:55rem}.mdl-experiencias .mdl-container .m-head .m-subhead div:before{display:none}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{color:#515050}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{color:#515050b2}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:30rem 0 0 30rem;left:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper-button-next{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:0 30rem 30rem 0;right:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper{overflow:visible;height:auto}.mdl-experiencias .mdl-container .m-content .swiper:hover .swiper-container .swiper-wrapper .card-art{margin-top:0}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper{display:flex;min-height:65rem;justify-content:center}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide{background-position:bottom;background-size:cover;transition:transform .4s ease,opacity .4s ease,margin-top .4s ease}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-button-sm{margin:2.9rem auto;display:block;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-button-sm{display:none;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:42rem;object-fit:cover}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{color:#515050b2;margin-top:.6rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo{margin-top:0!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{margin:2.9rem auto;display:block!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:8.4rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:55rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:6rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.mdl-experiencias .mdl-container .m-content{margin-top:4rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:64rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:5rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{gap:2rem}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{text-align:left}.mdl-experiencias .mdl-container .m-content{position:relative}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{height:30rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{max-width:100%}}@media (max-width: 500px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:0}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content{margin:4rem 4.8rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem}}\n"] }]
         }], propDecorators: { texts: [{
                 type: Input
             }], items: [{
@@ -17609,11 +17624,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                                                    <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                                                </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 class=\"m-swiper-button prev\">\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 class=\"m-swiper-button next\">\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\";.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{background-color:var(--color, #ff4338)!important}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:var(--hover-color, #ed3b37)!important}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338)!important;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,.m-underline.active{color:var(--hover-color, #ed3b37)!important}.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;background:var(--hover-color, transparent)!important}.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}.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/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}}\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" }, 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                                                    <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                                                </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                            [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                            [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\";.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{background-color:var(--color, #ff4338)!important}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:var(--hover-color, #ed3b37)!important}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338)!important;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,.m-underline.active{color:var(--hover-color, #ed3b37)!important}.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;background:var(--hover-color, transparent)!important}.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}.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/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}}\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                                                    <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                                                </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 class=\"m-swiper-button prev\">\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 class=\"m-swiper-button next\">\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\";.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{background-color:var(--color, #ff4338)!important}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:var(--hover-color, #ed3b37)!important}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338)!important;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,.m-underline.active{color:var(--hover-color, #ed3b37)!important}.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;background:var(--hover-color, transparent)!important}.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}.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/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}}\n"] }]
+            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                                                    <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                                                </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                            [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                            [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\";.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{background-color:var(--color, #ff4338)!important}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:var(--hover-color, #ed3b37)!important}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338)!important;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,.m-underline.active{color:var(--hover-color, #ed3b37)!important}.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;background:var(--hover-color, transparent)!important}.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}.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/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}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { texts: [{
                 type: Input
             }], items: [{
@@ -18319,11 +18334,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                                        [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:0}.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 .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                                        [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:0}.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 .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: [{
@@ -18409,11 +18424,11 @@ class LisC4TxtDesCtaComponent {
         return getFirstImageByTagFromImages(imagenes, tagName);
     }
     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" }, 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                            #hotelTypeSel\n                            [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n                            [value]=\"selectedHotelType\"\n                            (change)=\"onHotelTypeChange(hotelTypeSel.value)\"\n                        >\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                            [value]=\"selectedDestination\"\n                            (change)=\"onDestinationChange(Destination.value)\"\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                                ></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-red':\n                                                        $index % 2 !== 0,\n                                                }\"\n                                                [style.--btn-primary]=\"\n                                                    item.styles?.primary\n                                                \"\n                                                [style.--btn-hover]=\"\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;background-color:#ff4338;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.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;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,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family: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}@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}.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;background-color:#ed3b37;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}}@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%}}.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}.m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.m-but.m-underline-red{background:transparent;border:0;color:var(--btn-primary)}.m-but.m-underline-red:hover{color:var(--btn-hover)}.m-but.m-underline-red span{text-decoration:underline;text-decoration-color:currentColor}.m-empty{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.m-empty{font-size:2.4rem;line-height:3rem}}.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"] }], 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" }, 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                            #hotelTypeSel\n                            [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n                            [value]=\"selectedHotelType\"\n                            (change)=\"onHotelTypeChange(hotelTypeSel.value)\"\n                        >\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                            [value]=\"selectedDestination\"\n                            (change)=\"onDestinationChange(Destination.value)\"\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                                ></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}@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}.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;background-color:#ed3b37;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}}@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%}}.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}.m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.m-but.m-underline{background:transparent;border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.m-but.m-underline:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.m-but.m-underline span{text-decoration:underline;text-decoration-color:currentColor}.m-empty{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.m-empty{font-size:2.4rem;line-height:3rem}}.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"] }], 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], 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                            #hotelTypeSel\n                            [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n                            [value]=\"selectedHotelType\"\n                            (change)=\"onHotelTypeChange(hotelTypeSel.value)\"\n                        >\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                            [value]=\"selectedDestination\"\n                            (change)=\"onDestinationChange(Destination.value)\"\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                                ></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-red':\n                                                        $index % 2 !== 0,\n                                                }\"\n                                                [style.--btn-primary]=\"\n                                                    item.styles?.primary\n                                                \"\n                                                [style.--btn-hover]=\"\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;background-color:#ff4338;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.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;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,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family: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}@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}.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;background-color:#ed3b37;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}}@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%}}.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}.m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.m-but.m-underline-red{background:transparent;border:0;color:var(--btn-primary)}.m-but.m-underline-red:hover{color:var(--btn-hover)}.m-but.m-underline-red span{text-decoration:underline;text-decoration-color:currentColor}.m-empty{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.m-empty{font-size:2.4rem;line-height:3rem}}.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], 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                            #hotelTypeSel\n                            [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n                            [value]=\"selectedHotelType\"\n                            (change)=\"onHotelTypeChange(hotelTypeSel.value)\"\n                        >\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                            [value]=\"selectedDestination\"\n                            (change)=\"onDestinationChange(Destination.value)\"\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                                ></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}@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}.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;background-color:#ed3b37;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}}@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%}}.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}.m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.m-but.m-underline{background:transparent;border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.m-but.m-underline:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.m-but.m-underline span{text-decoration:underline;text-decoration-color:currentColor}.m-empty{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.m-empty{font-size:2.4rem;line-height:3rem}}.m-empty{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}\n"] }]
         }], propDecorators: { texts: [{
                 type: Input
             }], filters: [{