ctt-babylon 0.22.39 → 0.22.41

package/fesm2022/ctt-babylon.mjs

@@ -10482,7 +10482,7 @@ class BabylonEngineWidgetModalComponent {
         this.dialogRef.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineWidgetModalComponent, deps: [{ token: i1$2.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonEngineWidgetModalComponent, isStandalone: true, selector: "lib-babylon-engine-widget-modal", inputs: { texts: "texts", locale: "locale", widgetConfig: "widgetConfig", ticker: "ticker", styles: "styles", tags: "tags", textColors: "textColors", globalInfo: "globalInfo" }, outputs: { close: "close" }, ngImport: i0, template: "<section\n    id=\"widget-form\"\n    class=\"mdl-widget\"\n    [class.has-advantages]=\"globalInfo\"\n>\n    <div class=\"mod-layout-wrapper\">\n        <div class=\"mod-close\">\n            <button\n                class=\"carousel__button is-close mdl-widget__close\"\n                title=\"Close\"\n                (click)=\"closeModal()\"\n            >\n                <svg\n                    width=\"32\"\n                    height=\"32\"\n                    viewBox=\"0 0 32 32\"\n                    fill=\"none\"\n                    stroke=\"#333\"\n                    stroke-width=\"1\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                    <circle\n                        cx=\"16\"\n                        cy=\"16\"\n                        r=\"15\"\n                        stroke=\"#333\"\n                        fill=\"transparent\"\n                    />\n                    <path d=\"M11 11L21 21M21 11L11 21\" stroke-linecap=\"round\" />\n                </svg>\n            </button>\n        </div>\n        @if (globalInfo) {\n            <div class=\"mod-advantages\">\n                <div class=\"adv-box\">\n                    <div class=\"adv-header\">\n                        <lib-babylon-dynamic-heading\n                            [tag]=\"tags?.title || 'h2'\"\n                            cssClass=\"m-titulo uppercase-title\"\n                            [color]=\"textColors?.title\"\n                            [content]=\"globalInfo.texts?.title || 'VENTAJAS'\"\n                        ></lib-babylon-dynamic-heading>\n                        @if (globalInfo.texts?.description) {\n                            <lib-babylon-dynamic-heading\n                                [tag]=\"tags?.title || 'p'\"\n                                cssClass=\"m-texto\"\n                                [color]=\"textColors?.title\"\n                                [content]=\"globalInfo.texts?.description\"\n                            ></lib-babylon-dynamic-heading>\n                        }\n                    </div>\n\n                    <div class=\"adv-grid\">\n                        @for (adv of globalInfo.items; track $index) {\n                            <div class=\"adv-item\">\n                                <span class=\"adv-icon\">\n                                    <i\n                                        class=\"icon--svg\"\n                                        [ngClass]=\"adv.icon\"\n                                    ></i>\n                                </span>\n                                <div class=\"adv-text\">\n                                    <strong [innerHTML]=\"adv.label\"></strong>\n                                    <span [innerHTML]=\"adv.description\"></span>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n        }\n\n        <div class=\"mod-body\">\n            <div class=\"booking-container\">\n                <div class=\"m-title-container\">\n                    <lib-babylon-dynamic-heading\n                        [tag]=\"tags?.subtitle || 'p'\"\n                        cssClass=\"m-titulo uppercase-title\"\n                        [color]=\"textColors?.subtitle\"\n                        [content]=\"\n                            texts?.title ||\n                            globalInfo?.texts?.subtitle ||\n                            'RESERVA TU HABITACI\u00D3N'\n                        \"\n                    ></lib-babylon-dynamic-heading>\n                </div>\n\n                <lib-babylon-booking-widget\n                    id=\"modal\"\n                    widgetId=\"widget-search-modal\"\n                    [hotelId]=\"widgetConfig?.hotelId\"\n                    [ticker]=\"ticker ?? widgetConfig?.ticker ?? ''\"\n                    [type]=\"widgetConfig?.type\"\n                    [engine]=\"widgetConfig.engine\"\n                    theme=\"light\"\n                    layout=\"column\"\n                    layoutColumn=\"true\"\n                    [showPrice]=\"widgetConfig?.showPrice\"\n                    [defaultAdults]=\"widgetConfig?.defaultAdults\"\n                    [defaultChildren]=\"widgetConfig?.defaultChildren\"\n                    [defaultJunior]=\"widgetConfig?.defaultJunior\"\n                    [currency]=\"widgetConfig?.currency\"\n                    [baseUrl]=\"\n                        widgetConfig.engine !== 'witbooking'\n                            ? widgetConfig.baseUrl\n                            : widgetConfig.baseUrl + locale + '/'\n                    \"\n                    [urlChain]=\"widgetConfig?.urlChain\"\n                    [urlHotel]=\"widgetConfig?.urlHotel\"\n                    [showChildAges]=\"widgetConfig?.showChildAges\"\n                    [locale]=\"locale\"\n                    [flagTime]=\"false\"\n                    [maxRooms]=\"widgetConfig?.maxRooms\"\n                    [showAllHotelsOption]=\"widgetConfig.showAllHotelsOption\"\n                    [targetBlank]=\"widgetConfig.targetBlank\"\n                    ngSkipHydration\n                ></lib-babylon-booking-widget>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::ng-deep .mdl-widget-dialog{max-width:100vw!important}::ng-deep .mdl-widget-dialog .mat-mdc-dialog-surface,::ng-deep .mdl-widget-dialog .mat-dialog-container{width:100vw!important;max-width:100vw!important;height:100vh!important;padding:0!important;margin:0!important;border-radius:0!important;background-color:transparent;box-shadow:none}::ng-deep .mdl-widget-backdrop{background-color:#1e1a1ad9!important}.mdl-widget{display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;flex-direction:column;padding:0;margin:0;overflow:hidden}.mdl-widget .mod-close{position:relative;width:30rem;z-index:9}.mdl-widget .mod-close .mdl-widget__close{position:absolute;background-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;border-radius:25px;cursor:pointer;transition:transform .3s ease;transform:rotate(0);display:flex;justify-content:center;align-items:center}.mdl-widget .mod-close .mdl-widget__close:hover{transform:rotate(180deg)}@media (max-width: 1080px){.mdl-widget .mod-close{position:absolute;top:0;width:100vw}.mdl-widget .mod-close .mdl-widget__close{position:absolute;width:3.2rem;height:3.2rem;right:20px;top:20px;z-index:9}}.mdl-widget .mod-layout-wrapper{display:flex;justify-content:center;align-items:stretch;width:100vw;height:100%;position:fixed}@media (max-width: 1080px){.mdl-widget .mod-layout-wrapper{position:relative}}.mdl-widget.has-advantages{width:100vw;max-width:100vw}.mdl-widget.has-advantages .mod-advantages{flex:1;display:flex;flex-direction:column;background-color:var(--cl_engine-bg-modal);padding:200px 60px 40px;justify-content:flex-start;align-items:center}.mdl-widget.has-advantages .mod-advantages .adv-box{width:100%;max-width:600px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header{text-align:center;margin-bottom:40px;min-height:80px}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header .m-texto{font-size:14px;color:var(--cl_engine-text);margin-top:10px}.mdl-widget.has-advantages .mod-advantages .adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 20px}@media (max-width: 600px){.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:1fr}}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item{display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:25px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item:nth-last-child(-n+2){border-bottom:none;padding-bottom:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon{color:var(--cl_engine-text);margin-top:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon .icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;display:block;background:var(--cl_engine-text)}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text{display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text strong{font-size:13px;color:#333;margin-bottom:4px;font-family:var(--font-text);text-transform:uppercase;letter-spacing:1px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text span{font-size:13px;font-family:var(--font-text);color:var(--cl_engine-text);line-height:1.3}.mdl-widget.has-advantages .mod-body{flex:1;background-color:var(--widget-background);padding:120px 60px 40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box}.mdl-widget.has-advantages .mod-body .booking-container{width:100%;max-width:400px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-body .m-title-container{min-height:80px;display:flex;align-items:flex-start;justify-content:center}@media (max-width: 1080px){.mdl-widget.has-advantages{flex-direction:column;height:100vh;min-height:100vh;overflow-y:auto;position:absolute}.mdl-widget.has-advantages .mod-layout-wrapper{flex-direction:column}.mdl-widget.has-advantages .mod-advantages{padding:60px 40px 50px;max-height:60vh;overflow-y:auto}.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:2fr 2fr;gap:20px}.mdl-widget.has-advantages .mod-body{padding:60px 20px 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BabylonBookingWidgetComponent, selector: "lib-babylon-booking-widget", inputs: ["widgetId", "hotelId", "ticker", "type", "engine", "theme", "currency", "locale", "layout", "defaultAdults", "defaultChildren", "defaultJunior", "showPrice", "showHotelSelector", "showPromoCode", "showChildAges", "maxChildren", "maxJunior", "baseUrl", "urlChain", "urlHotel", "buttonText", "layoutColumn", "maxRooms", "showAllHotelsOption", "targetBlank", "flagTime"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonEngineWidgetModalComponent, isStandalone: true, selector: "lib-babylon-engine-widget-modal", inputs: { texts: "texts", locale: "locale", widgetConfig: "widgetConfig", ticker: "ticker", styles: "styles", tags: "tags", textColors: "textColors", globalInfo: "globalInfo" }, outputs: { close: "close" }, ngImport: i0, template: "<section\n    id=\"widget-form\"\n    class=\"mdl-widget\"\n    [class.has-advantages]=\"globalInfo\"\n>\n    <div class=\"mod-layout-wrapper\">\n        <div class=\"mod-close\">\n            <button\n                class=\"carousel__button is-close mdl-widget__close\"\n                title=\"Close\"\n                (click)=\"closeModal()\"\n            >\n                <svg\n                    width=\"32\"\n                    height=\"32\"\n                    viewBox=\"0 0 32 32\"\n                    fill=\"none\"\n                    stroke=\"#333\"\n                    stroke-width=\"1\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                    <circle\n                        cx=\"16\"\n                        cy=\"16\"\n                        r=\"15\"\n                        stroke=\"#333\"\n                        fill=\"transparent\"\n                    />\n                    <path d=\"M11 11L21 21M21 11L11 21\" stroke-linecap=\"round\" />\n                </svg>\n            </button>\n        </div>\n        @if (globalInfo) {\n            <div class=\"mod-advantages\">\n                <div class=\"adv-box\">\n                    <div class=\"adv-header\">\n                        <lib-babylon-dynamic-heading\n                            [tag]=\"tags?.title || 'h2'\"\n                            cssClass=\"m-titulo uppercase-title\"\n                            [color]=\"textColors?.title\"\n                            [content]=\"globalInfo.texts?.title || 'VENTAJAS'\"\n                        ></lib-babylon-dynamic-heading>\n                        @if (globalInfo.texts?.description) {\n                            <lib-babylon-dynamic-heading\n                                [tag]=\"tags?.title || 'p'\"\n                                cssClass=\"m-texto\"\n                                [color]=\"textColors?.title\"\n                                [content]=\"globalInfo.texts?.description\"\n                            ></lib-babylon-dynamic-heading>\n                        }\n                    </div>\n\n                    <div class=\"adv-grid\">\n                        @for (adv of globalInfo.items; track $index) {\n                            <div class=\"adv-item\">\n                                <span class=\"adv-icon\">\n                                    <i\n                                        class=\"icon--svg\"\n                                        [ngClass]=\"adv.icon\"\n                                    ></i>\n                                </span>\n                                <div class=\"adv-text\">\n                                    <strong [innerHTML]=\"adv.label\"></strong>\n                                    <span [innerHTML]=\"adv.description\"></span>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n        }\n\n        <div class=\"mod-body\">\n            <div class=\"booking-container\">\n                <div class=\"m-title-container\">\n                    <lib-babylon-dynamic-heading\n                        [tag]=\"tags?.subtitle || 'p'\"\n                        cssClass=\"m-titulo uppercase-title\"\n                        [color]=\"textColors?.subtitle\"\n                        [content]=\"\n                            texts?.title ||\n                            globalInfo?.texts?.subtitle ||\n                            'RESERVA TU HABITACI\u00D3N'\n                        \"\n                    ></lib-babylon-dynamic-heading>\n                </div>\n\n                <lib-babylon-booking-widget\n                    id=\"modal\"\n                    widgetId=\"widget-search-modal\"\n                    [hotelId]=\"widgetConfig?.hotelId\"\n                    [ticker]=\"ticker ?? widgetConfig?.ticker ?? ''\"\n                    [type]=\"widgetConfig?.type\"\n                    [engine]=\"widgetConfig.engine\"\n                    theme=\"light\"\n                    layout=\"column\"\n                    layoutColumn=\"true\"\n                    [showPrice]=\"widgetConfig?.showPrice\"\n                    [defaultAdults]=\"widgetConfig?.defaultAdults\"\n                    [defaultChildren]=\"widgetConfig?.defaultChildren\"\n                    [defaultJunior]=\"widgetConfig?.defaultJunior\"\n                    [currency]=\"widgetConfig?.currency\"\n                    [baseUrl]=\"\n                        widgetConfig.engine !== 'witbooking'\n                            ? widgetConfig.baseUrl\n                            : widgetConfig.baseUrl + locale + '/'\n                    \"\n                    [urlChain]=\"widgetConfig?.urlChain\"\n                    [urlHotel]=\"widgetConfig?.urlHotel\"\n                    [showChildAges]=\"widgetConfig?.showChildAges\"\n                    [locale]=\"locale\"\n                    [flagTime]=\"false\"\n                    [maxRooms]=\"widgetConfig?.maxRooms\"\n                    [showAllHotelsOption]=\"widgetConfig.showAllHotelsOption\"\n                    [targetBlank]=\"widgetConfig.targetBlank\"\n                    ngSkipHydration\n                ></lib-babylon-booking-widget>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::ng-deep .mdl-widget-dialog{max-width:100vw!important}::ng-deep .mdl-widget-dialog .mat-mdc-dialog-surface,::ng-deep .mdl-widget-dialog .mat-dialog-container{width:100vw!important;max-width:100vw!important;height:100vh!important;padding:0!important;margin:0!important;border-radius:0!important;background-color:transparent;box-shadow:none}::ng-deep .mdl-widget-backdrop{background-color:#1e1a1ad9!important}.mdl-widget{display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;flex-direction:column;padding:0;margin:0;overflow:hidden}.mdl-widget .mod-close{position:relative;width:30rem;z-index:9}.mdl-widget .mod-close .mdl-widget__close{position:absolute;background-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;border-radius:25px;cursor:pointer;transition:transform .3s ease;transform:rotate(0);display:flex;justify-content:center;align-items:center}.mdl-widget .mod-close .mdl-widget__close:hover{transform:rotate(180deg)}@media (max-width: 1080px){.mdl-widget .mod-close{position:absolute;top:0;width:100vw}.mdl-widget .mod-close .mdl-widget__close{position:absolute;width:3.2rem;height:3.2rem;right:20px;top:20px;z-index:9}}.mdl-widget .mod-layout-wrapper{display:flex;justify-content:center;align-items:stretch;width:100vw;height:100%;position:fixed}@media (max-width: 1080px){.mdl-widget .mod-layout-wrapper{position:relative}}.mdl-widget.has-advantages{width:100vw;max-width:100vw}.mdl-widget.has-advantages .mod-advantages{flex:1;display:flex;flex-direction:column;background-color:var(--cl_engine-bg-modal);padding:200px 60px 40px;justify-content:flex-start;align-items:center}.mdl-widget.has-advantages .mod-advantages .adv-box{width:100%;max-width:600px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header{text-align:center;margin-bottom:40px;min-height:80px}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header .m-texto{font-size:14px;color:var(--cl_engine-text);margin-top:10px}.mdl-widget.has-advantages .mod-advantages .adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow:auto;max-height:50vh}@media (max-width: 600px){.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:1fr}}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item{display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:25px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item:nth-last-child(-n+2){border-bottom:none;padding-bottom:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon{color:var(--cl_engine-text);margin-top:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon .icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;display:block;background:var(--cl_engine-text)}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text{display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text strong{font-size:13px;color:#333;margin-bottom:4px;font-family:var(--font-text);text-transform:uppercase;letter-spacing:1px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text span{font-size:13px;font-family:var(--font-text);color:var(--cl_engine-text);line-height:1.3}.mdl-widget.has-advantages .mod-body{flex:1;background-color:var(--widget-background);padding:120px 60px 40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box}.mdl-widget.has-advantages .mod-body .booking-container{width:100%;max-width:400px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-body .m-title-container{min-height:80px;display:flex;align-items:flex-start;justify-content:center;margin-bottom:20px}@media (max-width: 1080px){.mdl-widget.has-advantages{flex-direction:column;height:100vh;min-height:100vh;overflow-y:auto;position:absolute}.mdl-widget.has-advantages .mod-layout-wrapper{flex-direction:column}.mdl-widget.has-advantages .mod-advantages{padding:60px 40px 50px;max-height:60vh}.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:2fr 2fr;gap:20px;overflow:auto;max-height:25vh}.mdl-widget.has-advantages .mod-body{padding:60px 20px 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: BabylonBookingWidgetComponent, selector: "lib-babylon-booking-widget", inputs: ["widgetId", "hotelId", "ticker", "type", "engine", "theme", "currency", "locale", "layout", "defaultAdults", "defaultChildren", "defaultJunior", "showPrice", "showHotelSelector", "showPromoCode", "showChildAges", "maxChildren", "maxJunior", "baseUrl", "urlChain", "urlHotel", "buttonText", "layoutColumn", "maxRooms", "showAllHotelsOption", "targetBlank", "flagTime"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineWidgetModalComponent, decorators: [{
             type: Component,
@@ -10490,7 +10490,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         CommonModule,
                         BabylonBookingWidgetComponent,
                         BabylonDynamicHeadingComponent,
-                    ], template: "<section\n    id=\"widget-form\"\n    class=\"mdl-widget\"\n    [class.has-advantages]=\"globalInfo\"\n>\n    <div class=\"mod-layout-wrapper\">\n        <div class=\"mod-close\">\n            <button\n                class=\"carousel__button is-close mdl-widget__close\"\n                title=\"Close\"\n                (click)=\"closeModal()\"\n            >\n                <svg\n                    width=\"32\"\n                    height=\"32\"\n                    viewBox=\"0 0 32 32\"\n                    fill=\"none\"\n                    stroke=\"#333\"\n                    stroke-width=\"1\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                    <circle\n                        cx=\"16\"\n                        cy=\"16\"\n                        r=\"15\"\n                        stroke=\"#333\"\n                        fill=\"transparent\"\n                    />\n                    <path d=\"M11 11L21 21M21 11L11 21\" stroke-linecap=\"round\" />\n                </svg>\n            </button>\n        </div>\n        @if (globalInfo) {\n            <div class=\"mod-advantages\">\n                <div class=\"adv-box\">\n                    <div class=\"adv-header\">\n                        <lib-babylon-dynamic-heading\n                            [tag]=\"tags?.title || 'h2'\"\n                            cssClass=\"m-titulo uppercase-title\"\n                            [color]=\"textColors?.title\"\n                            [content]=\"globalInfo.texts?.title || 'VENTAJAS'\"\n                        ></lib-babylon-dynamic-heading>\n                        @if (globalInfo.texts?.description) {\n                            <lib-babylon-dynamic-heading\n                                [tag]=\"tags?.title || 'p'\"\n                                cssClass=\"m-texto\"\n                                [color]=\"textColors?.title\"\n                                [content]=\"globalInfo.texts?.description\"\n                            ></lib-babylon-dynamic-heading>\n                        }\n                    </div>\n\n                    <div class=\"adv-grid\">\n                        @for (adv of globalInfo.items; track $index) {\n                            <div class=\"adv-item\">\n                                <span class=\"adv-icon\">\n                                    <i\n                                        class=\"icon--svg\"\n                                        [ngClass]=\"adv.icon\"\n                                    ></i>\n                                </span>\n                                <div class=\"adv-text\">\n                                    <strong [innerHTML]=\"adv.label\"></strong>\n                                    <span [innerHTML]=\"adv.description\"></span>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n        }\n\n        <div class=\"mod-body\">\n            <div class=\"booking-container\">\n                <div class=\"m-title-container\">\n                    <lib-babylon-dynamic-heading\n                        [tag]=\"tags?.subtitle || 'p'\"\n                        cssClass=\"m-titulo uppercase-title\"\n                        [color]=\"textColors?.subtitle\"\n                        [content]=\"\n                            texts?.title ||\n                            globalInfo?.texts?.subtitle ||\n                            'RESERVA TU HABITACI\u00D3N'\n                        \"\n                    ></lib-babylon-dynamic-heading>\n                </div>\n\n                <lib-babylon-booking-widget\n                    id=\"modal\"\n                    widgetId=\"widget-search-modal\"\n                    [hotelId]=\"widgetConfig?.hotelId\"\n                    [ticker]=\"ticker ?? widgetConfig?.ticker ?? ''\"\n                    [type]=\"widgetConfig?.type\"\n                    [engine]=\"widgetConfig.engine\"\n                    theme=\"light\"\n                    layout=\"column\"\n                    layoutColumn=\"true\"\n                    [showPrice]=\"widgetConfig?.showPrice\"\n                    [defaultAdults]=\"widgetConfig?.defaultAdults\"\n                    [defaultChildren]=\"widgetConfig?.defaultChildren\"\n                    [defaultJunior]=\"widgetConfig?.defaultJunior\"\n                    [currency]=\"widgetConfig?.currency\"\n                    [baseUrl]=\"\n                        widgetConfig.engine !== 'witbooking'\n                            ? widgetConfig.baseUrl\n                            : widgetConfig.baseUrl + locale + '/'\n                    \"\n                    [urlChain]=\"widgetConfig?.urlChain\"\n                    [urlHotel]=\"widgetConfig?.urlHotel\"\n                    [showChildAges]=\"widgetConfig?.showChildAges\"\n                    [locale]=\"locale\"\n                    [flagTime]=\"false\"\n                    [maxRooms]=\"widgetConfig?.maxRooms\"\n                    [showAllHotelsOption]=\"widgetConfig.showAllHotelsOption\"\n                    [targetBlank]=\"widgetConfig.targetBlank\"\n                    ngSkipHydration\n                ></lib-babylon-booking-widget>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::ng-deep .mdl-widget-dialog{max-width:100vw!important}::ng-deep .mdl-widget-dialog .mat-mdc-dialog-surface,::ng-deep .mdl-widget-dialog .mat-dialog-container{width:100vw!important;max-width:100vw!important;height:100vh!important;padding:0!important;margin:0!important;border-radius:0!important;background-color:transparent;box-shadow:none}::ng-deep .mdl-widget-backdrop{background-color:#1e1a1ad9!important}.mdl-widget{display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;flex-direction:column;padding:0;margin:0;overflow:hidden}.mdl-widget .mod-close{position:relative;width:30rem;z-index:9}.mdl-widget .mod-close .mdl-widget__close{position:absolute;background-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;border-radius:25px;cursor:pointer;transition:transform .3s ease;transform:rotate(0);display:flex;justify-content:center;align-items:center}.mdl-widget .mod-close .mdl-widget__close:hover{transform:rotate(180deg)}@media (max-width: 1080px){.mdl-widget .mod-close{position:absolute;top:0;width:100vw}.mdl-widget .mod-close .mdl-widget__close{position:absolute;width:3.2rem;height:3.2rem;right:20px;top:20px;z-index:9}}.mdl-widget .mod-layout-wrapper{display:flex;justify-content:center;align-items:stretch;width:100vw;height:100%;position:fixed}@media (max-width: 1080px){.mdl-widget .mod-layout-wrapper{position:relative}}.mdl-widget.has-advantages{width:100vw;max-width:100vw}.mdl-widget.has-advantages .mod-advantages{flex:1;display:flex;flex-direction:column;background-color:var(--cl_engine-bg-modal);padding:200px 60px 40px;justify-content:flex-start;align-items:center}.mdl-widget.has-advantages .mod-advantages .adv-box{width:100%;max-width:600px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header{text-align:center;margin-bottom:40px;min-height:80px}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header .m-texto{font-size:14px;color:var(--cl_engine-text);margin-top:10px}.mdl-widget.has-advantages .mod-advantages .adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 20px}@media (max-width: 600px){.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:1fr}}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item{display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:25px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item:nth-last-child(-n+2){border-bottom:none;padding-bottom:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon{color:var(--cl_engine-text);margin-top:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon .icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;display:block;background:var(--cl_engine-text)}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text{display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text strong{font-size:13px;color:#333;margin-bottom:4px;font-family:var(--font-text);text-transform:uppercase;letter-spacing:1px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text span{font-size:13px;font-family:var(--font-text);color:var(--cl_engine-text);line-height:1.3}.mdl-widget.has-advantages .mod-body{flex:1;background-color:var(--widget-background);padding:120px 60px 40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box}.mdl-widget.has-advantages .mod-body .booking-container{width:100%;max-width:400px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-body .m-title-container{min-height:80px;display:flex;align-items:flex-start;justify-content:center}@media (max-width: 1080px){.mdl-widget.has-advantages{flex-direction:column;height:100vh;min-height:100vh;overflow-y:auto;position:absolute}.mdl-widget.has-advantages .mod-layout-wrapper{flex-direction:column}.mdl-widget.has-advantages .mod-advantages{padding:60px 40px 50px;max-height:60vh;overflow-y:auto}.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:2fr 2fr;gap:20px}.mdl-widget.has-advantages .mod-body{padding:60px 20px 0}}\n"] }]
+                    ], template: "<section\n    id=\"widget-form\"\n    class=\"mdl-widget\"\n    [class.has-advantages]=\"globalInfo\"\n>\n    <div class=\"mod-layout-wrapper\">\n        <div class=\"mod-close\">\n            <button\n                class=\"carousel__button is-close mdl-widget__close\"\n                title=\"Close\"\n                (click)=\"closeModal()\"\n            >\n                <svg\n                    width=\"32\"\n                    height=\"32\"\n                    viewBox=\"0 0 32 32\"\n                    fill=\"none\"\n                    stroke=\"#333\"\n                    stroke-width=\"1\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                    <circle\n                        cx=\"16\"\n                        cy=\"16\"\n                        r=\"15\"\n                        stroke=\"#333\"\n                        fill=\"transparent\"\n                    />\n                    <path d=\"M11 11L21 21M21 11L11 21\" stroke-linecap=\"round\" />\n                </svg>\n            </button>\n        </div>\n        @if (globalInfo) {\n            <div class=\"mod-advantages\">\n                <div class=\"adv-box\">\n                    <div class=\"adv-header\">\n                        <lib-babylon-dynamic-heading\n                            [tag]=\"tags?.title || 'h2'\"\n                            cssClass=\"m-titulo uppercase-title\"\n                            [color]=\"textColors?.title\"\n                            [content]=\"globalInfo.texts?.title || 'VENTAJAS'\"\n                        ></lib-babylon-dynamic-heading>\n                        @if (globalInfo.texts?.description) {\n                            <lib-babylon-dynamic-heading\n                                [tag]=\"tags?.title || 'p'\"\n                                cssClass=\"m-texto\"\n                                [color]=\"textColors?.title\"\n                                [content]=\"globalInfo.texts?.description\"\n                            ></lib-babylon-dynamic-heading>\n                        }\n                    </div>\n\n                    <div class=\"adv-grid\">\n                        @for (adv of globalInfo.items; track $index) {\n                            <div class=\"adv-item\">\n                                <span class=\"adv-icon\">\n                                    <i\n                                        class=\"icon--svg\"\n                                        [ngClass]=\"adv.icon\"\n                                    ></i>\n                                </span>\n                                <div class=\"adv-text\">\n                                    <strong [innerHTML]=\"adv.label\"></strong>\n                                    <span [innerHTML]=\"adv.description\"></span>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n        }\n\n        <div class=\"mod-body\">\n            <div class=\"booking-container\">\n                <div class=\"m-title-container\">\n                    <lib-babylon-dynamic-heading\n                        [tag]=\"tags?.subtitle || 'p'\"\n                        cssClass=\"m-titulo uppercase-title\"\n                        [color]=\"textColors?.subtitle\"\n                        [content]=\"\n                            texts?.title ||\n                            globalInfo?.texts?.subtitle ||\n                            'RESERVA TU HABITACI\u00D3N'\n                        \"\n                    ></lib-babylon-dynamic-heading>\n                </div>\n\n                <lib-babylon-booking-widget\n                    id=\"modal\"\n                    widgetId=\"widget-search-modal\"\n                    [hotelId]=\"widgetConfig?.hotelId\"\n                    [ticker]=\"ticker ?? widgetConfig?.ticker ?? ''\"\n                    [type]=\"widgetConfig?.type\"\n                    [engine]=\"widgetConfig.engine\"\n                    theme=\"light\"\n                    layout=\"column\"\n                    layoutColumn=\"true\"\n                    [showPrice]=\"widgetConfig?.showPrice\"\n                    [defaultAdults]=\"widgetConfig?.defaultAdults\"\n                    [defaultChildren]=\"widgetConfig?.defaultChildren\"\n                    [defaultJunior]=\"widgetConfig?.defaultJunior\"\n                    [currency]=\"widgetConfig?.currency\"\n                    [baseUrl]=\"\n                        widgetConfig.engine !== 'witbooking'\n                            ? widgetConfig.baseUrl\n                            : widgetConfig.baseUrl + locale + '/'\n                    \"\n                    [urlChain]=\"widgetConfig?.urlChain\"\n                    [urlHotel]=\"widgetConfig?.urlHotel\"\n                    [showChildAges]=\"widgetConfig?.showChildAges\"\n                    [locale]=\"locale\"\n                    [flagTime]=\"false\"\n                    [maxRooms]=\"widgetConfig?.maxRooms\"\n                    [showAllHotelsOption]=\"widgetConfig.showAllHotelsOption\"\n                    [targetBlank]=\"widgetConfig.targetBlank\"\n                    ngSkipHydration\n                ></lib-babylon-booking-widget>\n            </div>\n        </div>\n    </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-big-babylon{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:var(--cl_btn-box-text);background-color:var(--cl_btn-box);border-radius:var(--btn_radius);border:1px solid var(--cl_btn-box);transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big-babylon{font-size:1.6rem}}.m-button-big-babylon.red{background-color:#ff4338}@media (hover: hover){.m-button-big-babylon.red:hover{background-color:#ed3b37}}.m-button-big-babylon.blue{background-color:#5b87da}@media (hover: hover){.m-button-big-babylon.blue:hover{background-color:#446ecd}}.m-button-big-babylon.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big-babylon.green:hover{background-color:#2ec99b}}.m-button-big-babylon.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big-babylon.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big-babylon span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big-babylon:hover{background-color:var(--cl_btn-box-hover);color:var(--cl_btn-box-text-hover)}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::ng-deep .mdl-widget-dialog{max-width:100vw!important}::ng-deep .mdl-widget-dialog .mat-mdc-dialog-surface,::ng-deep .mdl-widget-dialog .mat-dialog-container{width:100vw!important;max-width:100vw!important;height:100vh!important;padding:0!important;margin:0!important;border-radius:0!important;background-color:transparent;box-shadow:none}::ng-deep .mdl-widget-backdrop{background-color:#1e1a1ad9!important}.mdl-widget{display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;flex-direction:column;padding:0;margin:0;overflow:hidden}.mdl-widget .mod-close{position:relative;width:30rem;z-index:9}.mdl-widget .mod-close .mdl-widget__close{position:absolute;background-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;border-radius:25px;cursor:pointer;transition:transform .3s ease;transform:rotate(0);display:flex;justify-content:center;align-items:center}.mdl-widget .mod-close .mdl-widget__close:hover{transform:rotate(180deg)}@media (max-width: 1080px){.mdl-widget .mod-close{position:absolute;top:0;width:100vw}.mdl-widget .mod-close .mdl-widget__close{position:absolute;width:3.2rem;height:3.2rem;right:20px;top:20px;z-index:9}}.mdl-widget .mod-layout-wrapper{display:flex;justify-content:center;align-items:stretch;width:100vw;height:100%;position:fixed}@media (max-width: 1080px){.mdl-widget .mod-layout-wrapper{position:relative}}.mdl-widget.has-advantages{width:100vw;max-width:100vw}.mdl-widget.has-advantages .mod-advantages{flex:1;display:flex;flex-direction:column;background-color:var(--cl_engine-bg-modal);padding:200px 60px 40px;justify-content:flex-start;align-items:center}.mdl-widget.has-advantages .mod-advantages .adv-box{width:100%;max-width:600px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header{text-align:center;margin-bottom:40px;min-height:80px}.mdl-widget.has-advantages .mod-advantages ::ng-deep .adv-header .m-texto{font-size:14px;color:var(--cl_engine-text);margin-top:10px}.mdl-widget.has-advantages .mod-advantages .adv-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;overflow:auto;max-height:50vh}@media (max-width: 600px){.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:1fr}}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item{display:flex;gap:15px;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:25px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item:nth-last-child(-n+2){border-bottom:none;padding-bottom:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon{color:var(--cl_engine-text);margin-top:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-icon .icon--svg{width:30px;height:30px;-webkit-mask-size:contain;mask-size:contain;display:block;background:var(--cl_engine-text)}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text{display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text strong{font-size:13px;color:#333;margin-bottom:4px;font-family:var(--font-text);text-transform:uppercase;letter-spacing:1px}.mdl-widget.has-advantages .mod-advantages .adv-grid .adv-item .adv-text span{font-size:13px;font-family:var(--font-text);color:var(--cl_engine-text);line-height:1.3}.mdl-widget.has-advantages .mod-body{flex:1;background-color:var(--widget-background);padding:120px 60px 40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box}.mdl-widget.has-advantages .mod-body .booking-container{width:100%;max-width:400px;display:flex;flex-direction:column}.mdl-widget.has-advantages .mod-body .m-title-container{min-height:80px;display:flex;align-items:flex-start;justify-content:center;margin-bottom:20px}@media (max-width: 1080px){.mdl-widget.has-advantages{flex-direction:column;height:100vh;min-height:100vh;overflow-y:auto;position:absolute}.mdl-widget.has-advantages .mod-layout-wrapper{flex-direction:column}.mdl-widget.has-advantages .mod-advantages{padding:60px 40px 50px;max-height:60vh}.mdl-widget.has-advantages .mod-advantages .adv-grid{grid-template-columns:2fr 2fr;gap:20px;overflow:auto;max-height:25vh}.mdl-widget.has-advantages .mod-body{padding:60px 20px 0}}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.MatDialogRef }], propDecorators: { texts: [{
                 type: Input
             }], locale: [{
@@ -23007,11 +23007,11 @@ class LisC4TxtDesCtaComponent {
         return urlBase;
     }
     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", items: "items", links: "links", additional1LikeMarca: "additional1LikeMarca", showCleanFilters: "showCleanFilters", experiences: "experiences", destinations: "destinations", showDestinations: "showDestinations", showFilters: "showFilters", maxColumns: "maxColumns" }, 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                @if (showFilters) {\n                    <div class=\"m-selects\">\n                        @if (hasActiveFilters && showCleanFilters) {\n                            <button\n                                type=\"button\"\n                                class=\"m-clear\"\n                                (click)=\"clearFilters()\"\n                            >\n                                {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n                            </button>\n                        }\n                        <div class=\"m-select\">\n                            <select\n                                #BrandSel\n                                [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n                                [(ngModel)]=\"selectedBrand\"\n                                (ngModelChange)=\"onBrandChange($event)\"\n                            >\n                                <option value=\"\">\n                                    {{ texts?.marca ?? 'All' }}\n                                </option>\n                                @for (opt of brandOptions; track $index) {\n                                    <option [value]=\"opt\">{{ opt }}</option>\n                                }\n                            </select>\n                        </div>\n                        @if (experienceOptions.length > 0) {\n                            <div class=\"m-select\">\n                                <select\n                                    #ExperienceSel\n                                    aria-label=\"Experiencias\"\n                                    [(ngModel)]=\"selectedExperience\"\n                                    (ngModelChange)=\"onExperienceChange($event)\"\n                                >\n                                    <option value=\"\">Experiencias</option>\n                                    @for (\n                                        opt of experienceOptions;\n                                        track $index\n                                    ) {\n                                        <option [value]=\"opt\">{{ opt }}</option>\n                                    }\n                                </select>\n                            </div>\n                        }\n                        <!--   <div class=\"m-select\">\n                            <select\n                                #hotelTypeSel\n                                [attr.aria-label]=\"\n                                    texts?.hotelType ?? 'hoteles'\n                                \"\n                                [(ngModel)]=\"selectedHotelType\"\n                                (ngModelChange)=\"onHotelTypeChange($event)\"\n                            >\n                                <option value=\"\">{{ texts?.hotelType }}</option>\n                                @for (opt of hotelTypeOptions; track $index) {\n                                    <option [value]=\"opt\">{{ opt }}</option>\n                                }\n                            </select>\n                        </div> -->\n\n                        <div class=\"m-select\">\n                            <select\n                                #Destination\n                                [attr.aria-label]=\"\n                                    texts?.destinations ?? 'destinos'\n                                \"\n                                [(ngModel)]=\"selectedDestination\"\n                                (ngModelChange)=\"onDestinationChange($event)\"\n                            >\n                                <option value=\"\">\n                                    {{ texts?.destinations }}\n                                </option>\n                                @for (opt of destinationOptions; track $index) {\n                                    <option [value]=\"opt\">{{ opt }}</option>\n                                }\n                            </select>\n                        </div>\n                    </div>\n                }\n            </div>\n\n            <div\n                class=\"m-cards-container\"\n                [style.--maxColumns]=\"maxColumns ?? 4\"\n            >\n                @if (filteredItems?.length) {\n                    @for (item of filteredItems; track $index) {\n                        <div\n                            class=\"m-card\"\n                            [ngClass]=\"{\n                                cardempty:\n                                    !getFirstImageByTag(\n                                        tagName,\n                                        item?.images ??\n                                            item?.multimedia?.imagenes ??\n                                            []\n                                    ) &&\n                                    !(\n                                        item.images?.[0] ??\n                                        item?.multimedia?.imagenes?.[0]\n                                    ),\n                            }\"\n                        >\n                            @if (\n                                getFirstImageByTag(\n                                    tagName,\n                                    item.images ??\n                                        item?.multimedia?.imagenes ??\n                                        []\n                                ) ??\n                                    item.images?.[0] ??\n                                    item?.multimedia?.imagenes?.[0];\n                                as img\n                            ) {\n                                <a\n                                    class=\"link-container\"\n                                    [href]=\"item.links?.[0]?.url\"\n                                    [linkType]=\"item.links?.[0]?.linkType\"\n                                    [disablePointerNone]=\"true\"\n                                >\n                                    <div\n                                        class=\"m-card-top\"\n                                        [style.background-image]=\"\n                                            'url(' + img.img?.src + ')'\n                                        \"\n                                    >\n                                        <div class=\"m-tag-left\">\n                                            @if (item.hoteltype) {\n                                                {{ item.hoteltype }}\n                                            }\n                                            <div class=\"m-keys\">\n                                                @if (\n                                                    (item?.hoteltype ===\n                                                        'Hotel' ||\n                                                        item?.hoteltype ===\n                                                            'H\u00F4tel') &&\n                                                    item?.hotelcategory\n                                                ) {\n                                                    <div class=\"category\">\n                                                        @for (\n                                                            item of getNumber(\n                                                                item?.hotelcategory ??\n                                                                    ''\n                                                            );\n                                                            track $index\n                                                        ) {\n                                                            <svg\n                                                                xmlns=\"http://www.w3.org/2000/svg\"\n                                                                width=\"20\"\n                                                                height=\"20\"\n                                                                viewBox=\"0 0 20 20\"\n                                                            >\n                                                                <g\n                                                                    fill=\"none\"\n                                                                    fill-rule=\"evenodd\"\n                                                                >\n                                                                    <g>\n                                                                        <g>\n                                                                            <g\n                                                                                transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n                                                                            >\n                                                                                <g>\n                                                                                    <path\n                                                                                        fill=\"#fff\"\n                                                                                        fill-opacity=\"1\"\n                                                                                        fill-rule=\"nonzero\"\n                                                                                        d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n                                                                                        transform=\"translate(104.000000, 0.000000)\"\n                                                                                    />\n                                                                                </g>\n                                                                            </g>\n                                                                        </g>\n                                                                    </g>\n                                                                </g>\n                                                            </svg>\n                                                        }\n                                                    </div>\n                                                }\n\n                                                @if (\n                                                    (item?.hoteltype ===\n                                                        'Apartamento' ||\n                                                        item?.hoteltype ===\n                                                            'Appartement') &&\n                                                    item?.hotelcategory\n                                                ) {\n                                                    <div class=\"category\">\n                                                        @for (\n                                                            item of getNumber(\n                                                                item?.hotelcategory ??\n                                                                    ''\n                                                            );\n                                                            track $index\n                                                        ) {\n                                                            <svg\n                                                                width=\"13\"\n                                                                height=\"13\"\n                                                                viewBox=\"0 0 13 13\"\n                                                                fill=\"none\"\n                                                                xmlns=\"http://www.w3.org/2000/svg\"\n                                                            >\n                                                                <path\n                                                                    d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n                                                                    fill=\"#fff\"\n                                                                    fill-opacity=\"1\"\n                                                                />\n                                                            </svg>\n                                                        }\n                                                    </div>\n                                                }\n                                            </div>\n                                            {{ showIfSup(item?.hotelcategory) }}\n                                        </div>\n                                        @if (item?.texts?.additional2) {\n                                            <div\n                                                class=\"m-tag-right\"\n                                                [ngClass]=\"{\n                                                    'left-mode':\n                                                        !item.hoteltype,\n                                                }\"\n                                                [style.backgroundColor]=\"\n                                                    item?.styles?.primary ??\n                                                    '#ff4338'\n                                                \"\n                                            >\n                                                {{ item?.texts?.additional2 }}\n                                            </div>\n                                        }\n                                    </div>\n                                </a>\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]=\"\n                                                    getButtonUrl(\n                                                        btn,\n                                                        item,\n                                                        $index\n                                                    )\n                                                \"\n                                                [attr.target]=\"\n                                                    btn.target || '_self'\n                                                \"\n                                                [linkType]=\"btn.linkType\"\n                                                [attr.aria-label]=\"btn.label\"\n                                            >\n                                                <span>{{ btn.label }}</span>\n                                            </a>\n                                        }\n                                    }\n                                </div>\n                            }\n                        </div>\n                    }\n                } @else {\n                    <div class=\"m-empty\">\n                        {{\n                            texts?.notFound ??\n                                'No se encontraron resultados con esos filtros.'\n                        }}\n                    </div>\n                }\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--cl_title);font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:0rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--cl_background_gray) inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:var(--font-text);font-size:1.4rem;font-weight:var(--w_text);color:var(--cl_dropdown-text)}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:var(--font-text);font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:var(--cl_radio);transform:translate(-50%,-50%)}.m-radio-group label{font-family:var(--font-text);font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:var(--font-text);font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:var(--cl_btn-link);text-align:center;font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md002{background-color:var(--cl_background_body)}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .mdl-container .m-content-top .m-title{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:var(--cl_btn-link);border:.1rem solid var(--cl_btn-link);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:var(--font-text);font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:var(--cl_btn-link);font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(var(--maxColumns),1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .link-container{width:100%;height:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right.left-mode{left:3rem;right:auto}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{left:3rem;right:auto!important;top:6rem!important}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:var(--font-text);font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:var(--cl_btn-link)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:var(--font-text);font-weight:500;font-size:2.3rem;color:var(--cl_title)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:var(--font-text);font-weight:400;font-size:1.6rem;line-height:2.8rem;color:var(--cl_btn-link)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0}.mdl-md002 .m-but.m-underline span{color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:after{background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-empty{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC4TxtDesCtaComponent, isStandalone: true, selector: "lis-c4-txt-des-cta", inputs: { texts: "texts", items: "items", links: "links", additional1LikeMarca: "additional1LikeMarca", showCleanFilters: "showCleanFilters", experiences: "experiences", destinations: "destinations", showDestinations: "showDestinations", showFilters: "showFilters", maxColumns: "maxColumns" }, 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                @if (showFilters) {\n                    <div class=\"m-selects\">\n                        @if (hasActiveFilters && showCleanFilters) {\n                            <button\n                                type=\"button\"\n                                class=\"m-clear\"\n                                (click)=\"clearFilters()\"\n                            >\n                                {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n                            </button>\n                        }\n                        <div class=\"m-select\">\n                            <select\n                                #BrandSel\n                                [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n                                [(ngModel)]=\"selectedBrand\"\n                                (ngModelChange)=\"onBrandChange($event)\"\n                            >\n                                <option value=\"\">\n                                    {{ texts?.marca ?? 'All' }}\n                                </option>\n                                @for (opt of brandOptions; track $index) {\n                                    <option [value]=\"opt\">{{ opt }}</option>\n                                }\n                            </select>\n                        </div>\n                        @if (experienceOptions.length > 0) {\n                            <div class=\"m-select\">\n                                <select\n                                    #ExperienceSel\n                                    aria-label=\"Experiencias\"\n                                    [(ngModel)]=\"selectedExperience\"\n                                    (ngModelChange)=\"onExperienceChange($event)\"\n                                >\n                                    <option value=\"\">Experiencias</option>\n                                    @for (\n                                        opt of experienceOptions;\n                                        track $index\n                                    ) {\n                                        <option [value]=\"opt\">{{ opt }}</option>\n                                    }\n                                </select>\n                            </div>\n                        }\n                        @if (texts?.hotelType) {\n                            <div class=\"m-select\">\n                                <select\n                                    #hotelTypeSel\n                                    [attr.aria-label]=\"\n                                        texts?.hotelType ?? 'hoteles'\n                                    \"\n                                    [(ngModel)]=\"selectedHotelType\"\n                                    (ngModelChange)=\"onHotelTypeChange($event)\"\n                                >\n                                    <option value=\"\">\n                                        {{ texts?.hotelType }}\n                                    </option>\n                                    @for (\n                                        opt of hotelTypeOptions;\n                                        track $index\n                                    ) {\n                                        <option [value]=\"opt\">{{ opt }}</option>\n                                    }\n                                </select>\n                            </div>\n                        }\n\n                        <div class=\"m-select\">\n                            <select\n                                #Destination\n                                [attr.aria-label]=\"\n                                    texts?.destinations ?? 'destinos'\n                                \"\n                                [(ngModel)]=\"selectedDestination\"\n                                (ngModelChange)=\"onDestinationChange($event)\"\n                            >\n                                <option value=\"\">\n                                    {{ texts?.destinations }}\n                                </option>\n                                @for (opt of destinationOptions; track $index) {\n                                    <option [value]=\"opt\">{{ opt }}</option>\n                                }\n                            </select>\n                        </div>\n                    </div>\n                }\n            </div>\n\n            <div\n                class=\"m-cards-container\"\n                [style.--maxColumns]=\"maxColumns ?? 4\"\n            >\n                @if (filteredItems?.length) {\n                    @for (item of filteredItems; track $index) {\n                        <div\n                            class=\"m-card\"\n                            [ngClass]=\"{\n                                cardempty:\n                                    !getFirstImageByTag(\n                                        tagName,\n                                        item?.images ??\n                                            item?.multimedia?.imagenes ??\n                                            []\n                                    ) &&\n                                    !(\n                                        item.images?.[0] ??\n                                        item?.multimedia?.imagenes?.[0]\n                                    ),\n                            }\"\n                        >\n                            @if (\n                                getFirstImageByTag(\n                                    tagName,\n                                    item.images ??\n                                        item?.multimedia?.imagenes ??\n                                        []\n                                ) ??\n                                    item.images?.[0] ??\n                                    item?.multimedia?.imagenes?.[0];\n                                as img\n                            ) {\n                                <a\n                                    class=\"link-container\"\n                                    [href]=\"item.links?.[0]?.url\"\n                                    [linkType]=\"item.links?.[0]?.linkType\"\n                                    [disablePointerNone]=\"true\"\n                                >\n                                    <div\n                                        class=\"m-card-top\"\n                                        [style.background-image]=\"\n                                            'url(' + img.img?.src + ')'\n                                        \"\n                                    >\n                                        <div class=\"m-tag-left\">\n                                            @if (item.hoteltype) {\n                                                {{ item.hoteltype }}\n                                            }\n                                            <div class=\"m-keys\">\n                                                @if (\n                                                    (item?.hoteltype ===\n                                                        'Hotel' ||\n                                                        item?.hoteltype ===\n                                                            'H\u00F4tel') &&\n                                                    item?.hotelcategory\n                                                ) {\n                                                    <div class=\"category\">\n                                                        @for (\n                                                            item of getNumber(\n                                                                item?.hotelcategory ??\n                                                                    ''\n                                                            );\n                                                            track $index\n                                                        ) {\n                                                            <svg\n                                                                xmlns=\"http://www.w3.org/2000/svg\"\n                                                                width=\"20\"\n                                                                height=\"20\"\n                                                                viewBox=\"0 0 20 20\"\n                                                            >\n                                                                <g\n                                                                    fill=\"none\"\n                                                                    fill-rule=\"evenodd\"\n                                                                >\n                                                                    <g>\n                                                                        <g>\n                                                                            <g\n                                                                                transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n                                                                            >\n                                                                                <g>\n                                                                                    <path\n                                                                                        fill=\"#fff\"\n                                                                                        fill-opacity=\"1\"\n                                                                                        fill-rule=\"nonzero\"\n                                                                                        d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n                                                                                        transform=\"translate(104.000000, 0.000000)\"\n                                                                                    />\n                                                                                </g>\n                                                                            </g>\n                                                                        </g>\n                                                                    </g>\n                                                                </g>\n                                                            </svg>\n                                                        }\n                                                    </div>\n                                                }\n\n                                                @if (\n                                                    (item?.hoteltype ===\n                                                        'Apartamento' ||\n                                                        item?.hoteltype ===\n                                                            'Appartement') &&\n                                                    item?.hotelcategory\n                                                ) {\n                                                    <div class=\"category\">\n                                                        @for (\n                                                            item of getNumber(\n                                                                item?.hotelcategory ??\n                                                                    ''\n                                                            );\n                                                            track $index\n                                                        ) {\n                                                            <svg\n                                                                width=\"13\"\n                                                                height=\"13\"\n                                                                viewBox=\"0 0 13 13\"\n                                                                fill=\"none\"\n                                                                xmlns=\"http://www.w3.org/2000/svg\"\n                                                            >\n                                                                <path\n                                                                    d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n                                                                    fill=\"#fff\"\n                                                                    fill-opacity=\"1\"\n                                                                />\n                                                            </svg>\n                                                        }\n                                                    </div>\n                                                }\n                                            </div>\n                                            {{ showIfSup(item?.hotelcategory) }}\n                                        </div>\n                                        @if (item?.texts?.additional2) {\n                                            <div\n                                                class=\"m-tag-right\"\n                                                [ngClass]=\"{\n                                                    'left-mode':\n                                                        !item.hoteltype,\n                                                }\"\n                                                [style.backgroundColor]=\"\n                                                    item?.styles?.primary ??\n                                                    '#ff4338'\n                                                \"\n                                            >\n                                                {{ item?.texts?.additional2 }}\n                                            </div>\n                                        }\n                                    </div>\n                                </a>\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]=\"\n                                                    getButtonUrl(\n                                                        btn,\n                                                        item,\n                                                        $index\n                                                    )\n                                                \"\n                                                [attr.target]=\"\n                                                    btn.target || '_self'\n                                                \"\n                                                [linkType]=\"btn.linkType\"\n                                                [attr.aria-label]=\"btn.label\"\n                                            >\n                                                <span>{{ btn.label }}</span>\n                                            </a>\n                                        }\n                                    }\n                                </div>\n                            }\n                        </div>\n                    }\n                } @else {\n                    <div class=\"m-empty\">\n                        {{\n                            texts?.notFound ??\n                                'No se encontraron resultados con esos filtros.'\n                        }}\n                    </div>\n                }\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--cl_title);font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:0rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--cl_background_gray) inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:var(--font-text);font-size:1.4rem;font-weight:var(--w_text);color:var(--cl_dropdown-text)}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:var(--font-text);font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:var(--cl_radio);transform:translate(-50%,-50%)}.m-radio-group label{font-family:var(--font-text);font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:var(--font-text);font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:var(--cl_btn-link);text-align:center;font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md002{background-color:var(--cl_background_body)}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .mdl-container .m-content-top .m-title{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:var(--cl_btn-link);border:.1rem solid var(--cl_btn-link);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:var(--font-text);font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:var(--cl_btn-link);font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(var(--maxColumns),1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .link-container{width:100%;height:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right.left-mode{left:3rem;right:auto}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{left:3rem;right:auto!important;top:6rem!important}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:var(--font-text);font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:var(--cl_btn-link)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:var(--font-text);font-weight:500;font-size:2.3rem;color:var(--cl_title)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:var(--font-text);font-weight:400;font-size:1.6rem;line-height:2.8rem;color:var(--cl_btn-link)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0}.mdl-md002 .m-but.m-underline span{color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:after{background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-empty{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC4TxtDesCtaComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lis-c4-txt-des-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective, FormsModule], template: "@if (items?.length) {\n    <section class=\"mdl-md002\">\n        <div class=\"mdl-container\">\n            <div class=\"m-content-top\">\n                @if (texts?.title) {\n                    <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n                }\n                @if (showFilters) {\n                    <div class=\"m-selects\">\n                        @if (hasActiveFilters && showCleanFilters) {\n                            <button\n                                type=\"button\"\n                                class=\"m-clear\"\n                                (click)=\"clearFilters()\"\n                            >\n                                {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n                            </button>\n                        }\n                        <div class=\"m-select\">\n                            <select\n                                #BrandSel\n                                [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n                                [(ngModel)]=\"selectedBrand\"\n                                (ngModelChange)=\"onBrandChange($event)\"\n                            >\n                                <option value=\"\">\n                                    {{ texts?.marca ?? 'All' }}\n                                </option>\n                                @for (opt of brandOptions; track $index) {\n                                    <option [value]=\"opt\">{{ opt }}</option>\n                                }\n                            </select>\n                        </div>\n                        @if (experienceOptions.length > 0) {\n                            <div class=\"m-select\">\n                                <select\n                                    #ExperienceSel\n                                    aria-label=\"Experiencias\"\n                                    [(ngModel)]=\"selectedExperience\"\n                                    (ngModelChange)=\"onExperienceChange($event)\"\n                                >\n                                    <option value=\"\">Experiencias</option>\n                                    @for (\n                                        opt of experienceOptions;\n                                        track $index\n                                    ) {\n                                        <option [value]=\"opt\">{{ opt }}</option>\n                                    }\n                                </select>\n                            </div>\n                        }\n                        <!--   <div class=\"m-select\">\n                            <select\n                                #hotelTypeSel\n                                [attr.aria-label]=\"\n                                    texts?.hotelType ?? 'hoteles'\n                                \"\n                                [(ngModel)]=\"selectedHotelType\"\n                                (ngModelChange)=\"onHotelTypeChange($event)\"\n                            >\n                                <option value=\"\">{{ texts?.hotelType }}</option>\n                                @for (opt of hotelTypeOptions; track $index) {\n                                    <option [value]=\"opt\">{{ opt }}</option>\n                                }\n                            </select>\n                        </div> -->\n\n                        <div class=\"m-select\">\n                            <select\n                                #Destination\n                                [attr.aria-label]=\"\n                                    texts?.destinations ?? 'destinos'\n                                \"\n                                [(ngModel)]=\"selectedDestination\"\n                                (ngModelChange)=\"onDestinationChange($event)\"\n                            >\n                                <option value=\"\">\n                                    {{ texts?.destinations }}\n                                </option>\n                                @for (opt of destinationOptions; track $index) {\n                                    <option [value]=\"opt\">{{ opt }}</option>\n                                }\n                            </select>\n                        </div>\n                    </div>\n                }\n            </div>\n\n            <div\n                class=\"m-cards-container\"\n                [style.--maxColumns]=\"maxColumns ?? 4\"\n            >\n                @if (filteredItems?.length) {\n                    @for (item of filteredItems; track $index) {\n                        <div\n                            class=\"m-card\"\n                            [ngClass]=\"{\n                                cardempty:\n                                    !getFirstImageByTag(\n                                        tagName,\n                                        item?.images ??\n                                            item?.multimedia?.imagenes ??\n                                            []\n                                    ) &&\n                                    !(\n                                        item.images?.[0] ??\n                                        item?.multimedia?.imagenes?.[0]\n                                    ),\n                            }\"\n                        >\n                            @if (\n                                getFirstImageByTag(\n                                    tagName,\n                                    item.images ??\n                                        item?.multimedia?.imagenes ??\n                                        []\n                                ) ??\n                                    item.images?.[0] ??\n                                    item?.multimedia?.imagenes?.[0];\n                                as img\n                            ) {\n                                <a\n                                    class=\"link-container\"\n                                    [href]=\"item.links?.[0]?.url\"\n                                    [linkType]=\"item.links?.[0]?.linkType\"\n                                    [disablePointerNone]=\"true\"\n                                >\n                                    <div\n                                        class=\"m-card-top\"\n                                        [style.background-image]=\"\n                                            'url(' + img.img?.src + ')'\n                                        \"\n                                    >\n                                        <div class=\"m-tag-left\">\n                                            @if (item.hoteltype) {\n                                                {{ item.hoteltype }}\n                                            }\n                                            <div class=\"m-keys\">\n                                                @if (\n                                                    (item?.hoteltype ===\n                                                        'Hotel' ||\n                                                        item?.hoteltype ===\n                                                            'H\u00F4tel') &&\n                                                    item?.hotelcategory\n                                                ) {\n                                                    <div class=\"category\">\n                                                        @for (\n                                                            item of getNumber(\n                                                                item?.hotelcategory ??\n                                                                    ''\n                                                            );\n                                                            track $index\n                                                        ) {\n                                                            <svg\n                                                                xmlns=\"http://www.w3.org/2000/svg\"\n                                                                width=\"20\"\n                                                                height=\"20\"\n                                                                viewBox=\"0 0 20 20\"\n                                                            >\n                                                                <g\n                                                                    fill=\"none\"\n                                                                    fill-rule=\"evenodd\"\n                                                                >\n                                                                    <g>\n                                                                        <g>\n                                                                            <g\n                                                                                transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n                                                                            >\n                                                                                <g>\n                                                                                    <path\n                                                                                        fill=\"#fff\"\n                                                                                        fill-opacity=\"1\"\n                                                                                        fill-rule=\"nonzero\"\n                                                                                        d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n                                                                                        transform=\"translate(104.000000, 0.000000)\"\n                                                                                    />\n                                                                                </g>\n                                                                            </g>\n                                                                        </g>\n                                                                    </g>\n                                                                </g>\n                                                            </svg>\n                                                        }\n                                                    </div>\n                                                }\n\n                                                @if (\n                                                    (item?.hoteltype ===\n                                                        'Apartamento' ||\n                                                        item?.hoteltype ===\n                                                            'Appartement') &&\n                                                    item?.hotelcategory\n                                                ) {\n                                                    <div class=\"category\">\n                                                        @for (\n                                                            item of getNumber(\n                                                                item?.hotelcategory ??\n                                                                    ''\n                                                            );\n                                                            track $index\n                                                        ) {\n                                                            <svg\n                                                                width=\"13\"\n                                                                height=\"13\"\n                                                                viewBox=\"0 0 13 13\"\n                                                                fill=\"none\"\n                                                                xmlns=\"http://www.w3.org/2000/svg\"\n                                                            >\n                                                                <path\n                                                                    d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n                                                                    fill=\"#fff\"\n                                                                    fill-opacity=\"1\"\n                                                                />\n                                                            </svg>\n                                                        }\n                                                    </div>\n                                                }\n                                            </div>\n                                            {{ showIfSup(item?.hotelcategory) }}\n                                        </div>\n                                        @if (item?.texts?.additional2) {\n                                            <div\n                                                class=\"m-tag-right\"\n                                                [ngClass]=\"{\n                                                    'left-mode':\n                                                        !item.hoteltype,\n                                                }\"\n                                                [style.backgroundColor]=\"\n                                                    item?.styles?.primary ??\n                                                    '#ff4338'\n                                                \"\n                                            >\n                                                {{ item?.texts?.additional2 }}\n                                            </div>\n                                        }\n                                    </div>\n                                </a>\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]=\"\n                                                    getButtonUrl(\n                                                        btn,\n                                                        item,\n                                                        $index\n                                                    )\n                                                \"\n                                                [attr.target]=\"\n                                                    btn.target || '_self'\n                                                \"\n                                                [linkType]=\"btn.linkType\"\n                                                [attr.aria-label]=\"btn.label\"\n                                            >\n                                                <span>{{ btn.label }}</span>\n                                            </a>\n                                        }\n                                    }\n                                </div>\n                            }\n                        </div>\n                    }\n                } @else {\n                    <div class=\"m-empty\">\n                        {{\n                            texts?.notFound ??\n                                'No se encontraron resultados con esos filtros.'\n                        }}\n                    </div>\n                }\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--cl_title);font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:0rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--cl_background_gray) inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:var(--font-text);font-size:1.4rem;font-weight:var(--w_text);color:var(--cl_dropdown-text)}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:var(--font-text);font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:var(--cl_radio);transform:translate(-50%,-50%)}.m-radio-group label{font-family:var(--font-text);font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:var(--font-text);font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:var(--cl_btn-link);text-align:center;font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md002{background-color:var(--cl_background_body)}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .mdl-container .m-content-top .m-title{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:var(--cl_btn-link);border:.1rem solid var(--cl_btn-link);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:var(--font-text);font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:var(--cl_btn-link);font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(var(--maxColumns),1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .link-container{width:100%;height:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right.left-mode{left:3rem;right:auto}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{left:3rem;right:auto!important;top:6rem!important}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:var(--font-text);font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:var(--cl_btn-link)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:var(--font-text);font-weight:500;font-size:2.3rem;color:var(--cl_title)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:var(--font-text);font-weight:400;font-size:1.6rem;line-height:2.8rem;color:var(--cl_btn-link)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0}.mdl-md002 .m-but.m-underline span{color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:after{background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-empty{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}\n"] }]
+            args: [{ selector: 'lis-c4-txt-des-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective, FormsModule], template: "@if (items?.length) {\n    <section class=\"mdl-md002\">\n        <div class=\"mdl-container\">\n            <div class=\"m-content-top\">\n                @if (texts?.title) {\n                    <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n                }\n                @if (showFilters) {\n                    <div class=\"m-selects\">\n                        @if (hasActiveFilters && showCleanFilters) {\n                            <button\n                                type=\"button\"\n                                class=\"m-clear\"\n                                (click)=\"clearFilters()\"\n                            >\n                                {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n                            </button>\n                        }\n                        <div class=\"m-select\">\n                            <select\n                                #BrandSel\n                                [attr.aria-label]=\"texts?.marca ?? 'marca'\"\n                                [(ngModel)]=\"selectedBrand\"\n                                (ngModelChange)=\"onBrandChange($event)\"\n                            >\n                                <option value=\"\">\n                                    {{ texts?.marca ?? 'All' }}\n                                </option>\n                                @for (opt of brandOptions; track $index) {\n                                    <option [value]=\"opt\">{{ opt }}</option>\n                                }\n                            </select>\n                        </div>\n                        @if (experienceOptions.length > 0) {\n                            <div class=\"m-select\">\n                                <select\n                                    #ExperienceSel\n                                    aria-label=\"Experiencias\"\n                                    [(ngModel)]=\"selectedExperience\"\n                                    (ngModelChange)=\"onExperienceChange($event)\"\n                                >\n                                    <option value=\"\">Experiencias</option>\n                                    @for (\n                                        opt of experienceOptions;\n                                        track $index\n                                    ) {\n                                        <option [value]=\"opt\">{{ opt }}</option>\n                                    }\n                                </select>\n                            </div>\n                        }\n                        @if (texts?.hotelType) {\n                            <div class=\"m-select\">\n                                <select\n                                    #hotelTypeSel\n                                    [attr.aria-label]=\"\n                                        texts?.hotelType ?? 'hoteles'\n                                    \"\n                                    [(ngModel)]=\"selectedHotelType\"\n                                    (ngModelChange)=\"onHotelTypeChange($event)\"\n                                >\n                                    <option value=\"\">\n                                        {{ texts?.hotelType }}\n                                    </option>\n                                    @for (\n                                        opt of hotelTypeOptions;\n                                        track $index\n                                    ) {\n                                        <option [value]=\"opt\">{{ opt }}</option>\n                                    }\n                                </select>\n                            </div>\n                        }\n\n                        <div class=\"m-select\">\n                            <select\n                                #Destination\n                                [attr.aria-label]=\"\n                                    texts?.destinations ?? 'destinos'\n                                \"\n                                [(ngModel)]=\"selectedDestination\"\n                                (ngModelChange)=\"onDestinationChange($event)\"\n                            >\n                                <option value=\"\">\n                                    {{ texts?.destinations }}\n                                </option>\n                                @for (opt of destinationOptions; track $index) {\n                                    <option [value]=\"opt\">{{ opt }}</option>\n                                }\n                            </select>\n                        </div>\n                    </div>\n                }\n            </div>\n\n            <div\n                class=\"m-cards-container\"\n                [style.--maxColumns]=\"maxColumns ?? 4\"\n            >\n                @if (filteredItems?.length) {\n                    @for (item of filteredItems; track $index) {\n                        <div\n                            class=\"m-card\"\n                            [ngClass]=\"{\n                                cardempty:\n                                    !getFirstImageByTag(\n                                        tagName,\n                                        item?.images ??\n                                            item?.multimedia?.imagenes ??\n                                            []\n                                    ) &&\n                                    !(\n                                        item.images?.[0] ??\n                                        item?.multimedia?.imagenes?.[0]\n                                    ),\n                            }\"\n                        >\n                            @if (\n                                getFirstImageByTag(\n                                    tagName,\n                                    item.images ??\n                                        item?.multimedia?.imagenes ??\n                                        []\n                                ) ??\n                                    item.images?.[0] ??\n                                    item?.multimedia?.imagenes?.[0];\n                                as img\n                            ) {\n                                <a\n                                    class=\"link-container\"\n                                    [href]=\"item.links?.[0]?.url\"\n                                    [linkType]=\"item.links?.[0]?.linkType\"\n                                    [disablePointerNone]=\"true\"\n                                >\n                                    <div\n                                        class=\"m-card-top\"\n                                        [style.background-image]=\"\n                                            'url(' + img.img?.src + ')'\n                                        \"\n                                    >\n                                        <div class=\"m-tag-left\">\n                                            @if (item.hoteltype) {\n                                                {{ item.hoteltype }}\n                                            }\n                                            <div class=\"m-keys\">\n                                                @if (\n                                                    (item?.hoteltype ===\n                                                        'Hotel' ||\n                                                        item?.hoteltype ===\n                                                            'H\u00F4tel') &&\n                                                    item?.hotelcategory\n                                                ) {\n                                                    <div class=\"category\">\n                                                        @for (\n                                                            item of getNumber(\n                                                                item?.hotelcategory ??\n                                                                    ''\n                                                            );\n                                                            track $index\n                                                        ) {\n                                                            <svg\n                                                                xmlns=\"http://www.w3.org/2000/svg\"\n                                                                width=\"20\"\n                                                                height=\"20\"\n                                                                viewBox=\"0 0 20 20\"\n                                                            >\n                                                                <g\n                                                                    fill=\"none\"\n                                                                    fill-rule=\"evenodd\"\n                                                                >\n                                                                    <g>\n                                                                        <g>\n                                                                            <g\n                                                                                transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n                                                                            >\n                                                                                <g>\n                                                                                    <path\n                                                                                        fill=\"#fff\"\n                                                                                        fill-opacity=\"1\"\n                                                                                        fill-rule=\"nonzero\"\n                                                                                        d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n                                                                                        transform=\"translate(104.000000, 0.000000)\"\n                                                                                    />\n                                                                                </g>\n                                                                            </g>\n                                                                        </g>\n                                                                    </g>\n                                                                </g>\n                                                            </svg>\n                                                        }\n                                                    </div>\n                                                }\n\n                                                @if (\n                                                    (item?.hoteltype ===\n                                                        'Apartamento' ||\n                                                        item?.hoteltype ===\n                                                            'Appartement') &&\n                                                    item?.hotelcategory\n                                                ) {\n                                                    <div class=\"category\">\n                                                        @for (\n                                                            item of getNumber(\n                                                                item?.hotelcategory ??\n                                                                    ''\n                                                            );\n                                                            track $index\n                                                        ) {\n                                                            <svg\n                                                                width=\"13\"\n                                                                height=\"13\"\n                                                                viewBox=\"0 0 13 13\"\n                                                                fill=\"none\"\n                                                                xmlns=\"http://www.w3.org/2000/svg\"\n                                                            >\n                                                                <path\n                                                                    d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n                                                                    fill=\"#fff\"\n                                                                    fill-opacity=\"1\"\n                                                                />\n                                                            </svg>\n                                                        }\n                                                    </div>\n                                                }\n                                            </div>\n                                            {{ showIfSup(item?.hotelcategory) }}\n                                        </div>\n                                        @if (item?.texts?.additional2) {\n                                            <div\n                                                class=\"m-tag-right\"\n                                                [ngClass]=\"{\n                                                    'left-mode':\n                                                        !item.hoteltype,\n                                                }\"\n                                                [style.backgroundColor]=\"\n                                                    item?.styles?.primary ??\n                                                    '#ff4338'\n                                                \"\n                                            >\n                                                {{ item?.texts?.additional2 }}\n                                            </div>\n                                        }\n                                    </div>\n                                </a>\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]=\"\n                                                    getButtonUrl(\n                                                        btn,\n                                                        item,\n                                                        $index\n                                                    )\n                                                \"\n                                                [attr.target]=\"\n                                                    btn.target || '_self'\n                                                \"\n                                                [linkType]=\"btn.linkType\"\n                                                [attr.aria-label]=\"btn.label\"\n                                            >\n                                                <span>{{ btn.label }}</span>\n                                            </a>\n                                        }\n                                    }\n                                </div>\n                            }\n                        </div>\n                    }\n                } @else {\n                    <div class=\"m-empty\">\n                        {{\n                            texts?.notFound ??\n                                'No se encontraron resultados con esos filtros.'\n                        }}\n                    </div>\n                }\n            </div>\n        </div>\n    </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--cl_title);font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:0rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:var(--cl_btn-link);display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:var(--cl_btn-link);z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:var(--font-text);font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:var(--font-text);font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--cl_background_gray) inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:var(--font-text);font-size:1.4rem;font-weight:var(--w_text);color:var(--cl_dropdown-text)}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:var(--font-text);font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:var(--cl_radio);transform:translate(-50%,-50%)}.m-radio-group label{font-family:var(--font-text);font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:var(--font-text);font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:var(--cl_btn-link);text-align:center;font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md002{background-color:var(--cl_background_body)}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .mdl-container .m-content-top .m-title{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:var(--cl_btn-link);border:.1rem solid var(--cl_btn-link);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:var(--font-text);font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:var(--cl_btn-link);font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(var(--maxColumns),1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .link-container{width:100%;height:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem;margin-inline:auto}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:var(--font-text);font-weight:400;font-size:1.8rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem;align-items:center}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right.left-mode{left:3rem;right:auto}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{left:3rem;right:auto!important;top:6rem!important}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:var(--font-text);font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:var(--cl_btn-link)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:var(--font-text);font-weight:500;font-size:2.3rem;color:var(--cl_title)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:var(--font-text);font-weight:400;font-size:1.6rem;line-height:2.8rem;color:var(--cl_btn-link)}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}.mdl-md002 .mdl-container .m-content-top .m-selects{flex-direction:column}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.mdl-md002 .m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.mdl-md002 .m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.mdl-md002 .m-button-sm{border:0;background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-button-sm:hover{background-color:var(--btn-hover-dynamic, #ed3b37)!important}.mdl-md002 .m-but.m-underline{background:transparent;border:0}.mdl-md002 .m-but.m-underline span{color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-but.m-underline:after{background-color:var(--btn-primary-dynamic, #ff4338)!important}.mdl-md002 .m-empty{font-family:var(--font-text);font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .m-empty{font-size:2.4rem;line-height:3rem}}.mdl-md002 .m-empty{width:100%;max-width:54.4rem;color:var(--cl_btn-link);font-weight:400}\n"] }]
         }], propDecorators: { texts: [{
                 type: Input
             }], items: [{