ctt-babylon 0.12.4 → 0.12.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/core/babylon-booking-widget/babylon-booking-widget.component.mjs +15 -9
- package/esm2022/lib/components/core/babylon-engine-widget-modal/babylon-engine-widget-modal.component.mjs +7 -3
- package/esm2022/lib/components/core/babylon-he-svg-list/babylon-he-svg-list.component.mjs +9 -3
- package/esm2022/lib/components/external/core/c4-me-txt-svg-cta/c4-me-txt-svg-cta.component.mjs +3 -6
- package/esm2022/lib/interfaces/babylon-text-info.interface.mjs +1 -1
- package/fesm2022/ctt-babylon.mjs +30 -17
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-booking-widget/babylon-booking-widget.component.d.ts +3 -2
- package/lib/components/core/babylon-engine-widget-modal/babylon-engine-widget-modal.component.d.ts +3 -1
- package/lib/components/core/babylon-he-svg-list/babylon-he-svg-list.component.d.ts +3 -1
- package/lib/components/external/core/c4-me-txt-svg-cta/c4-me-txt-svg-cta.component.d.ts +1 -2
- package/lib/interfaces/babylon-text-info.interface.d.ts +1 -0
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -6454,17 +6454,21 @@ class BabylonBookingWidgetComponent {
|
|
|
6454
6454
|
this.showPromoCode = true;
|
|
6455
6455
|
this.showChildAges = true;
|
|
6456
6456
|
this.maxChildren = 2;
|
|
6457
|
+
this.flagTime = true;
|
|
6457
6458
|
this.mounted = false;
|
|
6458
6459
|
if (!isPlatformBrowser(platformId))
|
|
6459
6460
|
return;
|
|
6460
6461
|
afterNextRender(() => {
|
|
6461
|
-
|
|
6462
|
-
|
|
6463
|
-
|
|
6464
|
-
|
|
6465
|
-
|
|
6466
|
-
|
|
6467
|
-
|
|
6462
|
+
setTimeout(() => {
|
|
6463
|
+
//Wait for inputs
|
|
6464
|
+
this.zone.runOutsideAngular(async () => {
|
|
6465
|
+
if (this.mounted)
|
|
6466
|
+
return;
|
|
6467
|
+
// ⬇️ PON AQUÍ la URL real del script de Witbooking
|
|
6468
|
+
await this.loader.load();
|
|
6469
|
+
this.mount();
|
|
6470
|
+
});
|
|
6471
|
+
}, this.flagTime ? 3000 : 0);
|
|
6468
6472
|
});
|
|
6469
6473
|
}
|
|
6470
6474
|
mount() {
|
|
@@ -6484,7 +6488,7 @@ class BabylonBookingWidgetComponent {
|
|
|
6484
6488
|
}
|
|
6485
6489
|
}
|
|
6486
6490
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBookingWidgetComponent, deps: [{ token: PLATFORM_ID }, { token: i0.NgZone }, { token: BabylonWidgetSearchLoaderService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6487
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonBookingWidgetComponent, isStandalone: true, selector: "lib-babylon-booking-widget", inputs: { widgetId: "widgetId", hotelId: "hotelId", type: "type", theme: "theme", currency: "currency", locale: "locale", layout: "layout", defaultAdults: "defaultAdults", defaultChildren: "defaultChildren", showPrice: "showPrice", showHotelSelector: "showHotelSelector", showPromoCode: "showPromoCode", showChildAges: "showChildAges", maxChildren: "maxChildren", baseUrl: "baseUrl", urlChain: "urlChain", urlHotel: "urlHotel", buttonText: "buttonText" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: ["widgetContainer"], descendants: true, static: true }], ngImport: i0, template: `
|
|
6491
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonBookingWidgetComponent, isStandalone: true, selector: "lib-babylon-booking-widget", inputs: { widgetId: "widgetId", hotelId: "hotelId", type: "type", theme: "theme", currency: "currency", locale: "locale", layout: "layout", defaultAdults: "defaultAdults", defaultChildren: "defaultChildren", showPrice: "showPrice", showHotelSelector: "showHotelSelector", showPromoCode: "showPromoCode", showChildAges: "showChildAges", maxChildren: "maxChildren", baseUrl: "baseUrl", urlChain: "urlChain", urlHotel: "urlHotel", buttonText: "buttonText", flagTime: "flagTime" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: ["widgetContainer"], descendants: true, static: true }], ngImport: i0, template: `
|
|
6488
6492
|
<div
|
|
6489
6493
|
#widgetContainer
|
|
6490
6494
|
[id]="widgetId"
|
|
@@ -6579,6 +6583,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6579
6583
|
type: Input
|
|
6580
6584
|
}], buttonText: [{
|
|
6581
6585
|
type: Input
|
|
6586
|
+
}], flagTime: [{
|
|
6587
|
+
type: Input
|
|
6582
6588
|
}] } });
|
|
6583
6589
|
|
|
6584
6590
|
class BabylonBreadcrumbComponent {
|
|
@@ -8370,13 +8376,17 @@ class BabylonEngineWidgetModalComponent {
|
|
|
8370
8376
|
this.dialogRef.close();
|
|
8371
8377
|
}
|
|
8372
8378
|
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 }); }
|
|
8373
|
-
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" }, outputs: { close: "close" }, ngImport: i0, template: "<section id=\"widget-form\" class=\"mdl-widget\">\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 xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M20 20L4 4m16 0L4 20\"></path>\n </svg>\n </button>\n </div>\n <div class=\"mod-body\">\n @if (texts?.title) {\n <div class=\"m-title\">{{ texts?.title }}</div>\n }\n <lib-babylon-booking-widget\n id=\"modal\"\n widgetId=\"widget-search-modal\"\n hotelId=\"alecad\"\n type=\"chain\"\n theme=\"light\"\n layout=\"column\"\n [showPrice]=\"false\"\n [defaultAdults]=\"2\"\n [defaultChildren]=\"2\"\n baseUrl=\"\"\n urlChain=\"\"\n ngSkipHydration\n ></lib-babylon-booking-widget>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mat-mdc-dialog-surface,.mat-dialog-container{padding:0!important;background-color:transparent;box-shadow:none;overflow:visible}.mdl-widget{display:block;width:100%;border-radius:.4rem;padding:0;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.mdl-widget .mod-body{background:var(--cl_background-modal-lang);border-radius:5px;padding:10px 50px}@media (max-width: 1080px){.mdl-widget .mod-body{position:fixed;height:100vh;width:100vw}}.mdl-widget .m-title{font-family:kinda,sans-serif;font-weight:400;font-size:20rem;line-height:13rem;margin-top:-4rem;color:#ff4338;text-transform:capitalize;text-align:center}.mdl-widget .mdl-container{width:30rem;margin:0 auto}.mdl-widget .mdl-container .m-buttons{margin:3.4rem 0 6rem;gap:2rem;display:flex;flex-direction:column;padding:0 2rem}.mdl-widget .mdl-container .m-buttons .m-button-sm{width:100%;color:#515050;border-color:#515050}.mdl-widget .mdl-container .m-buttons .m-button-sm:hover{border-color:#ed3b37;color:#fff}.mdl-widget .mod-close{position:relative;width:30rem}.mdl-widget .mod-close .mdl-widget__close{position:absolute;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;cursor:pointer;transition:transform .3s ease;transform:rotate(0)}.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}}@media (max-width: 700px){.mdl-widget{max-width:80vw}}@media (max-width: 1080px){.mdl-widget{max-width:100%;height:100vh}.mdl-widget .mdl-container{display:flex;flex-direction:column;padding-top:10rem}.mdl-widget .mdl-container img{margin:4rem auto 0;width:21rem}.mdl-widget .mdl-widget__close{width:2.8rem;height:2.8rem;top:2.3rem;right:2rem}.mdl-widget .m-title{font-size:13rem;margin-top:1rem}}.mdl-widget-dialog .mat-mdc-dialog-surface,.mdl-widget-dialog .mat-dialog-container{padding:0!important;background-color:transparent;box-shadow:none;overflow:visible}.mdl-widget-backdrop{background-color:#584949cc!important}@media (max-width: 1080px){.mdl-widget-dialog .mat-mdc-dialog-surface,.mdl-widget-dialog .mat-dialog-container{width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;border-radius:0!important}}\n"], dependencies: [{ kind: "component", type: BabylonBookingWidgetComponent, selector: "lib-babylon-booking-widget", inputs: ["widgetId", "hotelId", "type", "theme", "currency", "locale", "layout", "defaultAdults", "defaultChildren", "showPrice", "showHotelSelector", "showPromoCode", "showChildAges", "maxChildren", "baseUrl", "urlChain", "urlHotel", "buttonText"] }] }); }
|
|
8379
|
+
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" }, outputs: { close: "close" }, ngImport: i0, template: "<section id=\"widget-form\" class=\"mdl-widget\">\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 xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M20 20L4 4m16 0L4 20\"></path>\n </svg>\n </button>\n </div>\n <div class=\"mod-body\">\n @if (texts?.title) {\n <div class=\"m-title\">{{ texts?.title }}</div>\n }\n <lib-babylon-booking-widget\n id=\"modal\"\n widgetId=\"widget-search-modal\"\n [hotelId]=\"widgetConfig.hotelId\"\n type=\"chain\"\n theme=\"light\"\n layout=\"column\"\n [showPrice]=\"widgetConfig.showPrice\"\n [defaultAdults]=\"widgetConfig.defaultAdults\"\n [defaultChildren]=\"widgetConfig.defaultChildren\"\n [currency]=\"widgetConfig.currency\"\n [baseUrl]=\"widgetConfig.baseUrl\"\n [urlChain]=\"widgetConfig.urlChain\"\n [urlHotel]=\"widgetConfig.urlHotel\"\n [locale]=\"locale\"\n [flagTime]=\"false\"\n ngSkipHydration\n ></lib-babylon-booking-widget>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mat-mdc-dialog-surface,.mat-dialog-container{padding:0!important;background-color:transparent;box-shadow:none;overflow:visible}.mdl-widget{display:block;width:100%;border-radius:.4rem;padding:0;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.mdl-widget .mod-body{background:var(--cl_background-modal-lang);border-radius:5px;padding:10px 50px}@media (max-width: 1080px){.mdl-widget .mod-body{position:fixed;height:100vh;width:100vw}}.mdl-widget .m-title{font-family:kinda,sans-serif;font-weight:400;font-size:20rem;line-height:13rem;margin-top:-4rem;color:#ff4338;text-transform:capitalize;text-align:center}.mdl-widget .mdl-container{width:30rem;margin:0 auto}.mdl-widget .mdl-container .m-buttons{margin:3.4rem 0 6rem;gap:2rem;display:flex;flex-direction:column;padding:0 2rem}.mdl-widget .mdl-container .m-buttons .m-button-sm{width:100%;color:#515050;border-color:#515050}.mdl-widget .mdl-container .m-buttons .m-button-sm:hover{border-color:#ed3b37;color:#fff}.mdl-widget .mod-close{position:relative;width:30rem}.mdl-widget .mod-close .mdl-widget__close{position:absolute;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;cursor:pointer;transition:transform .3s ease;transform:rotate(0)}.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}}@media (max-width: 700px){.mdl-widget{max-width:80vw}}@media (max-width: 1080px){.mdl-widget{max-width:100%;height:100vh}.mdl-widget .mdl-container{display:flex;flex-direction:column;padding-top:10rem}.mdl-widget .mdl-container img{margin:4rem auto 0;width:21rem}.mdl-widget .mdl-widget__close{width:2.8rem;height:2.8rem;top:2.3rem;right:2rem}.mdl-widget .m-title{font-size:13rem;margin-top:1rem}}.mdl-widget-dialog .mat-mdc-dialog-surface,.mdl-widget-dialog .mat-dialog-container{padding:0!important;background-color:transparent;box-shadow:none;overflow:visible}.mdl-widget-backdrop{background-color:#584949cc!important}@media (max-width: 1080px){.mdl-widget-dialog .mat-mdc-dialog-surface,.mdl-widget-dialog .mat-dialog-container{width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;border-radius:0!important}}\n"], dependencies: [{ kind: "component", type: BabylonBookingWidgetComponent, selector: "lib-babylon-booking-widget", inputs: ["widgetId", "hotelId", "type", "theme", "currency", "locale", "layout", "defaultAdults", "defaultChildren", "showPrice", "showHotelSelector", "showPromoCode", "showChildAges", "maxChildren", "baseUrl", "urlChain", "urlHotel", "buttonText", "flagTime"] }] }); }
|
|
8374
8380
|
}
|
|
8375
8381
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineWidgetModalComponent, decorators: [{
|
|
8376
8382
|
type: Component,
|
|
8377
|
-
args: [{ selector: 'lib-babylon-engine-widget-modal', standalone: true, imports: [BabylonBookingWidgetComponent], template: "<section id=\"widget-form\" class=\"mdl-widget\">\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 xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M20 20L4 4m16 0L4 20\"></path>\n </svg>\n </button>\n </div>\n <div class=\"mod-body\">\n @if (texts?.title) {\n <div class=\"m-title\">{{ texts?.title }}</div>\n }\n <lib-babylon-booking-widget\n id=\"modal\"\n widgetId=\"widget-search-modal\"\n hotelId=\"alecad\"\n type=\"chain\"\n theme=\"light\"\n layout=\"column\"\n [showPrice]=\"false\"\n [defaultAdults]=\"2\"\n [defaultChildren]=\"2\"\n baseUrl=\"\"\n urlChain=\"\"\n ngSkipHydration\n ></lib-babylon-booking-widget>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mat-mdc-dialog-surface,.mat-dialog-container{padding:0!important;background-color:transparent;box-shadow:none;overflow:visible}.mdl-widget{display:block;width:100%;border-radius:.4rem;padding:0;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.mdl-widget .mod-body{background:var(--cl_background-modal-lang);border-radius:5px;padding:10px 50px}@media (max-width: 1080px){.mdl-widget .mod-body{position:fixed;height:100vh;width:100vw}}.mdl-widget .m-title{font-family:kinda,sans-serif;font-weight:400;font-size:20rem;line-height:13rem;margin-top:-4rem;color:#ff4338;text-transform:capitalize;text-align:center}.mdl-widget .mdl-container{width:30rem;margin:0 auto}.mdl-widget .mdl-container .m-buttons{margin:3.4rem 0 6rem;gap:2rem;display:flex;flex-direction:column;padding:0 2rem}.mdl-widget .mdl-container .m-buttons .m-button-sm{width:100%;color:#515050;border-color:#515050}.mdl-widget .mdl-container .m-buttons .m-button-sm:hover{border-color:#ed3b37;color:#fff}.mdl-widget .mod-close{position:relative;width:30rem}.mdl-widget .mod-close .mdl-widget__close{position:absolute;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;cursor:pointer;transition:transform .3s ease;transform:rotate(0)}.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}}@media (max-width: 700px){.mdl-widget{max-width:80vw}}@media (max-width: 1080px){.mdl-widget{max-width:100%;height:100vh}.mdl-widget .mdl-container{display:flex;flex-direction:column;padding-top:10rem}.mdl-widget .mdl-container img{margin:4rem auto 0;width:21rem}.mdl-widget .mdl-widget__close{width:2.8rem;height:2.8rem;top:2.3rem;right:2rem}.mdl-widget .m-title{font-size:13rem;margin-top:1rem}}.mdl-widget-dialog .mat-mdc-dialog-surface,.mdl-widget-dialog .mat-dialog-container{padding:0!important;background-color:transparent;box-shadow:none;overflow:visible}.mdl-widget-backdrop{background-color:#584949cc!important}@media (max-width: 1080px){.mdl-widget-dialog .mat-mdc-dialog-surface,.mdl-widget-dialog .mat-dialog-container{width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;border-radius:0!important}}\n"] }]
|
|
8383
|
+
args: [{ selector: 'lib-babylon-engine-widget-modal', standalone: true, imports: [BabylonBookingWidgetComponent], template: "<section id=\"widget-form\" class=\"mdl-widget\">\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 xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M20 20L4 4m16 0L4 20\"></path>\n </svg>\n </button>\n </div>\n <div class=\"mod-body\">\n @if (texts?.title) {\n <div class=\"m-title\">{{ texts?.title }}</div>\n }\n <lib-babylon-booking-widget\n id=\"modal\"\n widgetId=\"widget-search-modal\"\n [hotelId]=\"widgetConfig.hotelId\"\n type=\"chain\"\n theme=\"light\"\n layout=\"column\"\n [showPrice]=\"widgetConfig.showPrice\"\n [defaultAdults]=\"widgetConfig.defaultAdults\"\n [defaultChildren]=\"widgetConfig.defaultChildren\"\n [currency]=\"widgetConfig.currency\"\n [baseUrl]=\"widgetConfig.baseUrl\"\n [urlChain]=\"widgetConfig.urlChain\"\n [urlHotel]=\"widgetConfig.urlHotel\"\n [locale]=\"locale\"\n [flagTime]=\"false\"\n ngSkipHydration\n ></lib-babylon-booking-widget>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mat-mdc-dialog-surface,.mat-dialog-container{padding:0!important;background-color:transparent;box-shadow:none;overflow:visible}.mdl-widget{display:block;width:100%;border-radius:.4rem;padding:0;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.mdl-widget .mod-body{background:var(--cl_background-modal-lang);border-radius:5px;padding:10px 50px}@media (max-width: 1080px){.mdl-widget .mod-body{position:fixed;height:100vh;width:100vw}}.mdl-widget .m-title{font-family:kinda,sans-serif;font-weight:400;font-size:20rem;line-height:13rem;margin-top:-4rem;color:#ff4338;text-transform:capitalize;text-align:center}.mdl-widget .mdl-container{width:30rem;margin:0 auto}.mdl-widget .mdl-container .m-buttons{margin:3.4rem 0 6rem;gap:2rem;display:flex;flex-direction:column;padding:0 2rem}.mdl-widget .mdl-container .m-buttons .m-button-sm{width:100%;color:#515050;border-color:#515050}.mdl-widget .mdl-container .m-buttons .m-button-sm:hover{border-color:#ed3b37;color:#fff}.mdl-widget .mod-close{position:relative;width:30rem}.mdl-widget .mod-close .mdl-widget__close{position:absolute;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;cursor:pointer;transition:transform .3s ease;transform:rotate(0)}.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}}@media (max-width: 700px){.mdl-widget{max-width:80vw}}@media (max-width: 1080px){.mdl-widget{max-width:100%;height:100vh}.mdl-widget .mdl-container{display:flex;flex-direction:column;padding-top:10rem}.mdl-widget .mdl-container img{margin:4rem auto 0;width:21rem}.mdl-widget .mdl-widget__close{width:2.8rem;height:2.8rem;top:2.3rem;right:2rem}.mdl-widget .m-title{font-size:13rem;margin-top:1rem}}.mdl-widget-dialog .mat-mdc-dialog-surface,.mdl-widget-dialog .mat-dialog-container{padding:0!important;background-color:transparent;box-shadow:none;overflow:visible}.mdl-widget-backdrop{background-color:#584949cc!important}@media (max-width: 1080px){.mdl-widget-dialog .mat-mdc-dialog-surface,.mdl-widget-dialog .mat-dialog-container{width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;border-radius:0!important}}\n"] }]
|
|
8378
8384
|
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }], propDecorators: { texts: [{
|
|
8379
8385
|
type: Input
|
|
8386
|
+
}], locale: [{
|
|
8387
|
+
type: Input
|
|
8388
|
+
}], widgetConfig: [{
|
|
8389
|
+
type: Input
|
|
8380
8390
|
}], close: [{
|
|
8381
8391
|
type: Output
|
|
8382
8392
|
}] } });
|
|
@@ -9451,14 +9461,16 @@ class BabylonHeSvgListComponent {
|
|
|
9451
9461
|
event.subscribe(() => {
|
|
9452
9462
|
dialogRef.close();
|
|
9453
9463
|
});
|
|
9464
|
+
dialogRef.componentInstance.locale = this.locale;
|
|
9465
|
+
dialogRef.componentInstance.widgetConfig = this.widgetConfig;
|
|
9454
9466
|
dialogRef.componentInstance.close = event;
|
|
9455
9467
|
}
|
|
9456
9468
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeSvgListComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9457
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonHeSvgListComponent, isStandalone: true, selector: "lib-babylon-he-svg-list", inputs: { dinamyHeader: "dinamyHeader", hotelPage: "hotelPage", menu: "menu", logos: "logos", floatingButtons: "floatingButtons", links: "links", items: "items", selected: "selected", styles: "styles" }, outputs: { openLanguages: "openLanguages", openOfferPop: "openOfferPop" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n <div class=\"mdl-container\">\n <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n <div class=\"m-menu\">\n <!-- Bot\u00F3n flotante para reserva online -->\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n <span>{{\n floatingButtons?.links?.[1]?.label\n }}</span>\n </a>\n </div>\n }\n }\n\n <!-- Book now button -->\n @if (floatingButtons?.textsButtons?.booktext) {\n <div class=\"m-book-container\">\n <a href=\"#\" class=\"m-button m-book\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n </div>\n }\n\n <!-- Logo -->\n @if (logos) {\n <a href=\"/\" class=\"m-logo\">\n @if (logos.logoDesktop) {\n <img\n [src]=\"logos.logoDesktop.src\"\n [alt]=\"logos.logoDesktop.alt\"\n />\n }\n @if (logos.logoMenu) {\n <img\n class=\"red\"\n [src]=\"logos.logoMenu.src\"\n [alt]=\"logos.logoMenu.alt\"\n />\n }\n </a>\n }\n <!-- Links + Lang + user -->\n <div class=\"m-links-container\">\n <!-- Links -->\n @if (menu?.length) {\n <div class=\"m-links\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n @if ($index == 0) {\n <img\n src=\"/assets/babylon/svg/icons/home.svg\"\n alt=\"home\"\n />\n } @else {\n {{ item.label }}\n }\n </a>\n }\n }\n </div>\n }\n <!-- Motor sticky -->\n\n <div class=\"m-motor\"></div>\n\n <!-- user + lang -->\n <div class=\"m-right\">\n <button\n type=\"button\"\n class=\"m-burger\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </svg>\n </button>\n <!-- <button\n type=\"button\"\n class=\"m-user\"\n aria-label=\"Abrir men\u00FA de usuario\"\n (click)=\"openOfferPopup()\"\n >\n <svg\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 20 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button> -->\n <button\n type=\"button\"\n class=\"m-lang\"\n aria-label=\"Seleccionar idioma\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n </div>\n </div>\n </div>\n <div class=\"sticky-sentinel\"></div>\n <!-- Men\u00FA rojo para ficha hotel -->\n <div\n class=\"m-card-hotel\"\n [ngClass]=\"{ hidden: !items?.length }\"\n [style.backgroundColor]=\"styles?.primary\"\n >\n @if (selected?.styles?.logos) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n class=\"m-hotel-logo\"\n >\n <!-- <div class=\"m-title\">ALEGRIA Palacio Mojacar</div> -->\n <div class=\"m-img\">\n <img\n [src]=\"\n selected?.styles?.logos?.[0] ??\n selected?.styles?.logos?.[1]\n \"\n alt=\"hotel-logo\"\n />\n </div>\n <!-- <div class=\"m-stars\">\n <span>hotel</span>\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n </div> -->\n </a>\n }\n\n @if (items?.length) {\n <div class=\"m-hotel-submenus\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-optionsmobile\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n type=\"button\"\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n </div>\n }\n }\n <button\n type=\"button\"\n class=\"m-menumobile\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n @if (floatingButtons?.textsButtons?.menuText) {\n <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n } @else {\n <span>-</span>\n }\n\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n\n @if (floatingButtons?.textsButtons?.booktext) {\n <a class=\"m-bookmobile\" (click)=\"openEngineModal()\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n }\n </div>\n\n <div id=\"burger-menu\" class=\"m-burger-menu\">\n <button\n type=\"button\"\n class=\"close\"\n aria-label=\"Cerrar men\u00FA\"\n (click)=\"showMenuBurger()\"\n >\n <img src=\"/assets/babylon/svg/icons/close-small.svg\" alt=\"close\" />\n </button>\n\n <div class=\"m-container\">\n @if (logos?.logoMenu) {\n <div class=\"m-header\">\n <a href=\"/\" class=\"m-logo\">\n <img\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n </div>\n }\n\n @if (menu?.length) {\n <div class=\"m-links\">\n <div class=\"m-links-container\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n {{ item.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n\n <div class=\"m-footer\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <a\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n }\n }\n\n <div class=\"m-footer-container\">\n <a href=\"mailto:\">\n <svg\n width=\"17\"\n height=\"14\"\n viewBox=\"0 0 17 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n fill=\"white\"\n />\n </svg>\n </a>\n\n <!-- <a (click)=\"openOfferPopup()\">\n <svg\n width=\"20\"\n height=\"23\"\n viewBox=\"0 0 20 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n fill=\"white\"\n />\n <path\n d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n fill=\"white\"\n />\n </svg>\n </a> -->\n\n <div\n class=\"m-lang\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"white\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{background-color:#ff4338;color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;background-color:#ff4338;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center}.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#ff4338}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:54vw;min-width:20rem;max-width:30rem}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
9469
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonHeSvgListComponent, isStandalone: true, selector: "lib-babylon-he-svg-list", inputs: { dinamyHeader: "dinamyHeader", hotelPage: "hotelPage", menu: "menu", logos: "logos", floatingButtons: "floatingButtons", links: "links", locale: "locale", items: "items", selected: "selected", styles: "styles", widgetConfig: "widgetConfig" }, outputs: { openLanguages: "openLanguages", openOfferPop: "openOfferPop" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n <div class=\"mdl-container\">\n <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n <div class=\"m-menu\">\n <!-- Bot\u00F3n flotante para reserva online -->\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n <span>{{\n floatingButtons?.links?.[1]?.label\n }}</span>\n </a>\n </div>\n }\n }\n\n <!-- Book now button -->\n @if (floatingButtons?.textsButtons?.booktext) {\n <div class=\"m-book-container\">\n <a (click)=\"openEngineModal()\" class=\"m-button m-book\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n </div>\n }\n\n <!-- Logo -->\n @if (logos) {\n <a href=\"/\" class=\"m-logo\">\n @if (logos.logoDesktop) {\n <img\n [src]=\"logos.logoDesktop.src\"\n [alt]=\"logos.logoDesktop.alt\"\n />\n }\n @if (logos.logoMenu) {\n <img\n class=\"red\"\n [src]=\"logos.logoMenu.src\"\n [alt]=\"logos.logoMenu.alt\"\n />\n }\n </a>\n }\n <!-- Links + Lang + user -->\n <div class=\"m-links-container\">\n <!-- Links -->\n @if (menu?.length) {\n <div class=\"m-links\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n @if ($index == 0) {\n <img\n src=\"/assets/babylon/svg/icons/home.svg\"\n alt=\"home\"\n />\n } @else {\n {{ item.label }}\n }\n </a>\n }\n }\n </div>\n }\n <!-- Motor sticky -->\n\n <div class=\"m-motor\"></div>\n\n <!-- user + lang -->\n <div class=\"m-right\">\n <button\n type=\"button\"\n class=\"m-burger\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </svg>\n </button>\n <!-- <button\n type=\"button\"\n class=\"m-user\"\n aria-label=\"Abrir men\u00FA de usuario\"\n (click)=\"openOfferPopup()\"\n >\n <svg\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 20 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button> -->\n <button\n type=\"button\"\n class=\"m-lang\"\n aria-label=\"Seleccionar idioma\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n </div>\n </div>\n </div>\n <div class=\"sticky-sentinel\"></div>\n <!-- Men\u00FA rojo para ficha hotel -->\n <div\n class=\"m-card-hotel\"\n [ngClass]=\"{ hidden: !items?.length }\"\n [style.backgroundColor]=\"styles?.primary\"\n >\n @if (selected?.styles?.logos) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n class=\"m-hotel-logo\"\n >\n <!-- <div class=\"m-title\">ALEGRIA Palacio Mojacar</div> -->\n <div class=\"m-img\">\n <img\n [src]=\"\n selected?.styles?.logos?.[0] ??\n selected?.styles?.logos?.[1]\n \"\n alt=\"hotel-logo\"\n />\n </div>\n <!-- <div class=\"m-stars\">\n <span>hotel</span>\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n </div> -->\n </a>\n }\n\n @if (items?.length) {\n <div class=\"m-hotel-submenus\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-optionsmobile\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n type=\"button\"\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n </div>\n }\n }\n <button\n type=\"button\"\n class=\"m-menumobile\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n @if (floatingButtons?.textsButtons?.menuText) {\n <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n } @else {\n <span>-</span>\n }\n\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n\n @if (floatingButtons?.textsButtons?.booktext) {\n <a class=\"m-bookmobile\" (click)=\"openEngineModal()\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n }\n </div>\n\n <div id=\"burger-menu\" class=\"m-burger-menu\">\n <button\n type=\"button\"\n class=\"close\"\n aria-label=\"Cerrar men\u00FA\"\n (click)=\"showMenuBurger()\"\n >\n <img src=\"/assets/babylon/svg/icons/close-small.svg\" alt=\"close\" />\n </button>\n\n <div class=\"m-container\">\n @if (logos?.logoMenu) {\n <div class=\"m-header\">\n <a href=\"/\" class=\"m-logo\">\n <img\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n </div>\n }\n\n @if (menu?.length) {\n <div class=\"m-links\">\n <div class=\"m-links-container\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n {{ item.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n\n <div class=\"m-footer\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <a\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n }\n }\n\n <div class=\"m-footer-container\">\n <a href=\"mailto:\">\n <svg\n width=\"17\"\n height=\"14\"\n viewBox=\"0 0 17 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n fill=\"white\"\n />\n </svg>\n </a>\n\n <!-- <a (click)=\"openOfferPopup()\">\n <svg\n width=\"20\"\n height=\"23\"\n viewBox=\"0 0 20 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n fill=\"white\"\n />\n <path\n d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n fill=\"white\"\n />\n </svg>\n </a> -->\n\n <div\n class=\"m-lang\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"white\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{background-color:#ff4338;color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;background-color:#ff4338;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center}.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#ff4338}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:54vw;min-width:20rem;max-width:30rem}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
9458
9470
|
}
|
|
9459
9471
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeSvgListComponent, decorators: [{
|
|
9460
9472
|
type: Component,
|
|
9461
|
-
args: [{ selector: 'lib-babylon-he-svg-list', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n <div class=\"mdl-container\">\n <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n <div class=\"m-menu\">\n <!-- Bot\u00F3n flotante para reserva online -->\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n <span>{{\n floatingButtons?.links?.[1]?.label\n }}</span>\n </a>\n </div>\n }\n }\n\n <!-- Book now button -->\n @if (floatingButtons?.textsButtons?.booktext) {\n <div class=\"m-book-container\">\n <a href=\"#\" class=\"m-button m-book\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n </div>\n }\n\n <!-- Logo -->\n @if (logos) {\n <a href=\"/\" class=\"m-logo\">\n @if (logos.logoDesktop) {\n <img\n [src]=\"logos.logoDesktop.src\"\n [alt]=\"logos.logoDesktop.alt\"\n />\n }\n @if (logos.logoMenu) {\n <img\n class=\"red\"\n [src]=\"logos.logoMenu.src\"\n [alt]=\"logos.logoMenu.alt\"\n />\n }\n </a>\n }\n <!-- Links + Lang + user -->\n <div class=\"m-links-container\">\n <!-- Links -->\n @if (menu?.length) {\n <div class=\"m-links\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n @if ($index == 0) {\n <img\n src=\"/assets/babylon/svg/icons/home.svg\"\n alt=\"home\"\n />\n } @else {\n {{ item.label }}\n }\n </a>\n }\n }\n </div>\n }\n <!-- Motor sticky -->\n\n <div class=\"m-motor\"></div>\n\n <!-- user + lang -->\n <div class=\"m-right\">\n <button\n type=\"button\"\n class=\"m-burger\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </svg>\n </button>\n <!-- <button\n type=\"button\"\n class=\"m-user\"\n aria-label=\"Abrir men\u00FA de usuario\"\n (click)=\"openOfferPopup()\"\n >\n <svg\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 20 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button> -->\n <button\n type=\"button\"\n class=\"m-lang\"\n aria-label=\"Seleccionar idioma\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n </div>\n </div>\n </div>\n <div class=\"sticky-sentinel\"></div>\n <!-- Men\u00FA rojo para ficha hotel -->\n <div\n class=\"m-card-hotel\"\n [ngClass]=\"{ hidden: !items?.length }\"\n [style.backgroundColor]=\"styles?.primary\"\n >\n @if (selected?.styles?.logos) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n class=\"m-hotel-logo\"\n >\n <!-- <div class=\"m-title\">ALEGRIA Palacio Mojacar</div> -->\n <div class=\"m-img\">\n <img\n [src]=\"\n selected?.styles?.logos?.[0] ??\n selected?.styles?.logos?.[1]\n \"\n alt=\"hotel-logo\"\n />\n </div>\n <!-- <div class=\"m-stars\">\n <span>hotel</span>\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n </div> -->\n </a>\n }\n\n @if (items?.length) {\n <div class=\"m-hotel-submenus\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-optionsmobile\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n type=\"button\"\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n </div>\n }\n }\n <button\n type=\"button\"\n class=\"m-menumobile\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n @if (floatingButtons?.textsButtons?.menuText) {\n <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n } @else {\n <span>-</span>\n }\n\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n\n @if (floatingButtons?.textsButtons?.booktext) {\n <a class=\"m-bookmobile\" (click)=\"openEngineModal()\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n }\n </div>\n\n <div id=\"burger-menu\" class=\"m-burger-menu\">\n <button\n type=\"button\"\n class=\"close\"\n aria-label=\"Cerrar men\u00FA\"\n (click)=\"showMenuBurger()\"\n >\n <img src=\"/assets/babylon/svg/icons/close-small.svg\" alt=\"close\" />\n </button>\n\n <div class=\"m-container\">\n @if (logos?.logoMenu) {\n <div class=\"m-header\">\n <a href=\"/\" class=\"m-logo\">\n <img\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n </div>\n }\n\n @if (menu?.length) {\n <div class=\"m-links\">\n <div class=\"m-links-container\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n {{ item.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n\n <div class=\"m-footer\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <a\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n }\n }\n\n <div class=\"m-footer-container\">\n <a href=\"mailto:\">\n <svg\n width=\"17\"\n height=\"14\"\n viewBox=\"0 0 17 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n fill=\"white\"\n />\n </svg>\n </a>\n\n <!-- <a (click)=\"openOfferPopup()\">\n <svg\n width=\"20\"\n height=\"23\"\n viewBox=\"0 0 20 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n fill=\"white\"\n />\n <path\n d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n fill=\"white\"\n />\n </svg>\n </a> -->\n\n <div\n class=\"m-lang\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"white\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{background-color:#ff4338;color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;background-color:#ff4338;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center}.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#ff4338}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:54vw;min-width:20rem;max-width:30rem}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}\n"] }]
|
|
9473
|
+
args: [{ selector: 'lib-babylon-he-svg-list', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n <div class=\"mdl-container\">\n <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n <div class=\"m-menu\">\n <!-- Bot\u00F3n flotante para reserva online -->\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n <span>{{\n floatingButtons?.links?.[1]?.label\n }}</span>\n </a>\n </div>\n }\n }\n\n <!-- Book now button -->\n @if (floatingButtons?.textsButtons?.booktext) {\n <div class=\"m-book-container\">\n <a (click)=\"openEngineModal()\" class=\"m-button m-book\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n </div>\n }\n\n <!-- Logo -->\n @if (logos) {\n <a href=\"/\" class=\"m-logo\">\n @if (logos.logoDesktop) {\n <img\n [src]=\"logos.logoDesktop.src\"\n [alt]=\"logos.logoDesktop.alt\"\n />\n }\n @if (logos.logoMenu) {\n <img\n class=\"red\"\n [src]=\"logos.logoMenu.src\"\n [alt]=\"logos.logoMenu.alt\"\n />\n }\n </a>\n }\n <!-- Links + Lang + user -->\n <div class=\"m-links-container\">\n <!-- Links -->\n @if (menu?.length) {\n <div class=\"m-links\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n @if ($index == 0) {\n <img\n src=\"/assets/babylon/svg/icons/home.svg\"\n alt=\"home\"\n />\n } @else {\n {{ item.label }}\n }\n </a>\n }\n }\n </div>\n }\n <!-- Motor sticky -->\n\n <div class=\"m-motor\"></div>\n\n <!-- user + lang -->\n <div class=\"m-right\">\n <button\n type=\"button\"\n class=\"m-burger\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </svg>\n </button>\n <!-- <button\n type=\"button\"\n class=\"m-user\"\n aria-label=\"Abrir men\u00FA de usuario\"\n (click)=\"openOfferPopup()\"\n >\n <svg\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 20 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button> -->\n <button\n type=\"button\"\n class=\"m-lang\"\n aria-label=\"Seleccionar idioma\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n </div>\n </div>\n </div>\n <div class=\"sticky-sentinel\"></div>\n <!-- Men\u00FA rojo para ficha hotel -->\n <div\n class=\"m-card-hotel\"\n [ngClass]=\"{ hidden: !items?.length }\"\n [style.backgroundColor]=\"styles?.primary\"\n >\n @if (selected?.styles?.logos) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n class=\"m-hotel-logo\"\n >\n <!-- <div class=\"m-title\">ALEGRIA Palacio Mojacar</div> -->\n <div class=\"m-img\">\n <img\n [src]=\"\n selected?.styles?.logos?.[0] ??\n selected?.styles?.logos?.[1]\n \"\n alt=\"hotel-logo\"\n />\n </div>\n <!-- <div class=\"m-stars\">\n <span>hotel</span>\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n </div> -->\n </a>\n }\n\n @if (items?.length) {\n <div class=\"m-hotel-submenus\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-optionsmobile\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n type=\"button\"\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n </div>\n }\n }\n <button\n type=\"button\"\n class=\"m-menumobile\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n @if (floatingButtons?.textsButtons?.menuText) {\n <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n } @else {\n <span>-</span>\n }\n\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n\n @if (floatingButtons?.textsButtons?.booktext) {\n <a class=\"m-bookmobile\" (click)=\"openEngineModal()\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n }\n </div>\n\n <div id=\"burger-menu\" class=\"m-burger-menu\">\n <button\n type=\"button\"\n class=\"close\"\n aria-label=\"Cerrar men\u00FA\"\n (click)=\"showMenuBurger()\"\n >\n <img src=\"/assets/babylon/svg/icons/close-small.svg\" alt=\"close\" />\n </button>\n\n <div class=\"m-container\">\n @if (logos?.logoMenu) {\n <div class=\"m-header\">\n <a href=\"/\" class=\"m-logo\">\n <img\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n </div>\n }\n\n @if (menu?.length) {\n <div class=\"m-links\">\n <div class=\"m-links-container\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n {{ item.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n\n <div class=\"m-footer\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <a\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n }\n }\n\n <div class=\"m-footer-container\">\n <a href=\"mailto:\">\n <svg\n width=\"17\"\n height=\"14\"\n viewBox=\"0 0 17 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n fill=\"white\"\n />\n </svg>\n </a>\n\n <!-- <a (click)=\"openOfferPopup()\">\n <svg\n width=\"20\"\n height=\"23\"\n viewBox=\"0 0 20 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n fill=\"white\"\n />\n <path\n d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n fill=\"white\"\n />\n </svg>\n </a> -->\n\n <div\n class=\"m-lang\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"white\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{background-color:#ff4338;color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;background-color:#ff4338;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center}.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#ff4338}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:54vw;min-width:20rem;max-width:30rem}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}\n"] }]
|
|
9462
9474
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.MatDialog }], propDecorators: { dinamyHeader: [{
|
|
9463
9475
|
type: Input
|
|
9464
9476
|
}], hotelPage: [{
|
|
@@ -9471,12 +9483,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
9471
9483
|
type: Input
|
|
9472
9484
|
}], links: [{
|
|
9473
9485
|
type: Input
|
|
9486
|
+
}], locale: [{
|
|
9487
|
+
type: Input
|
|
9474
9488
|
}], items: [{
|
|
9475
9489
|
type: Input
|
|
9476
9490
|
}], selected: [{
|
|
9477
9491
|
type: Input
|
|
9478
9492
|
}], styles: [{
|
|
9479
9493
|
type: Input
|
|
9494
|
+
}], widgetConfig: [{
|
|
9495
|
+
type: Input
|
|
9480
9496
|
}], openLanguages: [{
|
|
9481
9497
|
type: Output
|
|
9482
9498
|
}], openOfferPop: [{
|
|
@@ -17082,7 +17098,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
17082
17098
|
class C4MeTxtSvgCtaComponent {
|
|
17083
17099
|
constructor(renderer) {
|
|
17084
17100
|
this.renderer = renderer;
|
|
17085
|
-
this.engineShow = false;
|
|
17086
17101
|
this.stickyHeader = false;
|
|
17087
17102
|
this.menuOpen = false;
|
|
17088
17103
|
this.modalClick = new EventEmitter();
|
|
@@ -17113,11 +17128,11 @@ class C4MeTxtSvgCtaComponent {
|
|
|
17113
17128
|
this.openEngine.emit();
|
|
17114
17129
|
}
|
|
17115
17130
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4MeTxtSvgCtaComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17116
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4MeTxtSvgCtaComponent, isStandalone: true, selector: "ces-c4-me-txt-svg-cta", inputs: { multipleMotorsModal: "multipleMotorsModal", logos: "logos", linkLogo: "linkLogo", menu: "menu", menuInfo: "menuInfo", btnBook: "btnBook", engineShow: "engineShow", texts: "texts", languages: "languages" }, outputs: { modalClick: "modalClick", openModalMultMotors: "openModalMultMotors", openEngine: "openEngine" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, viewQueries: [{ propertyName: "burgerMenu", first: true, predicate: ["burgerMenu"], descendants: true }, { propertyName: "mCont", first: true, predicate: ["mCont"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-m01\">\n <div\n class=\"m-cont\"\n #mCont\n [ngClass]=\"{ sticky: stickyHeader, stickyv2: menuOpen }\"\n >\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <div class=\"m-openclose\">\n <button\n class=\"m-open\"\n role=\"button\"\n (click)=\"toggleMenu()\"\n *ngIf=\"!menuOpen\"\n >\n <img\n src=\"/assets/babylon/images/icons/menuburguer.svg\"\n alt=\"\"\n />\n </button>\n <button\n class=\"m-close\"\n role=\"button\"\n (click)=\"toggleMenu()\"\n *ngIf=\"menuOpen\"\n >\n <img src=\"/assets/babylon/images/icons/close.svg\" alt=\"\" />\n </button>\n </div>\n @if (texts?.title) {\n <div class=\"m-text\">{{ texts?.title }}</div>\n }\n @if (logos?.logoMobile) {\n <a\n [href]=\"linkLogo?.url\"\n aria-label=\"logo\"\n class=\"m-icono\"\n >\n <img\n [src]=\"logos?.logoMobile?.src\"\n [alt]=\"logos?.logoMobile?.alt\"\n />\n </a>\n }\n </div>\n @if (logos?.logo) {\n <a\n role=\"button\"\n [href]=\"linkLogo?.url\"\n [attr.aria-label]=\"linkLogo?.label\"\n [linkType]=\"linkLogo?.linkType\"\n class=\"m-center\"\n >\n <img\n [src]=\"logos?.logo?.src\"\n [alt]=\"logos?.logo?.alt\" />\n </a>\n }\n <div class=\"m-right\">\n @if (btnBook?.url && !engineShow) {\n <a\n role=\"button\"\n [href]=\"btnBook?.url\"\n class=\"m-button\"\n [attr.aria-label]=\"btnBook?.label\"\n (click)=\"multipleMotorsModal ? openModalMultipleMotors() : openEngineModal()\"\n >\n {{ btnBook?.label }}\n </a>\n }\n </div>\n </div>\n </div>\n</section>\n<section class=\"mdl-burguermenu\" #burgerMenu [ngClass]=\"{ show: menuOpen }\">\n @if (menu?.length) {\n <ul class=\"m-menu\">\n @for (link of menu; track $index) {\n <li>\n <a role=\"button\"\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType\"\n [modalClick]=\"modalClick\"\n [href]=\"link?.url\"\n >\n {{ link?.label }}\n </a>\n </li>\n }\n @if (languages?.items?.length) {\n <ul class=\"m-idiomas\">\n @for (item of languages?.items; track $index) {\n <li>\n <a [href]=\"item?.code\">{{ item?.code }}</a>\n </li>\n }\n </ul>\n }\n </ul>\n }\n</section>\n", styles: [".m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}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:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.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{-moz-text-size-adjust:none;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;-o-object-fit:contain;object-fit:contain}@keyframes swingV{15%{transform:translateY(.5rem)}30%{transform:translateY(-.5rem)}50%{transform:translateY(.3rem)}65%{transform:translateY(-.3rem)}80%{transform:translateY(.2rem)}to{transform:translateY(0)}}@keyframes swingH{15%{transform:translate(.5rem)}30%{transform:translate(-.5rem)}50%{transform:translate(.3rem)}65%{transform:translate(-.3rem)}80%{transform:translate(.2rem)}to{transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;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-m01{height:15rem}.mdl-m01 .m-cont{transition:opacity .5s,transform .5s;opacity:1;position:relative;z-index:10}.mdl-m01 .m-cont:not(.sticky){height:15rem}.mdl-m01 .m-cont.sticky{opacity:1;position:fixed;height:auto;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;z-index:999;background-color:#fff}.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 5rem;position:fixed}.mdl-m01 .m-cont.sticky .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont.stickyv2{opacity:1;height:auto;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;transform:translateY(0);z-index:999;background-color:#fff}.mdl-m01 .m-cont.stickyv2 .mdl-container{padding:1.8rem 5rem;position:fixed;top:4rem}.mdl-m01 .m-cont.stickyv2 .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont:not(.sticky){opacity:1;position:relative;box-shadow:none;transform:translateY(-4rem)}.mdl-m01 .m-cont .mdl-container{max-width:100%;padding:9.7rem 5rem 5.7rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative}.mdl-m01 .m-cont .mdl-container .m-left{display:flex;gap:5rem;align-items:center;width:22.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;color:#b7985d;white-space:nowrap}.mdl-m01 .m-cont .mdl-container .m-left .m-icono{display:none}.mdl-m01 .m-cont .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%)}.mdl-m01 .m-cont .mdl-container .m-center img{height:4rem}.mdl-m01 .m-cont .mdl-container .m-right{width:22.7rem}@media (max-width: 1080px){.mdl-m01{height:9rem}.mdl-m01 .m-cont:not(.sticky){height:9rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:6.7rem}.mdl-m01 .m-cont .mdl-container .m-right{display:flex;flex-direction:column;align-items:flex-end}}@media (max-width: 768px){.mdl-m01{height:8rem}.mdl-m01 .m-cont:not(.sticky){height:8rem}.mdl-m01 .m-cont .mdl-container .m-right{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:5.8rem}.mdl-m01 .m-cont.sticky .m-left{gap:3.5rem}.mdl-m01 .m-cont.sticky .m-left .m-icono{display:block}.mdl-m01 .m-cont.sticky .m-center{display:none}.mdl-m01 .m-cont.sticky .m-right{display:flex}}@media (max-width: 540px){.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 2.6rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 2.5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-center{top:6.3rem}.mdl-m01 .m-cont .mdl-container .m-center img{height:3.2rem}.mdl-m01 .m-cont .mdl-container .m-left{gap:2rem}}.mdl-burguermenu{display:none;position:fixed;width:100%;height:100vh;background-color:#fcfaf8;top:0;z-index:10;overflow:hidden;animation-duration:.5s;animation-fill-mode:forwards}.mdl-burguermenu .m-menu{list-style:none;position:absolute;top:50%;margin-top:4rem;transform:translateY(-50%);left:14rem}.mdl-burguermenu .m-menu>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu:hover>*{filter:grayscale(70%);opacity:.6}.mdl-burguermenu .m-menu:hover>*:hover{filter:grayscale(0);opacity:1}.mdl-burguermenu .m-menu li{padding:1.5rem 0}.mdl-burguermenu .m-menu li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:2.4rem;line-height:100%;text-transform:uppercase;color:#b7985d}.mdl-burguermenu .m-menu li:before{display:none}.mdl-burguermenu .m-menu .m-idiomas{display:flex;margin-left:-2rem}.mdl-burguermenu .m-menu .m-idiomas>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu .m-idiomas:hover>*{opacity:.6}.mdl-burguermenu .m-menu .m-idiomas:hover>*:hover{opacity:1}.mdl-burguermenu .m-menu .m-idiomas li{font-size:1.8rem;margin-right:1rem;opacity:.6;transition:.3s}.mdl-burguermenu .m-menu .m-idiomas li:hover{opacity:1;transition:.3s}.mdl-burguermenu.show{display:block;animation-name:slideDown}@media (max-width: 768px){.mdl-burguermenu .m-menu{left:10rem;top:13rem;margin-top:0;transform:none}}@media (max-width: 540px){.mdl-burguermenu .m-menu{left:5rem;top:11rem}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.noscroll{overflow:hidden!important;height:100%!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17131
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4MeTxtSvgCtaComponent, isStandalone: true, selector: "ces-c4-me-txt-svg-cta", inputs: { multipleMotorsModal: "multipleMotorsModal", logos: "logos", linkLogo: "linkLogo", menu: "menu", menuInfo: "menuInfo", btnBook: "btnBook", texts: "texts", languages: "languages" }, outputs: { modalClick: "modalClick", openModalMultMotors: "openModalMultMotors", openEngine: "openEngine" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, viewQueries: [{ propertyName: "burgerMenu", first: true, predicate: ["burgerMenu"], descendants: true }, { propertyName: "mCont", first: true, predicate: ["mCont"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-m01\">\n <div\n class=\"m-cont\"\n #mCont\n [ngClass]=\"{ sticky: stickyHeader, stickyv2: menuOpen }\"\n >\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <div class=\"m-openclose\">\n <button\n class=\"m-open\"\n role=\"button\"\n (click)=\"toggleMenu()\"\n *ngIf=\"!menuOpen\"\n >\n <img\n src=\"/assets/babylon/images/icons/menuburguer.svg\"\n alt=\"\"\n />\n </button>\n <button\n class=\"m-close\"\n role=\"button\"\n (click)=\"toggleMenu()\"\n *ngIf=\"menuOpen\"\n >\n <img src=\"/assets/babylon/images/icons/close.svg\" alt=\"\" />\n </button>\n </div>\n @if (texts?.title) {\n <div class=\"m-text\">{{ texts?.title }}</div>\n }\n @if (logos?.logoMobile) {\n <a\n [href]=\"linkLogo?.url\"\n aria-label=\"logo\"\n class=\"m-icono\"\n >\n <img\n [src]=\"logos?.logoMobile?.src\"\n [alt]=\"logos?.logoMobile?.alt\"\n />\n </a>\n }\n </div>\n @if (logos?.logo) {\n <a\n role=\"button\"\n [href]=\"linkLogo?.url\"\n [attr.aria-label]=\"linkLogo?.label\"\n [linkType]=\"linkLogo?.linkType\"\n class=\"m-center\"\n >\n <img\n [src]=\"logos?.logo?.src\"\n [alt]=\"logos?.logo?.alt\" />\n </a>\n }\n <div class=\"m-right\">\n @if (texts?.bookText) {\n <a\n role=\"button\"\n class=\"m-button\"\n [attr.aria-label]=\"texts?.bookText\"\n (click)=\"openEngineModal()\"\n >\n {{ texts?.bookText }}\n </a>\n }\n </div>\n </div>\n </div>\n</section>\n<section class=\"mdl-burguermenu\" #burgerMenu [ngClass]=\"{ show: menuOpen }\">\n @if (menu?.length) {\n <ul class=\"m-menu\">\n @for (link of menu; track $index) {\n <li>\n <a role=\"button\"\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType\"\n [modalClick]=\"modalClick\"\n [href]=\"link?.url\"\n >\n {{ link?.label }}\n </a>\n </li>\n }\n @if (languages?.items?.length) {\n <ul class=\"m-idiomas\">\n @for (item of languages?.items; track $index) {\n <li>\n <a [href]=\"item?.code\">{{ item?.code }}</a>\n </li>\n }\n </ul>\n }\n </ul>\n }\n</section>\n", styles: [".m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}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:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.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{-moz-text-size-adjust:none;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;-o-object-fit:contain;object-fit:contain}@keyframes swingV{15%{transform:translateY(.5rem)}30%{transform:translateY(-.5rem)}50%{transform:translateY(.3rem)}65%{transform:translateY(-.3rem)}80%{transform:translateY(.2rem)}to{transform:translateY(0)}}@keyframes swingH{15%{transform:translate(.5rem)}30%{transform:translate(-.5rem)}50%{transform:translate(.3rem)}65%{transform:translate(-.3rem)}80%{transform:translate(.2rem)}to{transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;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-m01{height:15rem}.mdl-m01 .m-cont{transition:opacity .5s,transform .5s;opacity:1;position:relative;z-index:10}.mdl-m01 .m-cont:not(.sticky){height:15rem}.mdl-m01 .m-cont.sticky{opacity:1;position:fixed;height:auto;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;z-index:999;background-color:#fff}.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 5rem;position:fixed}.mdl-m01 .m-cont.sticky .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont.stickyv2{opacity:1;height:auto;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;transform:translateY(0);z-index:999;background-color:#fff}.mdl-m01 .m-cont.stickyv2 .mdl-container{padding:1.8rem 5rem;position:fixed;top:4rem}.mdl-m01 .m-cont.stickyv2 .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont:not(.sticky){opacity:1;position:relative;box-shadow:none;transform:translateY(-4rem)}.mdl-m01 .m-cont .mdl-container{max-width:100%;padding:9.7rem 5rem 5.7rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative}.mdl-m01 .m-cont .mdl-container .m-left{display:flex;gap:5rem;align-items:center;width:22.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;color:#b7985d;white-space:nowrap}.mdl-m01 .m-cont .mdl-container .m-left .m-icono{display:none}.mdl-m01 .m-cont .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%)}.mdl-m01 .m-cont .mdl-container .m-center img{height:4rem}.mdl-m01 .m-cont .mdl-container .m-right{width:22.7rem}@media (max-width: 1080px){.mdl-m01{height:9rem}.mdl-m01 .m-cont:not(.sticky){height:9rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:6.7rem}.mdl-m01 .m-cont .mdl-container .m-right{display:flex;flex-direction:column;align-items:flex-end}}@media (max-width: 768px){.mdl-m01{height:8rem}.mdl-m01 .m-cont:not(.sticky){height:8rem}.mdl-m01 .m-cont .mdl-container .m-right{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:5.8rem}.mdl-m01 .m-cont.sticky .m-left{gap:3.5rem}.mdl-m01 .m-cont.sticky .m-left .m-icono{display:block}.mdl-m01 .m-cont.sticky .m-center{display:none}.mdl-m01 .m-cont.sticky .m-right{display:flex}}@media (max-width: 540px){.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 2.6rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 2.5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-center{top:6.3rem}.mdl-m01 .m-cont .mdl-container .m-center img{height:3.2rem}.mdl-m01 .m-cont .mdl-container .m-left{gap:2rem}}.mdl-burguermenu{display:none;position:fixed;width:100%;height:100vh;background-color:#fcfaf8;top:0;z-index:10;overflow:hidden;animation-duration:.5s;animation-fill-mode:forwards}.mdl-burguermenu .m-menu{list-style:none;position:absolute;top:50%;margin-top:4rem;transform:translateY(-50%);left:14rem}.mdl-burguermenu .m-menu>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu:hover>*{filter:grayscale(70%);opacity:.6}.mdl-burguermenu .m-menu:hover>*:hover{filter:grayscale(0);opacity:1}.mdl-burguermenu .m-menu li{padding:1.5rem 0}.mdl-burguermenu .m-menu li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:2.4rem;line-height:100%;text-transform:uppercase;color:#b7985d}.mdl-burguermenu .m-menu li:before{display:none}.mdl-burguermenu .m-menu .m-idiomas{display:flex;margin-left:-2rem}.mdl-burguermenu .m-menu .m-idiomas>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu .m-idiomas:hover>*{opacity:.6}.mdl-burguermenu .m-menu .m-idiomas:hover>*:hover{opacity:1}.mdl-burguermenu .m-menu .m-idiomas li{font-size:1.8rem;margin-right:1rem;opacity:.6;transition:.3s}.mdl-burguermenu .m-menu .m-idiomas li:hover{opacity:1;transition:.3s}.mdl-burguermenu.show{display:block;animation-name:slideDown}@media (max-width: 768px){.mdl-burguermenu .m-menu{left:10rem;top:13rem;margin-top:0;transform:none}}@media (max-width: 540px){.mdl-burguermenu .m-menu{left:5rem;top:11rem}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.noscroll{overflow:hidden!important;height:100%!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17117
17132
|
}
|
|
17118
17133
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4MeTxtSvgCtaComponent, decorators: [{
|
|
17119
17134
|
type: Component,
|
|
17120
|
-
args: [{ selector: 'ces-c4-me-txt-svg-cta', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-m01\">\n <div\n class=\"m-cont\"\n #mCont\n [ngClass]=\"{ sticky: stickyHeader, stickyv2: menuOpen }\"\n >\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <div class=\"m-openclose\">\n <button\n class=\"m-open\"\n role=\"button\"\n (click)=\"toggleMenu()\"\n *ngIf=\"!menuOpen\"\n >\n <img\n src=\"/assets/babylon/images/icons/menuburguer.svg\"\n alt=\"\"\n />\n </button>\n <button\n class=\"m-close\"\n role=\"button\"\n (click)=\"toggleMenu()\"\n *ngIf=\"menuOpen\"\n >\n <img src=\"/assets/babylon/images/icons/close.svg\" alt=\"\" />\n </button>\n </div>\n @if (texts?.title) {\n <div class=\"m-text\">{{ texts?.title }}</div>\n }\n @if (logos?.logoMobile) {\n <a\n [href]=\"linkLogo?.url\"\n aria-label=\"logo\"\n class=\"m-icono\"\n >\n <img\n [src]=\"logos?.logoMobile?.src\"\n [alt]=\"logos?.logoMobile?.alt\"\n />\n </a>\n }\n </div>\n @if (logos?.logo) {\n <a\n role=\"button\"\n [href]=\"linkLogo?.url\"\n [attr.aria-label]=\"linkLogo?.label\"\n [linkType]=\"linkLogo?.linkType\"\n class=\"m-center\"\n >\n <img\n [src]=\"logos?.logo?.src\"\n [alt]=\"logos?.logo?.alt\" />\n </a>\n }\n <div class=\"m-right\">\n @if (btnBook?.url && !engineShow) {\n <a\n role=\"button\"\n [href]=\"btnBook?.url\"\n class=\"m-button\"\n [attr.aria-label]=\"btnBook?.label\"\n (click)=\"multipleMotorsModal ? openModalMultipleMotors() : openEngineModal()\"\n >\n {{ btnBook?.label }}\n </a>\n }\n </div>\n </div>\n </div>\n</section>\n<section class=\"mdl-burguermenu\" #burgerMenu [ngClass]=\"{ show: menuOpen }\">\n @if (menu?.length) {\n <ul class=\"m-menu\">\n @for (link of menu; track $index) {\n <li>\n <a role=\"button\"\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType\"\n [modalClick]=\"modalClick\"\n [href]=\"link?.url\"\n >\n {{ link?.label }}\n </a>\n </li>\n }\n @if (languages?.items?.length) {\n <ul class=\"m-idiomas\">\n @for (item of languages?.items; track $index) {\n <li>\n <a [href]=\"item?.code\">{{ item?.code }}</a>\n </li>\n }\n </ul>\n }\n </ul>\n }\n</section>\n", styles: [".m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}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:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.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{-moz-text-size-adjust:none;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;-o-object-fit:contain;object-fit:contain}@keyframes swingV{15%{transform:translateY(.5rem)}30%{transform:translateY(-.5rem)}50%{transform:translateY(.3rem)}65%{transform:translateY(-.3rem)}80%{transform:translateY(.2rem)}to{transform:translateY(0)}}@keyframes swingH{15%{transform:translate(.5rem)}30%{transform:translate(-.5rem)}50%{transform:translate(.3rem)}65%{transform:translate(-.3rem)}80%{transform:translate(.2rem)}to{transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;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-m01{height:15rem}.mdl-m01 .m-cont{transition:opacity .5s,transform .5s;opacity:1;position:relative;z-index:10}.mdl-m01 .m-cont:not(.sticky){height:15rem}.mdl-m01 .m-cont.sticky{opacity:1;position:fixed;height:auto;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;z-index:999;background-color:#fff}.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 5rem;position:fixed}.mdl-m01 .m-cont.sticky .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont.stickyv2{opacity:1;height:auto;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;transform:translateY(0);z-index:999;background-color:#fff}.mdl-m01 .m-cont.stickyv2 .mdl-container{padding:1.8rem 5rem;position:fixed;top:4rem}.mdl-m01 .m-cont.stickyv2 .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont:not(.sticky){opacity:1;position:relative;box-shadow:none;transform:translateY(-4rem)}.mdl-m01 .m-cont .mdl-container{max-width:100%;padding:9.7rem 5rem 5.7rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative}.mdl-m01 .m-cont .mdl-container .m-left{display:flex;gap:5rem;align-items:center;width:22.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;color:#b7985d;white-space:nowrap}.mdl-m01 .m-cont .mdl-container .m-left .m-icono{display:none}.mdl-m01 .m-cont .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%)}.mdl-m01 .m-cont .mdl-container .m-center img{height:4rem}.mdl-m01 .m-cont .mdl-container .m-right{width:22.7rem}@media (max-width: 1080px){.mdl-m01{height:9rem}.mdl-m01 .m-cont:not(.sticky){height:9rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:6.7rem}.mdl-m01 .m-cont .mdl-container .m-right{display:flex;flex-direction:column;align-items:flex-end}}@media (max-width: 768px){.mdl-m01{height:8rem}.mdl-m01 .m-cont:not(.sticky){height:8rem}.mdl-m01 .m-cont .mdl-container .m-right{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:5.8rem}.mdl-m01 .m-cont.sticky .m-left{gap:3.5rem}.mdl-m01 .m-cont.sticky .m-left .m-icono{display:block}.mdl-m01 .m-cont.sticky .m-center{display:none}.mdl-m01 .m-cont.sticky .m-right{display:flex}}@media (max-width: 540px){.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 2.6rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 2.5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-center{top:6.3rem}.mdl-m01 .m-cont .mdl-container .m-center img{height:3.2rem}.mdl-m01 .m-cont .mdl-container .m-left{gap:2rem}}.mdl-burguermenu{display:none;position:fixed;width:100%;height:100vh;background-color:#fcfaf8;top:0;z-index:10;overflow:hidden;animation-duration:.5s;animation-fill-mode:forwards}.mdl-burguermenu .m-menu{list-style:none;position:absolute;top:50%;margin-top:4rem;transform:translateY(-50%);left:14rem}.mdl-burguermenu .m-menu>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu:hover>*{filter:grayscale(70%);opacity:.6}.mdl-burguermenu .m-menu:hover>*:hover{filter:grayscale(0);opacity:1}.mdl-burguermenu .m-menu li{padding:1.5rem 0}.mdl-burguermenu .m-menu li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:2.4rem;line-height:100%;text-transform:uppercase;color:#b7985d}.mdl-burguermenu .m-menu li:before{display:none}.mdl-burguermenu .m-menu .m-idiomas{display:flex;margin-left:-2rem}.mdl-burguermenu .m-menu .m-idiomas>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu .m-idiomas:hover>*{opacity:.6}.mdl-burguermenu .m-menu .m-idiomas:hover>*:hover{opacity:1}.mdl-burguermenu .m-menu .m-idiomas li{font-size:1.8rem;margin-right:1rem;opacity:.6;transition:.3s}.mdl-burguermenu .m-menu .m-idiomas li:hover{opacity:1;transition:.3s}.mdl-burguermenu.show{display:block;animation-name:slideDown}@media (max-width: 768px){.mdl-burguermenu .m-menu{left:10rem;top:13rem;margin-top:0;transform:none}}@media (max-width: 540px){.mdl-burguermenu .m-menu{left:5rem;top:11rem}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.noscroll{overflow:hidden!important;height:100%!important}\n"] }]
|
|
17135
|
+
args: [{ selector: 'ces-c4-me-txt-svg-cta', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-m01\">\n <div\n class=\"m-cont\"\n #mCont\n [ngClass]=\"{ sticky: stickyHeader, stickyv2: menuOpen }\"\n >\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <div class=\"m-openclose\">\n <button\n class=\"m-open\"\n role=\"button\"\n (click)=\"toggleMenu()\"\n *ngIf=\"!menuOpen\"\n >\n <img\n src=\"/assets/babylon/images/icons/menuburguer.svg\"\n alt=\"\"\n />\n </button>\n <button\n class=\"m-close\"\n role=\"button\"\n (click)=\"toggleMenu()\"\n *ngIf=\"menuOpen\"\n >\n <img src=\"/assets/babylon/images/icons/close.svg\" alt=\"\" />\n </button>\n </div>\n @if (texts?.title) {\n <div class=\"m-text\">{{ texts?.title }}</div>\n }\n @if (logos?.logoMobile) {\n <a\n [href]=\"linkLogo?.url\"\n aria-label=\"logo\"\n class=\"m-icono\"\n >\n <img\n [src]=\"logos?.logoMobile?.src\"\n [alt]=\"logos?.logoMobile?.alt\"\n />\n </a>\n }\n </div>\n @if (logos?.logo) {\n <a\n role=\"button\"\n [href]=\"linkLogo?.url\"\n [attr.aria-label]=\"linkLogo?.label\"\n [linkType]=\"linkLogo?.linkType\"\n class=\"m-center\"\n >\n <img\n [src]=\"logos?.logo?.src\"\n [alt]=\"logos?.logo?.alt\" />\n </a>\n }\n <div class=\"m-right\">\n @if (texts?.bookText) {\n <a\n role=\"button\"\n class=\"m-button\"\n [attr.aria-label]=\"texts?.bookText\"\n (click)=\"openEngineModal()\"\n >\n {{ texts?.bookText }}\n </a>\n }\n </div>\n </div>\n </div>\n</section>\n<section class=\"mdl-burguermenu\" #burgerMenu [ngClass]=\"{ show: menuOpen }\">\n @if (menu?.length) {\n <ul class=\"m-menu\">\n @for (link of menu; track $index) {\n <li>\n <a role=\"button\"\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType\"\n [modalClick]=\"modalClick\"\n [href]=\"link?.url\"\n >\n {{ link?.label }}\n </a>\n </li>\n }\n @if (languages?.items?.length) {\n <ul class=\"m-idiomas\">\n @for (item of languages?.items; track $index) {\n <li>\n <a [href]=\"item?.code\">{{ item?.code }}</a>\n </li>\n }\n </ul>\n }\n </ul>\n }\n</section>\n", styles: [".m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:-webkit-clip-path .3s ease;transition:clip-path .3s ease;transition:clip-path .3s ease,-webkit-clip-path .3s ease;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{-webkit-clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%);clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}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:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.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{-moz-text-size-adjust:none;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;-o-object-fit:contain;object-fit:contain}@keyframes swingV{15%{transform:translateY(.5rem)}30%{transform:translateY(-.5rem)}50%{transform:translateY(.3rem)}65%{transform:translateY(-.3rem)}80%{transform:translateY(.2rem)}to{transform:translateY(0)}}@keyframes swingH{15%{transform:translate(.5rem)}30%{transform:translate(-.5rem)}50%{transform:translate(.3rem)}65%{transform:translate(-.3rem)}80%{transform:translate(.2rem)}to{transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;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-m01{height:15rem}.mdl-m01 .m-cont{transition:opacity .5s,transform .5s;opacity:1;position:relative;z-index:10}.mdl-m01 .m-cont:not(.sticky){height:15rem}.mdl-m01 .m-cont.sticky{opacity:1;position:fixed;height:auto;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;z-index:999;background-color:#fff}.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 5rem;position:fixed}.mdl-m01 .m-cont.sticky .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont.stickyv2{opacity:1;height:auto;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000001a;transform:translateY(0);z-index:999;background-color:#fff}.mdl-m01 .m-cont.stickyv2 .mdl-container{padding:1.8rem 5rem;position:fixed;top:4rem}.mdl-m01 .m-cont.stickyv2 .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-m01 .m-cont:not(.sticky){opacity:1;position:relative;box-shadow:none;transform:translateY(-4rem)}.mdl-m01 .m-cont .mdl-container{max-width:100%;padding:9.7rem 5rem 5.7rem;background-color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative}.mdl-m01 .m-cont .mdl-container .m-left{display:flex;gap:5rem;align-items:center;width:22.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;color:#b7985d;white-space:nowrap}.mdl-m01 .m-cont .mdl-container .m-left .m-icono{display:none}.mdl-m01 .m-cont .mdl-container .m-center{position:absolute;left:50%;top:50%;transform:translate(-50%)}.mdl-m01 .m-cont .mdl-container .m-center img{height:4rem}.mdl-m01 .m-cont .mdl-container .m-right{width:22.7rem}@media (max-width: 1080px){.mdl-m01{height:9rem}.mdl-m01 .m-cont:not(.sticky){height:9rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-left .m-text{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:6.7rem}.mdl-m01 .m-cont .mdl-container .m-right{display:flex;flex-direction:column;align-items:flex-end}}@media (max-width: 768px){.mdl-m01{height:8rem}.mdl-m01 .m-cont:not(.sticky){height:8rem}.mdl-m01 .m-cont .mdl-container .m-right{display:none}.mdl-m01 .m-cont .mdl-container .m-center{top:5.8rem}.mdl-m01 .m-cont.sticky .m-left{gap:3.5rem}.mdl-m01 .m-cont.sticky .m-left .m-icono{display:block}.mdl-m01 .m-cont.sticky .m-center{display:none}.mdl-m01 .m-cont.sticky .m-right{display:flex}}@media (max-width: 540px){.mdl-m01 .m-cont.sticky .mdl-container{padding:1.8rem 2.6rem}.mdl-m01 .m-cont .mdl-container{padding:6.7rem 2.5rem 2.7rem}.mdl-m01 .m-cont .mdl-container .m-center{top:6.3rem}.mdl-m01 .m-cont .mdl-container .m-center img{height:3.2rem}.mdl-m01 .m-cont .mdl-container .m-left{gap:2rem}}.mdl-burguermenu{display:none;position:fixed;width:100%;height:100vh;background-color:#fcfaf8;top:0;z-index:10;overflow:hidden;animation-duration:.5s;animation-fill-mode:forwards}.mdl-burguermenu .m-menu{list-style:none;position:absolute;top:50%;margin-top:4rem;transform:translateY(-50%);left:14rem}.mdl-burguermenu .m-menu>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu:hover>*{filter:grayscale(70%);opacity:.6}.mdl-burguermenu .m-menu:hover>*:hover{filter:grayscale(0);opacity:1}.mdl-burguermenu .m-menu li{padding:1.5rem 0}.mdl-burguermenu .m-menu li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:2.4rem;line-height:100%;text-transform:uppercase;color:#b7985d}.mdl-burguermenu .m-menu li:before{display:none}.mdl-burguermenu .m-menu .m-idiomas{display:flex;margin-left:-2rem}.mdl-burguermenu .m-menu .m-idiomas>*{transition:opacity .3s ease}.mdl-burguermenu .m-menu .m-idiomas:hover>*{opacity:.6}.mdl-burguermenu .m-menu .m-idiomas:hover>*:hover{opacity:1}.mdl-burguermenu .m-menu .m-idiomas li{font-size:1.8rem;margin-right:1rem;opacity:.6;transition:.3s}.mdl-burguermenu .m-menu .m-idiomas li:hover{opacity:1;transition:.3s}.mdl-burguermenu.show{display:block;animation-name:slideDown}@media (max-width: 768px){.mdl-burguermenu .m-menu{left:10rem;top:13rem;margin-top:0;transform:none}}@media (max-width: 540px){.mdl-burguermenu .m-menu{left:5rem;top:11rem}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.noscroll{overflow:hidden!important;height:100%!important}\n"] }]
|
|
17121
17136
|
}], ctorParameters: () => [{ type: i0.Renderer2 }], propDecorators: { multipleMotorsModal: [{
|
|
17122
17137
|
type: Input
|
|
17123
17138
|
}], logos: [{
|
|
@@ -17130,8 +17145,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
17130
17145
|
type: Input
|
|
17131
17146
|
}], btnBook: [{
|
|
17132
17147
|
type: Input
|
|
17133
|
-
}], engineShow: [{
|
|
17134
|
-
type: Input
|
|
17135
17148
|
}], texts: [{
|
|
17136
17149
|
type: Input
|
|
17137
17150
|
}], languages: [{
|