ctt-babylon 0.12.13 → 0.12.16
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 +6 -2
- package/esm2022/lib/components/core/babylon-engine-widget-modal/babylon-engine-widget-modal.component.mjs +3 -3
- package/esm2022/lib/components/core/babylon-fo-addr-cont-img/babylon-fo-addr-cont-img.component.mjs +17 -5
- package/esm2022/lib/components/core/babylon-fo-lis-c4-txt/babylon-fo-lis-c4-txt.component.mjs +3 -3
- package/esm2022/lib/components/core/babylon-he-svg-list/babylon-he-svg-list.component.mjs +4 -4
- package/esm2022/lib/components/core/babylon-lis-c2-txt/babylon-lis-c2-txt.component.mjs +3 -3
- package/esm2022/lib/components/external/core/c2-txt-rrss/c2-txt-rrss.component.mjs +3 -3
- package/esm2022/lib/components/external/core/car-c2-txt-cta/car-c2-txt-cta.component.mjs +3 -3
- package/esm2022/lib/components/external/core/lis-c4-txt-des-cta/lis-c4-txt-des-cta.component.mjs +3 -3
- package/esm2022/lib/interfaces/babylon-text-info.interface.mjs +1 -1
- package/esm2022/lib/services/mapper/mapper.service.mjs +5 -8
- package/fesm2022/ctt-babylon.mjs +37 -26
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-booking-widget/babylon-booking-widget.component.d.ts +2 -1
- package/lib/components/core/babylon-fo-addr-cont-img/babylon-fo-addr-cont-img.component.d.ts +8 -1
- package/lib/interfaces/babylon-text-info.interface.d.ts +3 -0
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -2924,12 +2924,6 @@ class MapperService {
|
|
|
2924
2924
|
error: props?.texts?.errorRequired,
|
|
2925
2925
|
},
|
|
2926
2926
|
};
|
|
2927
|
-
console.log('props', props);
|
|
2928
|
-
console.log(component.name, cleanDeep(result, {
|
|
2929
|
-
removeNull: true,
|
|
2930
|
-
removeEmptyString: true,
|
|
2931
|
-
pruneEmpty: true,
|
|
2932
|
-
}));
|
|
2933
2927
|
return cleanDeep(result, {
|
|
2934
2928
|
removeNull: true,
|
|
2935
2929
|
removeEmptyString: true,
|
|
@@ -2997,7 +2991,7 @@ class MapperService {
|
|
|
2997
2991
|
leve3: this.getTextValue(texts?.leve3),
|
|
2998
2992
|
whatsapp: this.getTextValue(texts?.whatsapp),
|
|
2999
2993
|
scrolltext: this.getTextValue(texts?.scrolltext ?? texts?.scrollDown),
|
|
3000
|
-
addresstitle: this.getTextValue(texts?.addresstitle),
|
|
2994
|
+
addresstitle: this.getTextValue(texts?.addresstitle ?? texts?.addressTitle),
|
|
3001
2995
|
bannertext: this.getTextValue(texts?.bannertext),
|
|
3002
2996
|
contacttitle: this.getTextValue(texts?.contacttitle ?? texts?.contactTitle),
|
|
3003
2997
|
copyrighttext: this.getTextValue(texts?.copyrighttext ?? texts?.copyright),
|
|
@@ -3032,6 +3026,9 @@ class MapperService {
|
|
|
3032
3026
|
destinations: this.getTextValue(texts?.destinations),
|
|
3033
3027
|
cleanFilters: this.getTextValue(texts?.cleanFilters),
|
|
3034
3028
|
notFound: this.getTextValue(texts?.notFound),
|
|
3029
|
+
contactEmail: this.getTextValue(texts?.contactEmail),
|
|
3030
|
+
contactOffice: this.getTextValue(texts?.contactOffice),
|
|
3031
|
+
contactTel: this.getTextValue(texts?.contactTel),
|
|
3035
3032
|
};
|
|
3036
3033
|
}
|
|
3037
3034
|
getTextValue(text) {
|
|
@@ -6536,7 +6533,7 @@ class BabylonBookingWidgetComponent {
|
|
|
6536
6533
|
}
|
|
6537
6534
|
}
|
|
6538
6535
|
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 }); }
|
|
6539
|
-
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: `
|
|
6536
|
+
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", layoutColumn: "layoutColumn", flagTime: "flagTime" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: ["widgetContainer"], descendants: true, static: true }], ngImport: i0, template: `
|
|
6540
6537
|
<div
|
|
6541
6538
|
#widgetContainer
|
|
6542
6539
|
[id]="widgetId"
|
|
@@ -6546,6 +6543,7 @@ class BabylonBookingWidgetComponent {
|
|
|
6546
6543
|
[attr.data-currency]="currency"
|
|
6547
6544
|
[attr.data-locale]="locale"
|
|
6548
6545
|
[attr.data-layout]="layout"
|
|
6546
|
+
[attr.data-layout-column]="layoutColumn"
|
|
6549
6547
|
[attr.data-default-adults]="defaultAdults"
|
|
6550
6548
|
[attr.data-default-children]="defaultChildren"
|
|
6551
6549
|
[attr.data-show-price]="showPrice"
|
|
@@ -6575,6 +6573,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6575
6573
|
[attr.data-currency]="currency"
|
|
6576
6574
|
[attr.data-locale]="locale"
|
|
6577
6575
|
[attr.data-layout]="layout"
|
|
6576
|
+
[attr.data-layout-column]="layoutColumn"
|
|
6578
6577
|
[attr.data-default-adults]="defaultAdults"
|
|
6579
6578
|
[attr.data-default-children]="defaultChildren"
|
|
6580
6579
|
[attr.data-show-price]="showPrice"
|
|
@@ -6631,6 +6630,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6631
6630
|
type: Input
|
|
6632
6631
|
}], buttonText: [{
|
|
6633
6632
|
type: Input
|
|
6633
|
+
}], layoutColumn: [{
|
|
6634
|
+
type: Input
|
|
6634
6635
|
}], flagTime: [{
|
|
6635
6636
|
type: Input
|
|
6636
6637
|
}] } });
|
|
@@ -8424,11 +8425,11 @@ class BabylonEngineWidgetModalComponent {
|
|
|
8424
8425
|
this.dialogRef.close();
|
|
8425
8426
|
}
|
|
8426
8427
|
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 }); }
|
|
8427
|
-
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", styles: "styles" }, 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 [style.backgroundColor]=\"styles?.primary\"\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 data-layout-column=\"true\"\n [showPrice]=\"widgetConfig.showPrice\"\n [defaultAdults]=\"widgetConfig.defaultAdults\"\n [defaultChildren]=\"widgetConfig.defaultChildren\"\n [currency]=\"widgetConfig.currency\"\n [baseUrl]=\"widgetConfig.baseUrl + locale + '/'\"\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"] }] }); }
|
|
8428
|
+
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", styles: "styles" }, 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 [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >\n @if (styles?.primary) {\n <svg\n width=\"14\"\n height=\"13\"\n viewBox=\"0 0 14 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1.33677 0.739403C1.51937 0.55773 1.76696 0.455628 2.02454 0.456284C2.28202 0.456975 2.52861 0.560362 2.71024 0.742856L7.08546 5.14018L11.4344 0.740094C11.616 0.557565 11.8627 0.45426 12.1201 0.453522C12.3777 0.452865 12.6253 0.554968 12.8079 0.736641C12.9904 0.918282 13.0938 1.16484 13.0945 1.42234C13.0951 1.67992 12.993 1.92751 12.8114 2.11011L8.35259 6.59099L12.7409 11.0014C12.9226 11.184 13.0247 11.4317 13.0241 11.6892C13.0234 11.9467 12.9199 12.1933 12.7375 12.3749C12.5549 12.5566 12.3073 12.6587 12.0497 12.658C11.7922 12.6573 11.5456 12.554 11.364 12.3714L6.98948 7.97482L2.6405 12.3749C2.45885 12.5575 2.21164 12.6601 1.95411 12.6608C1.69663 12.6614 1.4496 12.5599 1.26702 12.3784C1.08449 12.1967 0.98118 11.9501 0.980453 11.6927C0.979797 11.4351 1.0819 11.1875 1.26357 11.0049L5.72097 6.52401L1.33332 2.11288C1.15177 1.93037 1.05033 1.68321 1.05089 1.42579C1.05154 1.16825 1.15422 0.921069 1.33677 0.739403Z\"\n fill=\"#fff\"\n />\n </svg>\n } @else {\n <img\n src=\"/assets/babylon/svg/icons/close-small.svg\"\n alt=\"close\"\n />\n }\n </button>\n </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 layoutColumn=\"true\"\n [showPrice]=\"widgetConfig?.showPrice\"\n [defaultAdults]=\"widgetConfig?.defaultAdults\"\n [defaultChildren]=\"widgetConfig?.defaultChildren\"\n [currency]=\"widgetConfig?.currency\"\n [baseUrl]=\"widgetConfig?.baseUrl + locale + '/'\"\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-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;border-radius:25px;cursor:pointer;transition:transform .3s ease;transform:rotate(0);display:flex;justify-content:center;align-items:center}.mdl-widget .mod-close .mdl-widget__close:hover{transform:rotate(180deg)}@media (max-width: 1080px){.mdl-widget .mod-close{position:absolute;top:0;width:100vw}.mdl-widget .mod-close .mdl-widget__close{position:absolute;width:3.2rem;height:3.2rem;right:20px;top:20px;z-index:9}}@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", "layoutColumn", "flagTime"] }] }); }
|
|
8428
8429
|
}
|
|
8429
8430
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineWidgetModalComponent, decorators: [{
|
|
8430
8431
|
type: Component,
|
|
8431
|
-
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 [style.backgroundColor]=\"styles?.primary\"\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 data-layout-column=\"true\"\n [showPrice]=\"widgetConfig.showPrice\"\n [defaultAdults]=\"widgetConfig.defaultAdults\"\n [defaultChildren]=\"widgetConfig.defaultChildren\"\n [currency]=\"widgetConfig.currency\"\n [baseUrl]=\"widgetConfig.baseUrl + locale + '/'\"\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"] }]
|
|
8432
|
+
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 [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >\n @if (styles?.primary) {\n <svg\n width=\"14\"\n height=\"13\"\n viewBox=\"0 0 14 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1.33677 0.739403C1.51937 0.55773 1.76696 0.455628 2.02454 0.456284C2.28202 0.456975 2.52861 0.560362 2.71024 0.742856L7.08546 5.14018L11.4344 0.740094C11.616 0.557565 11.8627 0.45426 12.1201 0.453522C12.3777 0.452865 12.6253 0.554968 12.8079 0.736641C12.9904 0.918282 13.0938 1.16484 13.0945 1.42234C13.0951 1.67992 12.993 1.92751 12.8114 2.11011L8.35259 6.59099L12.7409 11.0014C12.9226 11.184 13.0247 11.4317 13.0241 11.6892C13.0234 11.9467 12.9199 12.1933 12.7375 12.3749C12.5549 12.5566 12.3073 12.6587 12.0497 12.658C11.7922 12.6573 11.5456 12.554 11.364 12.3714L6.98948 7.97482L2.6405 12.3749C2.45885 12.5575 2.21164 12.6601 1.95411 12.6608C1.69663 12.6614 1.4496 12.5599 1.26702 12.3784C1.08449 12.1967 0.98118 11.9501 0.980453 11.6927C0.979797 11.4351 1.0819 11.1875 1.26357 11.0049L5.72097 6.52401L1.33332 2.11288C1.15177 1.93037 1.05033 1.68321 1.05089 1.42579C1.05154 1.16825 1.15422 0.921069 1.33677 0.739403Z\"\n fill=\"#fff\"\n />\n </svg>\n } @else {\n <img\n src=\"/assets/babylon/svg/icons/close-small.svg\"\n alt=\"close\"\n />\n }\n </button>\n </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 layoutColumn=\"true\"\n [showPrice]=\"widgetConfig?.showPrice\"\n [defaultAdults]=\"widgetConfig?.defaultAdults\"\n [defaultChildren]=\"widgetConfig?.defaultChildren\"\n [currency]=\"widgetConfig?.currency\"\n [baseUrl]=\"widgetConfig?.baseUrl + locale + '/'\"\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-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;border-radius:25px;cursor:pointer;transition:transform .3s ease;transform:rotate(0);display:flex;justify-content:center;align-items:center}.mdl-widget .mod-close .mdl-widget__close:hover{transform:rotate(180deg)}@media (max-width: 1080px){.mdl-widget .mod-close{position:absolute;top:0;width:100vw}.mdl-widget .mod-close .mdl-widget__close{position:absolute;width:3.2rem;height:3.2rem;right:20px;top:20px;z-index:9}}@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"] }]
|
|
8432
8433
|
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }], propDecorators: { texts: [{
|
|
8433
8434
|
type: Input
|
|
8434
8435
|
}], locale: [{
|
|
@@ -8779,12 +8780,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8779
8780
|
|
|
8780
8781
|
class BabylonFoAddrContImgComponent {
|
|
8781
8782
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonFoAddrContImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8782
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonFoAddrContImgComponent, isStandalone: true, selector: "lib-babylon-fo-addr-cont-img", ngImport: i0, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <h2 class=\"m-titulo\">Te estamos esperando!</h2>\n <div class=\"m-content\">\n <div class=\"m-colm\">\n <div class=\"m-titulo\">Direcci\u00F3n</div>\n <div class=\"m-text\">Avenida El Palacio, 1</div>\n <div class=\"m-text\">04638 Moj\u00E1car - Almer\u00EDa - Espa\u00F1a</div>\n <button\n type=\"button\"\n class=\"m-underline-red\"\n aria-label=\"\u00BFC\u00F3mo llegar?\"\n >\n \u00BFC\u00F3mo llegar?\n </button>\n </div>\n <div class=\"m-colm\">\n <div class=\"m-titulo\">Contacto</div>\n <a href=\"tel:+34 950 47 80 00\" class=\"m-text\"\n >T. +34 950 47 80 00</a\n >\n <a\n href=\"mailto:palaciomojacar@alegria-hotels.com\"\n class=\"m-text m-underline-red\"\n >\n palaciomojacar_alegria-hotels.com\n </a>\n </div>\n <div class=\"m-colmImg\">\n <img src=\"https://picsum.photos/1000/1000\" alt=\"\" />\n </div>\n </div>\n </div>\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/1000/1000\" alt=\"\" />\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-f01{position:relative}.mdl-f01 .mdl-container{height:34rem;display:flex;align-items:center;overflow:hidden}.mdl-f01 .mdl-container .m-left{width:123rem;display:flex;justify-content:space-between}.mdl-f01 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:2.2rem;line-height:3rem}}.mdl-f01 .mdl-container .m-left .m-titulo{color:#515050b2;line-height:2.6rem}.mdl-f01 .mdl-container .m-left .m-content{display:flex;width:65.4rem;justify-content:space-between}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{font-size:1.1rem}}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{color:#515050;font-weight:500;margin-bottom:1.5rem}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text.m-underline-red:hover{color:#ff4338}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text.m-underline-red:before{display:none}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text:last-of-type{margin-bottom:2.5rem;margin-top:0}.mdl-f01 .mdl-container .m-left .m-content .m-colmImg{width:100%;height:40rem;display:none}.mdl-f01 .mdl-container .m-left .m-content .m-colmImg img{width:100%;height:100%;object-fit:cover}.mdl-f01 .mdl-container .m-image{width:26rem;height:26rem;position:absolute;right:0;bottom:0}.mdl-f01 .mdl-container .m-image img{width:100%;height:100%;object-fit:cover}@media (max-width: 1600px){.mdl-f01 .mdl-container .m-left{flex-direction:column;gap:5rem}}@media (max-width: 1080px){.mdl-f01 .mdl-container .m-image{width:22rem;height:22rem}}@media (max-width: 1000px){.mdl-f01 .mdl-container{height:auto;margin:7rem auto}.mdl-f01 .mdl-container .m-left .m-content{display:flex;width:65.4rem;justify-content:space-between;flex-direction:column;gap:5rem}}@media (max-width: 540px){.mdl-f01 .mdl-container .m-left .m-content .m-colmImg{display:block}.mdl-f01 .mdl-container .m-image{display:none}}@media (max-width: 375px){.mdl-f01 .mdl-container .m-left .m-content .m-colmImg{height:32rem}}\n"] }); }
|
|
8783
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonFoAddrContImgComponent, isStandalone: true, selector: "lib-babylon-fo-addr-cont-img", inputs: { texts: "texts", multimedia: "multimedia", buttons: "buttons", links: "links", address: "address" }, ngImport: i0, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (texts?.title) {\n <h2 class=\"m-titulo\">{{ texts?.title }}</h2>\n }\n <div class=\"m-content\">\n <div class=\"m-colm\">\n @if (texts?.addresstitle) {\n <div class=\"m-titulo\">{{ texts?.addresstitle }}</div>\n }\n @if (address?.[0]; as address) {\n @if (address.address) {\n <div class=\"m-text\">{{ address.address }}</div>\n }\n @if (\n address.city || address.province || address.country\n ) {\n <div class=\"m-text\">\n {{ address.city }} - {{ address.province }} -\n {{ address.country }}\n </div>\n }\n }\n @if (buttons?.length) {\n <a\n type=\"button\"\n class=\"m-underline-red\"\n [attr.aria-label]=\"buttons?.[0]?.label\"\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\"\n >\n {{ buttons?.[0]?.label }}\n </a>\n }\n </div>\n <div class=\"m-colm\">\n @if (texts?.contacttitle) {\n <div class=\"m-titulo\">{{ texts?.contacttitle }}</div>\n }\n @if (links) {\n @for (item of links; track $index) {\n <a\n [href]=\"item?.url\"\n [attr.aria-label]=\"item?.label\"\n [linkType]=\"item?.linkType\"\n class=\"m-text m-underline-red\"\n >{{ item?.label }}</a\n >\n }\n }\n </div>\n @if (multimedia?.imagenes?.[0]; as img) {\n <div class=\"m-colmImg\">\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n </div>\n }\n </div>\n </div>\n @if (multimedia?.imagenes?.[0]; as img) {\n <div class=\"m-image\">\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n </div>\n }\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-f01{position:relative}.mdl-f01 .mdl-container{height:34rem;display:flex;align-items:center;overflow:hidden}.mdl-f01 .mdl-container .m-left{width:123rem;display:flex;justify-content:space-between}.mdl-f01 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:2.2rem;line-height:3rem}}.mdl-f01 .mdl-container .m-left .m-titulo{color:#515050b2;line-height:2.6rem}.mdl-f01 .mdl-container .m-left .m-content{display:flex;width:65.4rem;justify-content:space-between}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{font-size:1.1rem}}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{color:#515050;font-weight:500;margin-bottom:1.5rem}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text.m-underline-red:hover{color:#ff4338}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text.m-underline-red:before{display:none}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text:last-of-type{margin-bottom:2.5rem;margin-top:0}.mdl-f01 .mdl-container .m-left .m-content .m-colmImg{width:100%;height:40rem;display:none}.mdl-f01 .mdl-container .m-left .m-content .m-colmImg img{width:100%;height:100%;object-fit:cover}.mdl-f01 .mdl-container .m-image{width:26rem;height:26rem;position:absolute;right:0;bottom:0}.mdl-f01 .mdl-container .m-image img{width:100%;height:100%;object-fit:cover}@media (max-width: 1600px){.mdl-f01 .mdl-container .m-left{flex-direction:column;gap:5rem}}@media (max-width: 1080px){.mdl-f01 .mdl-container .m-image{width:22rem;height:22rem}}@media (max-width: 1000px){.mdl-f01 .mdl-container{height:auto;margin:7rem auto}.mdl-f01 .mdl-container .m-left .m-content{display:flex;width:65.4rem;justify-content:space-between;flex-direction:column;gap:5rem}}@media (max-width: 540px){.mdl-f01 .mdl-container .m-left .m-content .m-colmImg{display:block}.mdl-f01 .mdl-container .m-image{display:none}}@media (max-width: 375px){.mdl-f01 .mdl-container .m-left .m-content .m-colmImg{height:32rem}}\n"], dependencies: [{ kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }, { kind: "ngmodule", type: CommonModule }] }); }
|
|
8783
8784
|
}
|
|
8784
8785
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonFoAddrContImgComponent, decorators: [{
|
|
8785
8786
|
type: Component,
|
|
8786
|
-
args: [{ selector: 'lib-babylon-fo-addr-cont-img', standalone: true, imports: [], template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <h2 class=\"m-titulo\">Te estamos esperando!</h2>\n <div class=\"m-content\">\n <div class=\"m-colm\">\n <div class=\"m-titulo\">Direcci\u00F3n</div>\n <div class=\"m-text\">Avenida El Palacio, 1</div>\n <div class=\"m-text\">04638 Moj\u00E1car - Almer\u00EDa - Espa\u00F1a</div>\n <button\n type=\"button\"\n class=\"m-underline-red\"\n aria-label=\"\u00BFC\u00F3mo llegar?\"\n >\n \u00BFC\u00F3mo llegar?\n </button>\n </div>\n <div class=\"m-colm\">\n <div class=\"m-titulo\">Contacto</div>\n <a href=\"tel:+34 950 47 80 00\" class=\"m-text\"\n >T. +34 950 47 80 00</a\n >\n <a\n href=\"mailto:palaciomojacar@alegria-hotels.com\"\n class=\"m-text m-underline-red\"\n >\n palaciomojacar_alegria-hotels.com\n </a>\n </div>\n <div class=\"m-colmImg\">\n <img src=\"https://picsum.photos/1000/1000\" alt=\"\" />\n </div>\n </div>\n </div>\n <div class=\"m-image\">\n <img src=\"https://picsum.photos/1000/1000\" alt=\"\" />\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-f01{position:relative}.mdl-f01 .mdl-container{height:34rem;display:flex;align-items:center;overflow:hidden}.mdl-f01 .mdl-container .m-left{width:123rem;display:flex;justify-content:space-between}.mdl-f01 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:2.2rem;line-height:3rem}}.mdl-f01 .mdl-container .m-left .m-titulo{color:#515050b2;line-height:2.6rem}.mdl-f01 .mdl-container .m-left .m-content{display:flex;width:65.4rem;justify-content:space-between}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{font-size:1.1rem}}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{color:#515050;font-weight:500;margin-bottom:1.5rem}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text.m-underline-red:hover{color:#ff4338}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text.m-underline-red:before{display:none}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text:last-of-type{margin-bottom:2.5rem;margin-top:0}.mdl-f01 .mdl-container .m-left .m-content .m-colmImg{width:100%;height:40rem;display:none}.mdl-f01 .mdl-container .m-left .m-content .m-colmImg img{width:100%;height:100%;object-fit:cover}.mdl-f01 .mdl-container .m-image{width:26rem;height:26rem;position:absolute;right:0;bottom:0}.mdl-f01 .mdl-container .m-image img{width:100%;height:100%;object-fit:cover}@media (max-width: 1600px){.mdl-f01 .mdl-container .m-left{flex-direction:column;gap:5rem}}@media (max-width: 1080px){.mdl-f01 .mdl-container .m-image{width:22rem;height:22rem}}@media (max-width: 1000px){.mdl-f01 .mdl-container{height:auto;margin:7rem auto}.mdl-f01 .mdl-container .m-left .m-content{display:flex;width:65.4rem;justify-content:space-between;flex-direction:column;gap:5rem}}@media (max-width: 540px){.mdl-f01 .mdl-container .m-left .m-content .m-colmImg{display:block}.mdl-f01 .mdl-container .m-image{display:none}}@media (max-width: 375px){.mdl-f01 .mdl-container .m-left .m-content .m-colmImg{height:32rem}}\n"] }]
|
|
8787
|
-
}]
|
|
8787
|
+
args: [{ selector: 'lib-babylon-fo-addr-cont-img', standalone: true, imports: [BabylonLinkTypeDirective, CommonModule], template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (texts?.title) {\n <h2 class=\"m-titulo\">{{ texts?.title }}</h2>\n }\n <div class=\"m-content\">\n <div class=\"m-colm\">\n @if (texts?.addresstitle) {\n <div class=\"m-titulo\">{{ texts?.addresstitle }}</div>\n }\n @if (address?.[0]; as address) {\n @if (address.address) {\n <div class=\"m-text\">{{ address.address }}</div>\n }\n @if (\n address.city || address.province || address.country\n ) {\n <div class=\"m-text\">\n {{ address.city }} - {{ address.province }} -\n {{ address.country }}\n </div>\n }\n }\n @if (buttons?.length) {\n <a\n type=\"button\"\n class=\"m-underline-red\"\n [attr.aria-label]=\"buttons?.[0]?.label\"\n [href]=\"buttons?.[0]?.url\"\n [linkType]=\"buttons?.[0]?.linkType\"\n >\n {{ buttons?.[0]?.label }}\n </a>\n }\n </div>\n <div class=\"m-colm\">\n @if (texts?.contacttitle) {\n <div class=\"m-titulo\">{{ texts?.contacttitle }}</div>\n }\n @if (links) {\n @for (item of links; track $index) {\n <a\n [href]=\"item?.url\"\n [attr.aria-label]=\"item?.label\"\n [linkType]=\"item?.linkType\"\n class=\"m-text m-underline-red\"\n >{{ item?.label }}</a\n >\n }\n }\n </div>\n @if (multimedia?.imagenes?.[0]; as img) {\n <div class=\"m-colmImg\">\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n </div>\n }\n </div>\n </div>\n @if (multimedia?.imagenes?.[0]; as img) {\n <div class=\"m-image\">\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n </div>\n }\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-f01{position:relative}.mdl-f01 .mdl-container{height:34rem;display:flex;align-items:center;overflow:hidden}.mdl-f01 .mdl-container .m-left{width:123rem;display:flex;justify-content:space-between}.mdl-f01 .mdl-container .m-left .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-f01 .mdl-container .m-left .m-titulo{font-size:2.2rem;line-height:3rem}}.mdl-f01 .mdl-container .m-left .m-titulo{color:#515050b2;line-height:2.6rem}.mdl-f01 .mdl-container .m-left .m-content{display:flex;width:65.4rem;justify-content:space-between}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{font-size:1.1rem}}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-titulo{color:#515050;font-weight:500;margin-bottom:1.5rem}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text.m-underline-red:hover{color:#ff4338}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text.m-underline-red:before{display:none}.mdl-f01 .mdl-container .m-left .m-content .m-colm .m-text:last-of-type{margin-bottom:2.5rem;margin-top:0}.mdl-f01 .mdl-container .m-left .m-content .m-colmImg{width:100%;height:40rem;display:none}.mdl-f01 .mdl-container .m-left .m-content .m-colmImg img{width:100%;height:100%;object-fit:cover}.mdl-f01 .mdl-container .m-image{width:26rem;height:26rem;position:absolute;right:0;bottom:0}.mdl-f01 .mdl-container .m-image img{width:100%;height:100%;object-fit:cover}@media (max-width: 1600px){.mdl-f01 .mdl-container .m-left{flex-direction:column;gap:5rem}}@media (max-width: 1080px){.mdl-f01 .mdl-container .m-image{width:22rem;height:22rem}}@media (max-width: 1000px){.mdl-f01 .mdl-container{height:auto;margin:7rem auto}.mdl-f01 .mdl-container .m-left .m-content{display:flex;width:65.4rem;justify-content:space-between;flex-direction:column;gap:5rem}}@media (max-width: 540px){.mdl-f01 .mdl-container .m-left .m-content .m-colmImg{display:block}.mdl-f01 .mdl-container .m-image{display:none}}@media (max-width: 375px){.mdl-f01 .mdl-container .m-left .m-content .m-colmImg{height:32rem}}\n"] }]
|
|
8788
|
+
}], propDecorators: { texts: [{
|
|
8789
|
+
type: Input
|
|
8790
|
+
}], multimedia: [{
|
|
8791
|
+
type: Input
|
|
8792
|
+
}], buttons: [{
|
|
8793
|
+
type: Input
|
|
8794
|
+
}], links: [{
|
|
8795
|
+
type: Input
|
|
8796
|
+
}], address: [{
|
|
8797
|
+
type: Input
|
|
8798
|
+
}] } });
|
|
8788
8799
|
|
|
8789
8800
|
class BabylonFoC3ImgTxtComponent {
|
|
8790
8801
|
constructor(el) {
|
|
@@ -8936,11 +8947,11 @@ class BabylonFoLisC4TxtComponent {
|
|
|
8936
8947
|
return buttonList;
|
|
8937
8948
|
}
|
|
8938
8949
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonFoLisC4TxtComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8939
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonFoLisC4TxtComponent, isStandalone: true, selector: "lib-babylon-fo-lis-c4-txt", inputs: { texts: "texts", multimedia: "multimedia", buttons: "buttons", styles: "styles" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0, template: "<!-- con la clase pt-0 podemos eliminar el espacio superior, ya que a veces se necesita por dise\u00F1o -->\n@if (buttons) {\n <section class=\"mdl-footer pt-0\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n <div class=\"m-left\">\n <div class=\"m-group\">\n @if (texts?.contacttitle) {\n <h2 class=\"m-title\">{{ texts?.contacttitle }}</h2>\n }\n <div class=\"m-pages\">\n <a\n href=\"mailto:booking@alegria-hotels.com\"\n class=\"m-page m-underline\"\n aria-label=\"Email booking@alegria-hotels.com\"\n >\n bookingalegria-hotels.com\n </a>\n <a\n href=\"tel:+34937678684\"\n class=\"m-page m-underline\"\n aria-label=\"Phone number +34 93 767 86 84\"\n >T. +34 93 767 86 84</a\n >\n </div>\n </div>\n\n <div class=\"m-group\">\n @if (texts?.contactOfficeTitle) {\n <h2 class=\"m-title\">\n {{ texts?.contactOfficeTitle }}\n </h2>\n }\n <div class=\"m-pages\">\n <a\n href=\"mailto:hello@alegria-hotels.com\"\n class=\"m-page m-underline\"\n aria-label=\"Email hello@alegria-hotels.com\"\n >helloalegria-hotels.com</a\n >\n </div>\n </div>\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-submenu\">\n <div class=\"m-group\">\n <div class=\"foot-icon\"></div>\n @if (texts?.grupoTitle) {\n <h2 class=\"m-title\">{{ texts?.grupoTitle }}</h2>\n }\n <div class=\"m-pages\">\n @for (\n item of getButtonsByOrder('1');\n track $index\n ) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n <div class=\"m-group\">\n <div class=\"foot-icon\"></div>\n @if (texts?.aboutTitle) {\n <h2 class=\"m-title\">{{ texts?.aboutTitle }}</h2>\n }\n <div class=\"m-pages\">\n @for (\n item of getButtonsByOrder('2');\n track $index\n ) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n <div class=\"m-group\">\n <div class=\"foot-icon\"></div>\n @if (texts?.helpTitle) {\n <h2 class=\"m-title\">{{ texts?.helpTitle }}</h2>\n }\n <div class=\"m-pages\">\n @for (\n item of getButtonsByOrder('3');\n track $index\n ) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"m-scrolltop\"\n aria-label=\"Scroll to top\"\n (click)=\"scrollTopFooter()\"\n >\n @if (texts?.scrolltext) {\n <div class=\"m-text\">{{ texts?.scrolltext }}</div>\n }\n <svg\n width=\"44\"\n height=\"44\"\n viewBox=\"0 0 44 44\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M22 44C9.84974 44 0 34.1503 0 22C0 9.84974 9.84974 0 22 0C34.1503 0 44 9.84974 44 22C44 34.1503 34.1503 44 22 44Z\"\n fill=\"#FF4338\"\n />\n <path\n d=\"M22 43C10.402 43 1 33.598 1 22C1 10.402 10.402 1 22 1C33.598 1 43 10.402 43 22C43 33.598 33.598 43 22 43Z\"\n fill=\"#FF4338\"\n />\n <path\n d=\"M21.2757 18.133L16.2237 23.211C16.042 23.3936 15.9403 23.6409 15.941 23.8984C15.9416 24.156 16.0446 24.4028 16.2272 24.5845C16.4098 24.7661 16.6571 24.8678 16.9146 24.8672C17.1722 24.8665 17.419 24.7636 17.6007 24.581L21.9497 20.181L26.3247 24.578C26.5063 24.7606 26.7531 24.8635 27.0107 24.8642C27.2683 24.8648 27.5156 24.7631 27.6982 24.5815C27.8808 24.3998 27.9837 24.153 27.9844 23.8954C27.985 23.6379 27.8833 23.3906 27.7017 23.208L22.6517 18.132C22.4691 17.9496 22.2215 17.8473 21.9635 17.8475C21.7054 17.8477 21.458 17.9504 21.2757 18.133Z\"\n fill=\"white\"\n />\n </svg>\n </button>\n </div>\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n }\n @if (texts?.copyrighttext) {\n <span>{{ texts?.copyrighttext }}</span>\n }\n </div>\n <div class=\"m-right\">\n <div class=\"m-legal\">\n @for (item of getButtonsByOrder('1'); track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page m-underline\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n </div>\n </div>\n </section>\n}\n\n@if (!styles) {\n <section class=\"mdl-decoration\">\n <div class=\"red\"></div>\n <div class=\"blue\"></div>\n <div class=\"green\"></div>\n </section>\n} @else {\n <section\n class=\"mdl-decoration unicolor\"\n [style.background-color]=\"styles.primary\"\n ></section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@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}}section.mdl-footer{box-sizing:border-box;padding:7rem 5rem 0}section.mdl-footer.pt-0{padding-top:0}section.mdl-footer .mdl-container{max-width:160rem;width:100%;margin:0 auto;box-sizing:border-box;padding:8.2rem 0 10rem;border-top:.1rem solid #e4e4e4}@media (hover: hover){section.mdl-footer .mdl-container a{transition:.3s ease}section.mdl-footer .mdl-container a:hover{opacity:.7}}section.mdl-footer .mdl-container .m-group{position:relative}section.mdl-footer .mdl-container .m-group .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){section.mdl-footer .mdl-container .m-group .m-title{font-size:1.5rem}}@media (max-width: 1080px){section.mdl-footer .mdl-container .m-group .m-title{font-size:1.1rem}}section.mdl-footer .mdl-container .m-group .m-title{font-weight:500;color:#515050;margin-bottom:2rem}section.mdl-footer .mdl-container .m-group .foot-icon{position:absolute;right:4rem;top:5.5rem;pointer-events:none;background:url(/assets/babylon/svg/icons/arrowbottom.svg) no-repeat center center;background-size:contain;width:1.5rem;height:1.5rem;display:none}section.mdl-footer .mdl-container .m-group.open .foot-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3rem;height:3rem;right:3.4rem;top:4.8rem}section.mdl-footer .mdl-container .m-group .m-pages{display:flex;flex-direction:column;gap:4rem}section.mdl-footer .mdl-container .m-group .m-pages .m-page{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;color:#515050b2;line-height:1rem}@media (hover: hover){section.mdl-footer .mdl-container .m-group .m-pages .m-page:hover{color:#ed3b37}}@media (hover: hover){section.mdl-footer .mdl-container .m-group .m-pages .m-underline:hover{color:#ed3b37}section.mdl-footer .mdl-container .m-group .m-pages .m-underline:hover:after{opacity:1;width:100%}}section.mdl-footer .mdl-container .m-top{display:flex;flex-direction:row;justify-content:space-between;gap:3rem}section.mdl-footer .mdl-container .m-top>.m-left{max-width:25rem;width:100%;display:flex;flex-direction:column;gap:4.5rem}section.mdl-footer .mdl-container .m-top>.m-right{display:flex;flex-direction:row;justify-content:space-between;max-width:98.5rem;width:100%;box-sizing:border-box;gap:3em}@media (min-width: 1260px){section.mdl-footer .mdl-container .m-top>.m-right{padding-right:3.6rem}}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu{max-width:78.3rem;width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:5.5rem 3.5rem;flex-wrap:wrap;padding-left:2.5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-title{margin-bottom:3.5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop{transform:translateY(-1.2rem);height:max-content}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop .m-text{opacity:0;margin-bottom:1rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;color:#515050;transition:.5s}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop svg{opacity:.6;transition:all .3s ease}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop:hover svg{opacity:1}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop:hover .m-text{opacity:1;transition:.5s}section.mdl-footer .mdl-container .m-bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:end;gap:3rem;margin-top:7rem;padding-top:3.9rem;border-top:.1rem solid #e4e4e4;align-items:center}section.mdl-footer .mdl-container .m-bottom>.m-left{display:flex;flex-direction:row;align-items:baseline;gap:1.6rem;min-width:25rem;height:fit-content}section.mdl-footer .mdl-container .m-bottom>.m-left img{max-width:12.4rem;width:100%}section.mdl-footer .mdl-container .m-bottom>.m-left span{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem}section.mdl-footer .mdl-container .m-bottom .m-right{max-width:98.5rem;width:100%}section.mdl-footer .mdl-container .m-bottom .m-right .m-legal{width:100%;display:flex;flex-direction:row;gap:3.7rem;flex-wrap:wrap}section.mdl-footer .mdl-container .m-bottom .m-right .m-legal .m-page{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;line-height:1rem}@media (max-width: 1366px){section.mdl-footer .mdl-container{padding:8.2rem 0 8rem}section.mdl-footer .mdl-container .m-group .m-title{font-size:2rem!important}section.mdl-footer .mdl-container .m-group .m-pages{gap:3rem}}@media (max-width: 1080px){section.mdl-footer{padding:6rem 3rem 0;position:relative}section.mdl-footer .mdl-container{padding:6.2rem 0}section.mdl-footer .mdl-container .m-top{flex-direction:column;gap:5rem}section.mdl-footer .mdl-container .m-top>.m-left{flex-direction:row;max-width:100%;flex-wrap:wrap}section.mdl-footer .mdl-container .m-top>.m-left .m-group .m-title{font-size:2rem}section.mdl-footer .mdl-container .m-top>.m-left .m-group .m-pages{gap:3rem}section.mdl-footer .mdl-container .m-top .m-right .m-submenu{flex-direction:column}section.mdl-footer .mdl-container .m-top .m-right .m-submenu .m-group .foot-icon{display:block}section.mdl-footer .mdl-container .m-top>.m-right{gap:0rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu{max-width:100%;padding-left:0}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group{width:100%;border-top:.1rem solid #e4e4e4;padding-top:5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-title{font-size:2rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-pages{gap:3rem;margin-bottom:5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop{position:absolute;top:2rem;right:2rem}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop svg{opacity:1}section.mdl-footer .mdl-container .m-bottom{flex-direction:column-reverse;align-items:start;margin-top:2rem}section.mdl-footer .mdl-container .m-bottom>.m-left{align-items:unset}}@media (max-width: 540px){section.mdl-footer{padding:3rem 2rem 0}section.mdl-footer .mdl-container{padding:3rem 0}section.mdl-footer .mdl-container .m-top>.m-left{flex-direction:column;max-width:100%;gap:5rem}section.mdl-footer .mdl-container .m-top>.m-right{flex-direction:column}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu{flex-direction:column;gap:3rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group{width:100%}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-title{margin-bottom:2rem}section.mdl-footer .mdl-container .m-bottom{margin-top:3rem;padding-top:3rem;align-items:center}section.mdl-footer .mdl-container .m-bottom>.m-left{align-items:unset;min-width:auto}section.mdl-footer .mdl-container .m-bottom>.m-right .m-legal{justify-content:unset;flex-wrap:wrap;gap:3rem;flex-direction:column}}.mdl-decoration{max-width:100%;width:100%;display:flex;flex-direction:row;padding:0!important}.mdl-decoration.unicolor{height:2rem}.mdl-decoration>div{width:33.33%;height:2rem}.mdl-decoration>div.red{background-color:#ff4338}.mdl-decoration>div.blue{background-color:#5b87da}.mdl-decoration>div.green{background-color:#3fd5ae}@media (max-width: 910px){.mdl-decoration div{height:10rem}}\n"], dependencies: [{ kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8950
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonFoLisC4TxtComponent, isStandalone: true, selector: "lib-babylon-fo-lis-c4-txt", inputs: { texts: "texts", multimedia: "multimedia", buttons: "buttons", styles: "styles" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0, template: "<!-- con la clase pt-0 podemos eliminar el espacio superior, ya que a veces se necesita por dise\u00F1o -->\n@if (buttons) {\n <section class=\"mdl-footer pt-0\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n <div class=\"m-left\">\n <div class=\"m-group\">\n @if (texts?.contacttitle) {\n <h2 class=\"m-title\">{{ texts?.contacttitle }}</h2>\n }\n <div class=\"m-pages\">\n @if (texts?.contactEmail) {\n <a\n [href]=\"'mailto:' + texts?.contactEmail\"\n class=\"m-page m-underline\"\n [attr.aria-label]=\"texts?.contactEmail\"\n >\n {{ texts?.contactEmail }}\n </a>\n }\n @if (texts?.contactTel) {\n <a\n [href]=\"'tel:' + texts?.contactTel\"\n class=\"m-page m-underline\"\n [attr.aria-label]=\"texts?.contactTel\"\n >T. {{ texts?.contactTel }}</a\n >\n }\n </div>\n </div>\n\n <div class=\"m-group\">\n @if (texts?.contactOfficeTitle) {\n <h2 class=\"m-title\">\n {{ texts?.contactOfficeTitle }}\n </h2>\n }\n <div class=\"m-pages\">\n @if (texts?.contactOffice) {\n <a\n [href]=\"'mailto:' + texts?.contactOffice\"\n class=\"m-page m-underline\"\n [attr.aria-label]=\"texts?.contactOffice\"\n >{{ texts?.contactOffice }}</a\n >\n }\n </div>\n </div>\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-submenu\">\n <div class=\"m-group\">\n <div class=\"foot-icon\"></div>\n @if (texts?.grupoTitle) {\n <h2 class=\"m-title\">{{ texts?.grupoTitle }}</h2>\n }\n <div class=\"m-pages\">\n @for (\n item of getButtonsByOrder('1');\n track $index\n ) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n <div class=\"m-group\">\n <div class=\"foot-icon\"></div>\n @if (texts?.aboutTitle) {\n <h2 class=\"m-title\">{{ texts?.aboutTitle }}</h2>\n }\n <div class=\"m-pages\">\n @for (\n item of getButtonsByOrder('2');\n track $index\n ) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n <div class=\"m-group\">\n <div class=\"foot-icon\"></div>\n @if (texts?.helpTitle) {\n <h2 class=\"m-title\">{{ texts?.helpTitle }}</h2>\n }\n <div class=\"m-pages\">\n @for (\n item of getButtonsByOrder('3');\n track $index\n ) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"m-scrolltop\"\n aria-label=\"Scroll to top\"\n (click)=\"scrollTopFooter()\"\n >\n @if (texts?.scrolltext) {\n <div class=\"m-text\">{{ texts?.scrolltext }}</div>\n }\n <svg\n width=\"44\"\n height=\"44\"\n viewBox=\"0 0 44 44\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M22 44C9.84974 44 0 34.1503 0 22C0 9.84974 9.84974 0 22 0C34.1503 0 44 9.84974 44 22C44 34.1503 34.1503 44 22 44Z\"\n [attr.fill]=\"styles?.primary ?? '#FF4338'\"\n />\n <path\n d=\"M22 43C10.402 43 1 33.598 1 22C1 10.402 10.402 1 22 1C33.598 1 43 10.402 43 22C43 33.598 33.598 43 22 43Z\"\n [attr.fill]=\"styles?.primary ?? '#FF4338'\"\n />\n <path\n d=\"M21.2757 18.133L16.2237 23.211C16.042 23.3936 15.9403 23.6409 15.941 23.8984C15.9416 24.156 16.0446 24.4028 16.2272 24.5845C16.4098 24.7661 16.6571 24.8678 16.9146 24.8672C17.1722 24.8665 17.419 24.7636 17.6007 24.581L21.9497 20.181L26.3247 24.578C26.5063 24.7606 26.7531 24.8635 27.0107 24.8642C27.2683 24.8648 27.5156 24.7631 27.6982 24.5815C27.8808 24.3998 27.9837 24.153 27.9844 23.8954C27.985 23.6379 27.8833 23.3906 27.7017 23.208L22.6517 18.132C22.4691 17.9496 22.2215 17.8473 21.9635 17.8475C21.7054 17.8477 21.458 17.9504 21.2757 18.133Z\"\n fill=\"white\"\n />\n </svg>\n </button>\n </div>\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n }\n @if (texts?.copyrighttext) {\n <span>{{ texts?.copyrighttext }}</span>\n }\n </div>\n <div class=\"m-right\">\n <div class=\"m-legal\">\n @for (item of getButtonsByOrder('4'); track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page m-underline\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n </div>\n </div>\n </section>\n}\n\n@if (!styles) {\n <section class=\"mdl-decoration\">\n <div class=\"red\"></div>\n <div class=\"blue\"></div>\n <div class=\"green\"></div>\n </section>\n} @else {\n <section\n class=\"mdl-decoration unicolor\"\n [style.background-color]=\"styles.primary\"\n ></section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@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}}section.mdl-footer{box-sizing:border-box;padding:7rem 5rem 0}section.mdl-footer.pt-0{padding-top:0}section.mdl-footer .mdl-container{max-width:160rem;width:100%;margin:0 auto;box-sizing:border-box;padding:8.2rem 0 10rem;border-top:.1rem solid #e4e4e4}@media (hover: hover){section.mdl-footer .mdl-container a{transition:.3s ease}section.mdl-footer .mdl-container a:hover{opacity:.7}}section.mdl-footer .mdl-container .m-group{position:relative}section.mdl-footer .mdl-container .m-group .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){section.mdl-footer .mdl-container .m-group .m-title{font-size:1.5rem}}@media (max-width: 1080px){section.mdl-footer .mdl-container .m-group .m-title{font-size:1.1rem}}section.mdl-footer .mdl-container .m-group .m-title{font-weight:500;color:#515050;margin-bottom:2rem}section.mdl-footer .mdl-container .m-group .foot-icon{position:absolute;right:4rem;top:5.5rem;pointer-events:none;background:url(/assets/babylon/svg/icons/arrowbottom.svg) no-repeat center center;background-size:contain;width:1.5rem;height:1.5rem;display:none}section.mdl-footer .mdl-container .m-group.open .foot-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3rem;height:3rem;right:3.4rem;top:4.8rem}section.mdl-footer .mdl-container .m-group .m-pages{display:flex;flex-direction:column;gap:4rem}section.mdl-footer .mdl-container .m-group .m-pages .m-page{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;color:#515050b2;line-height:1rem}@media (hover: hover){section.mdl-footer .mdl-container .m-group .m-pages .m-page:hover{color:#ed3b37}}@media (hover: hover){section.mdl-footer .mdl-container .m-group .m-pages .m-underline:hover{color:#ed3b37}section.mdl-footer .mdl-container .m-group .m-pages .m-underline:hover:after{opacity:1;width:100%}}section.mdl-footer .mdl-container .m-top{display:flex;flex-direction:row;justify-content:space-between;gap:3rem}section.mdl-footer .mdl-container .m-top>.m-left{max-width:25rem;width:100%;display:flex;flex-direction:column;gap:4.5rem}section.mdl-footer .mdl-container .m-top>.m-right{display:flex;flex-direction:row;justify-content:space-between;max-width:98.5rem;width:100%;box-sizing:border-box;gap:3em}@media (min-width: 1260px){section.mdl-footer .mdl-container .m-top>.m-right{padding-right:3.6rem}}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu{max-width:78.3rem;width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:5.5rem 3.5rem;flex-wrap:wrap;padding-left:2.5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-title{margin-bottom:3.5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop{transform:translateY(-1.2rem);height:max-content}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop .m-text{opacity:0;margin-bottom:1rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;color:#515050;transition:.5s}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop svg{opacity:.6;transition:all .3s ease}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop:hover svg{opacity:1}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop:hover .m-text{opacity:1;transition:.5s}section.mdl-footer .mdl-container .m-bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:end;gap:3rem;margin-top:7rem;padding-top:3.9rem;border-top:.1rem solid #e4e4e4;align-items:center}section.mdl-footer .mdl-container .m-bottom>.m-left{display:flex;flex-direction:row;align-items:baseline;gap:1.6rem;min-width:25rem;height:fit-content}section.mdl-footer .mdl-container .m-bottom>.m-left img{max-width:12.4rem;width:100%}section.mdl-footer .mdl-container .m-bottom>.m-left span{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem}section.mdl-footer .mdl-container .m-bottom .m-right{max-width:98.5rem;width:100%}section.mdl-footer .mdl-container .m-bottom .m-right .m-legal{width:100%;display:flex;flex-direction:row;gap:3.7rem;flex-wrap:wrap}section.mdl-footer .mdl-container .m-bottom .m-right .m-legal .m-page{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;line-height:1rem}@media (max-width: 1366px){section.mdl-footer .mdl-container{padding:8.2rem 0 8rem}section.mdl-footer .mdl-container .m-group .m-title{font-size:2rem!important}section.mdl-footer .mdl-container .m-group .m-pages{gap:3rem}}@media (max-width: 1080px){section.mdl-footer{padding:6rem 3rem 0;position:relative}section.mdl-footer .mdl-container{padding:6.2rem 0}section.mdl-footer .mdl-container .m-top{flex-direction:column;gap:5rem}section.mdl-footer .mdl-container .m-top>.m-left{flex-direction:row;max-width:100%;flex-wrap:wrap}section.mdl-footer .mdl-container .m-top>.m-left .m-group .m-title{font-size:2rem}section.mdl-footer .mdl-container .m-top>.m-left .m-group .m-pages{gap:3rem}section.mdl-footer .mdl-container .m-top .m-right .m-submenu{flex-direction:column}section.mdl-footer .mdl-container .m-top .m-right .m-submenu .m-group .foot-icon{display:block}section.mdl-footer .mdl-container .m-top>.m-right{gap:0rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu{max-width:100%;padding-left:0}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group{width:100%;border-top:.1rem solid #e4e4e4;padding-top:5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-title{font-size:2rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-pages{gap:3rem;margin-bottom:5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop{position:absolute;top:2rem;right:2rem}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop svg{opacity:1}section.mdl-footer .mdl-container .m-bottom{flex-direction:column-reverse;align-items:start;margin-top:2rem}section.mdl-footer .mdl-container .m-bottom>.m-left{align-items:unset}}@media (max-width: 540px){section.mdl-footer{padding:3rem 2rem 0}section.mdl-footer .mdl-container{padding:3rem 0}section.mdl-footer .mdl-container .m-top>.m-left{flex-direction:column;max-width:100%;gap:5rem}section.mdl-footer .mdl-container .m-top>.m-right{flex-direction:column}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu{flex-direction:column;gap:3rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group{width:100%}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-title{margin-bottom:2rem}section.mdl-footer .mdl-container .m-bottom{margin-top:3rem;padding-top:3rem;align-items:center}section.mdl-footer .mdl-container .m-bottom>.m-left{align-items:unset;min-width:auto}section.mdl-footer .mdl-container .m-bottom>.m-right .m-legal{justify-content:unset;flex-wrap:wrap;gap:3rem;flex-direction:column}}.mdl-decoration{max-width:100%;width:100%;display:flex;flex-direction:row;padding:0!important}.mdl-decoration.unicolor{height:2rem}.mdl-decoration>div{width:33.33%;height:2rem}.mdl-decoration>div.red{background-color:#ff4338}.mdl-decoration>div.blue{background-color:#5b87da}.mdl-decoration>div.green{background-color:#3fd5ae}@media (max-width: 910px){.mdl-decoration div{height:10rem}}\n"], dependencies: [{ kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8940
8951
|
}
|
|
8941
8952
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonFoLisC4TxtComponent, decorators: [{
|
|
8942
8953
|
type: Component,
|
|
8943
|
-
args: [{ selector: 'lib-babylon-fo-lis-c4-txt', standalone: true, imports: [BabylonLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- con la clase pt-0 podemos eliminar el espacio superior, ya que a veces se necesita por dise\u00F1o -->\n@if (buttons) {\n <section class=\"mdl-footer pt-0\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n <div class=\"m-left\">\n <div class=\"m-group\">\n @if (texts?.contacttitle) {\n <h2 class=\"m-title\">{{ texts?.contacttitle }}</h2>\n }\n <div class=\"m-pages\">\n <a\n href=\"mailto:booking@alegria-hotels.com\"\n class=\"m-page m-underline\"\n aria-label=\"Email booking@alegria-hotels.com\"\n >\n bookingalegria-hotels.com\n </a>\n <a\n href=\"tel:+34937678684\"\n class=\"m-page m-underline\"\n aria-label=\"Phone number +34 93 767 86 84\"\n >T. +34 93 767 86 84</a\n >\n </div>\n </div>\n\n <div class=\"m-group\">\n @if (texts?.contactOfficeTitle) {\n <h2 class=\"m-title\">\n {{ texts?.contactOfficeTitle }}\n </h2>\n }\n <div class=\"m-pages\">\n <a\n href=\"mailto:hello@alegria-hotels.com\"\n class=\"m-page m-underline\"\n aria-label=\"Email hello@alegria-hotels.com\"\n >helloalegria-hotels.com</a\n >\n </div>\n </div>\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-submenu\">\n <div class=\"m-group\">\n <div class=\"foot-icon\"></div>\n @if (texts?.grupoTitle) {\n <h2 class=\"m-title\">{{ texts?.grupoTitle }}</h2>\n }\n <div class=\"m-pages\">\n @for (\n item of getButtonsByOrder('1');\n track $index\n ) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n <div class=\"m-group\">\n <div class=\"foot-icon\"></div>\n @if (texts?.aboutTitle) {\n <h2 class=\"m-title\">{{ texts?.aboutTitle }}</h2>\n }\n <div class=\"m-pages\">\n @for (\n item of getButtonsByOrder('2');\n track $index\n ) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n <div class=\"m-group\">\n <div class=\"foot-icon\"></div>\n @if (texts?.helpTitle) {\n <h2 class=\"m-title\">{{ texts?.helpTitle }}</h2>\n }\n <div class=\"m-pages\">\n @for (\n item of getButtonsByOrder('3');\n track $index\n ) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"m-scrolltop\"\n aria-label=\"Scroll to top\"\n (click)=\"scrollTopFooter()\"\n >\n @if (texts?.scrolltext) {\n <div class=\"m-text\">{{ texts?.scrolltext }}</div>\n }\n <svg\n width=\"44\"\n height=\"44\"\n viewBox=\"0 0 44 44\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M22 44C9.84974 44 0 34.1503 0 22C0 9.84974 9.84974 0 22 0C34.1503 0 44 9.84974 44 22C44 34.1503 34.1503 44 22 44Z\"\n fill=\"#FF4338\"\n />\n <path\n d=\"M22 43C10.402 43 1 33.598 1 22C1 10.402 10.402 1 22 1C33.598 1 43 10.402 43 22C43 33.598 33.598 43 22 43Z\"\n fill=\"#FF4338\"\n />\n <path\n d=\"M21.2757 18.133L16.2237 23.211C16.042 23.3936 15.9403 23.6409 15.941 23.8984C15.9416 24.156 16.0446 24.4028 16.2272 24.5845C16.4098 24.7661 16.6571 24.8678 16.9146 24.8672C17.1722 24.8665 17.419 24.7636 17.6007 24.581L21.9497 20.181L26.3247 24.578C26.5063 24.7606 26.7531 24.8635 27.0107 24.8642C27.2683 24.8648 27.5156 24.7631 27.6982 24.5815C27.8808 24.3998 27.9837 24.153 27.9844 23.8954C27.985 23.6379 27.8833 23.3906 27.7017 23.208L22.6517 18.132C22.4691 17.9496 22.2215 17.8473 21.9635 17.8475C21.7054 17.8477 21.458 17.9504 21.2757 18.133Z\"\n fill=\"white\"\n />\n </svg>\n </button>\n </div>\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n }\n @if (texts?.copyrighttext) {\n <span>{{ texts?.copyrighttext }}</span>\n }\n </div>\n <div class=\"m-right\">\n <div class=\"m-legal\">\n @for (item of getButtonsByOrder('1'); track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page m-underline\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n </div>\n </div>\n </section>\n}\n\n@if (!styles) {\n <section class=\"mdl-decoration\">\n <div class=\"red\"></div>\n <div class=\"blue\"></div>\n <div class=\"green\"></div>\n </section>\n} @else {\n <section\n class=\"mdl-decoration unicolor\"\n [style.background-color]=\"styles.primary\"\n ></section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@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}}section.mdl-footer{box-sizing:border-box;padding:7rem 5rem 0}section.mdl-footer.pt-0{padding-top:0}section.mdl-footer .mdl-container{max-width:160rem;width:100%;margin:0 auto;box-sizing:border-box;padding:8.2rem 0 10rem;border-top:.1rem solid #e4e4e4}@media (hover: hover){section.mdl-footer .mdl-container a{transition:.3s ease}section.mdl-footer .mdl-container a:hover{opacity:.7}}section.mdl-footer .mdl-container .m-group{position:relative}section.mdl-footer .mdl-container .m-group .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){section.mdl-footer .mdl-container .m-group .m-title{font-size:1.5rem}}@media (max-width: 1080px){section.mdl-footer .mdl-container .m-group .m-title{font-size:1.1rem}}section.mdl-footer .mdl-container .m-group .m-title{font-weight:500;color:#515050;margin-bottom:2rem}section.mdl-footer .mdl-container .m-group .foot-icon{position:absolute;right:4rem;top:5.5rem;pointer-events:none;background:url(/assets/babylon/svg/icons/arrowbottom.svg) no-repeat center center;background-size:contain;width:1.5rem;height:1.5rem;display:none}section.mdl-footer .mdl-container .m-group.open .foot-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3rem;height:3rem;right:3.4rem;top:4.8rem}section.mdl-footer .mdl-container .m-group .m-pages{display:flex;flex-direction:column;gap:4rem}section.mdl-footer .mdl-container .m-group .m-pages .m-page{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;color:#515050b2;line-height:1rem}@media (hover: hover){section.mdl-footer .mdl-container .m-group .m-pages .m-page:hover{color:#ed3b37}}@media (hover: hover){section.mdl-footer .mdl-container .m-group .m-pages .m-underline:hover{color:#ed3b37}section.mdl-footer .mdl-container .m-group .m-pages .m-underline:hover:after{opacity:1;width:100%}}section.mdl-footer .mdl-container .m-top{display:flex;flex-direction:row;justify-content:space-between;gap:3rem}section.mdl-footer .mdl-container .m-top>.m-left{max-width:25rem;width:100%;display:flex;flex-direction:column;gap:4.5rem}section.mdl-footer .mdl-container .m-top>.m-right{display:flex;flex-direction:row;justify-content:space-between;max-width:98.5rem;width:100%;box-sizing:border-box;gap:3em}@media (min-width: 1260px){section.mdl-footer .mdl-container .m-top>.m-right{padding-right:3.6rem}}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu{max-width:78.3rem;width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:5.5rem 3.5rem;flex-wrap:wrap;padding-left:2.5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-title{margin-bottom:3.5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop{transform:translateY(-1.2rem);height:max-content}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop .m-text{opacity:0;margin-bottom:1rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;color:#515050;transition:.5s}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop svg{opacity:.6;transition:all .3s ease}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop:hover svg{opacity:1}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop:hover .m-text{opacity:1;transition:.5s}section.mdl-footer .mdl-container .m-bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:end;gap:3rem;margin-top:7rem;padding-top:3.9rem;border-top:.1rem solid #e4e4e4;align-items:center}section.mdl-footer .mdl-container .m-bottom>.m-left{display:flex;flex-direction:row;align-items:baseline;gap:1.6rem;min-width:25rem;height:fit-content}section.mdl-footer .mdl-container .m-bottom>.m-left img{max-width:12.4rem;width:100%}section.mdl-footer .mdl-container .m-bottom>.m-left span{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem}section.mdl-footer .mdl-container .m-bottom .m-right{max-width:98.5rem;width:100%}section.mdl-footer .mdl-container .m-bottom .m-right .m-legal{width:100%;display:flex;flex-direction:row;gap:3.7rem;flex-wrap:wrap}section.mdl-footer .mdl-container .m-bottom .m-right .m-legal .m-page{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;line-height:1rem}@media (max-width: 1366px){section.mdl-footer .mdl-container{padding:8.2rem 0 8rem}section.mdl-footer .mdl-container .m-group .m-title{font-size:2rem!important}section.mdl-footer .mdl-container .m-group .m-pages{gap:3rem}}@media (max-width: 1080px){section.mdl-footer{padding:6rem 3rem 0;position:relative}section.mdl-footer .mdl-container{padding:6.2rem 0}section.mdl-footer .mdl-container .m-top{flex-direction:column;gap:5rem}section.mdl-footer .mdl-container .m-top>.m-left{flex-direction:row;max-width:100%;flex-wrap:wrap}section.mdl-footer .mdl-container .m-top>.m-left .m-group .m-title{font-size:2rem}section.mdl-footer .mdl-container .m-top>.m-left .m-group .m-pages{gap:3rem}section.mdl-footer .mdl-container .m-top .m-right .m-submenu{flex-direction:column}section.mdl-footer .mdl-container .m-top .m-right .m-submenu .m-group .foot-icon{display:block}section.mdl-footer .mdl-container .m-top>.m-right{gap:0rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu{max-width:100%;padding-left:0}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group{width:100%;border-top:.1rem solid #e4e4e4;padding-top:5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-title{font-size:2rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-pages{gap:3rem;margin-bottom:5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop{position:absolute;top:2rem;right:2rem}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop svg{opacity:1}section.mdl-footer .mdl-container .m-bottom{flex-direction:column-reverse;align-items:start;margin-top:2rem}section.mdl-footer .mdl-container .m-bottom>.m-left{align-items:unset}}@media (max-width: 540px){section.mdl-footer{padding:3rem 2rem 0}section.mdl-footer .mdl-container{padding:3rem 0}section.mdl-footer .mdl-container .m-top>.m-left{flex-direction:column;max-width:100%;gap:5rem}section.mdl-footer .mdl-container .m-top>.m-right{flex-direction:column}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu{flex-direction:column;gap:3rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group{width:100%}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-title{margin-bottom:2rem}section.mdl-footer .mdl-container .m-bottom{margin-top:3rem;padding-top:3rem;align-items:center}section.mdl-footer .mdl-container .m-bottom>.m-left{align-items:unset;min-width:auto}section.mdl-footer .mdl-container .m-bottom>.m-right .m-legal{justify-content:unset;flex-wrap:wrap;gap:3rem;flex-direction:column}}.mdl-decoration{max-width:100%;width:100%;display:flex;flex-direction:row;padding:0!important}.mdl-decoration.unicolor{height:2rem}.mdl-decoration>div{width:33.33%;height:2rem}.mdl-decoration>div.red{background-color:#ff4338}.mdl-decoration>div.blue{background-color:#5b87da}.mdl-decoration>div.green{background-color:#3fd5ae}@media (max-width: 910px){.mdl-decoration div{height:10rem}}\n"] }]
|
|
8954
|
+
args: [{ selector: 'lib-babylon-fo-lis-c4-txt', standalone: true, imports: [BabylonLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- con la clase pt-0 podemos eliminar el espacio superior, ya que a veces se necesita por dise\u00F1o -->\n@if (buttons) {\n <section class=\"mdl-footer pt-0\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n <div class=\"m-left\">\n <div class=\"m-group\">\n @if (texts?.contacttitle) {\n <h2 class=\"m-title\">{{ texts?.contacttitle }}</h2>\n }\n <div class=\"m-pages\">\n @if (texts?.contactEmail) {\n <a\n [href]=\"'mailto:' + texts?.contactEmail\"\n class=\"m-page m-underline\"\n [attr.aria-label]=\"texts?.contactEmail\"\n >\n {{ texts?.contactEmail }}\n </a>\n }\n @if (texts?.contactTel) {\n <a\n [href]=\"'tel:' + texts?.contactTel\"\n class=\"m-page m-underline\"\n [attr.aria-label]=\"texts?.contactTel\"\n >T. {{ texts?.contactTel }}</a\n >\n }\n </div>\n </div>\n\n <div class=\"m-group\">\n @if (texts?.contactOfficeTitle) {\n <h2 class=\"m-title\">\n {{ texts?.contactOfficeTitle }}\n </h2>\n }\n <div class=\"m-pages\">\n @if (texts?.contactOffice) {\n <a\n [href]=\"'mailto:' + texts?.contactOffice\"\n class=\"m-page m-underline\"\n [attr.aria-label]=\"texts?.contactOffice\"\n >{{ texts?.contactOffice }}</a\n >\n }\n </div>\n </div>\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-submenu\">\n <div class=\"m-group\">\n <div class=\"foot-icon\"></div>\n @if (texts?.grupoTitle) {\n <h2 class=\"m-title\">{{ texts?.grupoTitle }}</h2>\n }\n <div class=\"m-pages\">\n @for (\n item of getButtonsByOrder('1');\n track $index\n ) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n <div class=\"m-group\">\n <div class=\"foot-icon\"></div>\n @if (texts?.aboutTitle) {\n <h2 class=\"m-title\">{{ texts?.aboutTitle }}</h2>\n }\n <div class=\"m-pages\">\n @for (\n item of getButtonsByOrder('2');\n track $index\n ) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n <div class=\"m-group\">\n <div class=\"foot-icon\"></div>\n @if (texts?.helpTitle) {\n <h2 class=\"m-title\">{{ texts?.helpTitle }}</h2>\n }\n <div class=\"m-pages\">\n @for (\n item of getButtonsByOrder('3');\n track $index\n ) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"m-scrolltop\"\n aria-label=\"Scroll to top\"\n (click)=\"scrollTopFooter()\"\n >\n @if (texts?.scrolltext) {\n <div class=\"m-text\">{{ texts?.scrolltext }}</div>\n }\n <svg\n width=\"44\"\n height=\"44\"\n viewBox=\"0 0 44 44\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M22 44C9.84974 44 0 34.1503 0 22C0 9.84974 9.84974 0 22 0C34.1503 0 44 9.84974 44 22C44 34.1503 34.1503 44 22 44Z\"\n [attr.fill]=\"styles?.primary ?? '#FF4338'\"\n />\n <path\n d=\"M22 43C10.402 43 1 33.598 1 22C1 10.402 10.402 1 22 1C33.598 1 43 10.402 43 22C43 33.598 33.598 43 22 43Z\"\n [attr.fill]=\"styles?.primary ?? '#FF4338'\"\n />\n <path\n d=\"M21.2757 18.133L16.2237 23.211C16.042 23.3936 15.9403 23.6409 15.941 23.8984C15.9416 24.156 16.0446 24.4028 16.2272 24.5845C16.4098 24.7661 16.6571 24.8678 16.9146 24.8672C17.1722 24.8665 17.419 24.7636 17.6007 24.581L21.9497 20.181L26.3247 24.578C26.5063 24.7606 26.7531 24.8635 27.0107 24.8642C27.2683 24.8648 27.5156 24.7631 27.6982 24.5815C27.8808 24.3998 27.9837 24.153 27.9844 23.8954C27.985 23.6379 27.8833 23.3906 27.7017 23.208L22.6517 18.132C22.4691 17.9496 22.2215 17.8473 21.9635 17.8475C21.7054 17.8477 21.458 17.9504 21.2757 18.133Z\"\n fill=\"white\"\n />\n </svg>\n </button>\n </div>\n </div>\n <div class=\"m-bottom\">\n <div class=\"m-left\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n }\n @if (texts?.copyrighttext) {\n <span>{{ texts?.copyrighttext }}</span>\n }\n </div>\n <div class=\"m-right\">\n <div class=\"m-legal\">\n @for (item of getButtonsByOrder('4'); track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n class=\"m-page m-underline\"\n role=\"link\"\n [attr.aria-label]=\"item.label\"\n >{{ item.label }}</a\n >\n }\n </div>\n </div>\n </div>\n </div>\n </section>\n}\n\n@if (!styles) {\n <section class=\"mdl-decoration\">\n <div class=\"red\"></div>\n <div class=\"blue\"></div>\n <div class=\"green\"></div>\n </section>\n} @else {\n <section\n class=\"mdl-decoration unicolor\"\n [style.background-color]=\"styles.primary\"\n ></section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@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}}section.mdl-footer{box-sizing:border-box;padding:7rem 5rem 0}section.mdl-footer.pt-0{padding-top:0}section.mdl-footer .mdl-container{max-width:160rem;width:100%;margin:0 auto;box-sizing:border-box;padding:8.2rem 0 10rem;border-top:.1rem solid #e4e4e4}@media (hover: hover){section.mdl-footer .mdl-container a{transition:.3s ease}section.mdl-footer .mdl-container a:hover{opacity:.7}}section.mdl-footer .mdl-container .m-group{position:relative}section.mdl-footer .mdl-container .m-group .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){section.mdl-footer .mdl-container .m-group .m-title{font-size:1.5rem}}@media (max-width: 1080px){section.mdl-footer .mdl-container .m-group .m-title{font-size:1.1rem}}section.mdl-footer .mdl-container .m-group .m-title{font-weight:500;color:#515050;margin-bottom:2rem}section.mdl-footer .mdl-container .m-group .foot-icon{position:absolute;right:4rem;top:5.5rem;pointer-events:none;background:url(/assets/babylon/svg/icons/arrowbottom.svg) no-repeat center center;background-size:contain;width:1.5rem;height:1.5rem;display:none}section.mdl-footer .mdl-container .m-group.open .foot-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3rem;height:3rem;right:3.4rem;top:4.8rem}section.mdl-footer .mdl-container .m-group .m-pages{display:flex;flex-direction:column;gap:4rem}section.mdl-footer .mdl-container .m-group .m-pages .m-page{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;color:#515050b2;line-height:1rem}@media (hover: hover){section.mdl-footer .mdl-container .m-group .m-pages .m-page:hover{color:#ed3b37}}@media (hover: hover){section.mdl-footer .mdl-container .m-group .m-pages .m-underline:hover{color:#ed3b37}section.mdl-footer .mdl-container .m-group .m-pages .m-underline:hover:after{opacity:1;width:100%}}section.mdl-footer .mdl-container .m-top{display:flex;flex-direction:row;justify-content:space-between;gap:3rem}section.mdl-footer .mdl-container .m-top>.m-left{max-width:25rem;width:100%;display:flex;flex-direction:column;gap:4.5rem}section.mdl-footer .mdl-container .m-top>.m-right{display:flex;flex-direction:row;justify-content:space-between;max-width:98.5rem;width:100%;box-sizing:border-box;gap:3em}@media (min-width: 1260px){section.mdl-footer .mdl-container .m-top>.m-right{padding-right:3.6rem}}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu{max-width:78.3rem;width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:5.5rem 3.5rem;flex-wrap:wrap;padding-left:2.5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-title{margin-bottom:3.5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop{transform:translateY(-1.2rem);height:max-content}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop .m-text{opacity:0;margin-bottom:1rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;color:#515050;transition:.5s}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop svg{opacity:.6;transition:all .3s ease}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop:hover svg{opacity:1}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop:hover .m-text{opacity:1;transition:.5s}section.mdl-footer .mdl-container .m-bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:end;gap:3rem;margin-top:7rem;padding-top:3.9rem;border-top:.1rem solid #e4e4e4;align-items:center}section.mdl-footer .mdl-container .m-bottom>.m-left{display:flex;flex-direction:row;align-items:baseline;gap:1.6rem;min-width:25rem;height:fit-content}section.mdl-footer .mdl-container .m-bottom>.m-left img{max-width:12.4rem;width:100%}section.mdl-footer .mdl-container .m-bottom>.m-left span{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem}section.mdl-footer .mdl-container .m-bottom .m-right{max-width:98.5rem;width:100%}section.mdl-footer .mdl-container .m-bottom .m-right .m-legal{width:100%;display:flex;flex-direction:row;gap:3.7rem;flex-wrap:wrap}section.mdl-footer .mdl-container .m-bottom .m-right .m-legal .m-page{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;line-height:1rem}@media (max-width: 1366px){section.mdl-footer .mdl-container{padding:8.2rem 0 8rem}section.mdl-footer .mdl-container .m-group .m-title{font-size:2rem!important}section.mdl-footer .mdl-container .m-group .m-pages{gap:3rem}}@media (max-width: 1080px){section.mdl-footer{padding:6rem 3rem 0;position:relative}section.mdl-footer .mdl-container{padding:6.2rem 0}section.mdl-footer .mdl-container .m-top{flex-direction:column;gap:5rem}section.mdl-footer .mdl-container .m-top>.m-left{flex-direction:row;max-width:100%;flex-wrap:wrap}section.mdl-footer .mdl-container .m-top>.m-left .m-group .m-title{font-size:2rem}section.mdl-footer .mdl-container .m-top>.m-left .m-group .m-pages{gap:3rem}section.mdl-footer .mdl-container .m-top .m-right .m-submenu{flex-direction:column}section.mdl-footer .mdl-container .m-top .m-right .m-submenu .m-group .foot-icon{display:block}section.mdl-footer .mdl-container .m-top>.m-right{gap:0rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu{max-width:100%;padding-left:0}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group{width:100%;border-top:.1rem solid #e4e4e4;padding-top:5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-title{font-size:2rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-pages{gap:3rem;margin-bottom:5rem}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop{position:absolute;top:2rem;right:2rem}section.mdl-footer .mdl-container .m-top>.m-right .m-scrolltop svg{opacity:1}section.mdl-footer .mdl-container .m-bottom{flex-direction:column-reverse;align-items:start;margin-top:2rem}section.mdl-footer .mdl-container .m-bottom>.m-left{align-items:unset}}@media (max-width: 540px){section.mdl-footer{padding:3rem 2rem 0}section.mdl-footer .mdl-container{padding:3rem 0}section.mdl-footer .mdl-container .m-top>.m-left{flex-direction:column;max-width:100%;gap:5rem}section.mdl-footer .mdl-container .m-top>.m-right{flex-direction:column}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu{flex-direction:column;gap:3rem}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group{width:100%}section.mdl-footer .mdl-container .m-top>.m-right .m-submenu .m-group .m-title{margin-bottom:2rem}section.mdl-footer .mdl-container .m-bottom{margin-top:3rem;padding-top:3rem;align-items:center}section.mdl-footer .mdl-container .m-bottom>.m-left{align-items:unset;min-width:auto}section.mdl-footer .mdl-container .m-bottom>.m-right .m-legal{justify-content:unset;flex-wrap:wrap;gap:3rem;flex-direction:column}}.mdl-decoration{max-width:100%;width:100%;display:flex;flex-direction:row;padding:0!important}.mdl-decoration.unicolor{height:2rem}.mdl-decoration>div{width:33.33%;height:2rem}.mdl-decoration>div.red{background-color:#ff4338}.mdl-decoration>div.blue{background-color:#5b87da}.mdl-decoration>div.green{background-color:#3fd5ae}@media (max-width: 910px){.mdl-decoration div{height:10rem}}\n"] }]
|
|
8944
8955
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { texts: [{
|
|
8945
8956
|
type: Input
|
|
8946
8957
|
}], multimedia: [{
|
|
@@ -9543,15 +9554,15 @@ class BabylonHeSvgListComponent {
|
|
|
9543
9554
|
});
|
|
9544
9555
|
dialogRef.componentInstance.locale = this.locale;
|
|
9545
9556
|
dialogRef.componentInstance.widgetConfig = this.widgetConfig;
|
|
9546
|
-
dialogRef.componentInstance.
|
|
9557
|
+
dialogRef.componentInstance.styles = this.styles;
|
|
9547
9558
|
dialogRef.componentInstance.close = event;
|
|
9548
9559
|
}
|
|
9549
9560
|
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 }); }
|
|
9550
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonHeSvgListComponent, isStandalone: true, selector: "lib-babylon-he-svg-list", inputs: { dinamyHeader: "dinamyHeader", hotelPage: "hotelPage", menu: "menu", logos: "logos", floatingButtons: "floatingButtons", links: "links", locale: "locale", hotel: "hotel", items: "items", selected: "selected", styles: "styles", widgetConfig: "widgetConfig" }, outputs: { openLanguages: "openLanguages", openOfferPop: "openOfferPop" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n <div class=\"mdl-container\">\n <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n <div class=\"m-menu\">\n <!-- Bot\u00F3n flotante para reserva online -->\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n <span>{{\n floatingButtons?.links?.[1]?.label\n }}</span>\n </a>\n </div>\n }\n }\n\n <!-- Book now button -->\n @if (floatingButtons?.textsButtons?.booktext) {\n <div\n class=\"m-book-container\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >\n <a (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 ?? '#ff4338'\"\n >\n @if (hotel) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n class=\"m-hotel-logo\"\n >\n <div class=\"m-title\">{{ hotel }}</div>\n <!-- <div class=\"m-stars\">\n <span>hotel</span>\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n </div> -->\n </a>\n }\n\n @if (items?.length) {\n <div class=\"m-hotel-submenus\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-optionsmobile\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n type=\"button\"\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n </div>\n }\n }\n <button\n type=\"button\"\n class=\"m-menumobile\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n @if (floatingButtons?.textsButtons?.menuText) {\n <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n } @else {\n <span>-</span>\n }\n\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n\n @if (floatingButtons?.textsButtons?.booktext) {\n <a\n class=\"m-bookmobile\"\n (click)=\"openEngineModal()\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >{{ floatingButtons?.textsButtons?.booktext }}</a\n >\n }\n </div>\n\n <div id=\"burger-menu\" class=\"m-burger-menu\">\n <button\n type=\"button\"\n class=\"close\"\n aria-label=\"Cerrar men\u00FA\"\n (click)=\"showMenuBurger()\"\n >\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 @if (hotel && items?.length) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n >\n <div class=\"m-title\">{{ hotel }}</div>\n </a>\n }\n </div>\n }\n\n @if (hotel && items?.length) {\n <div class=\"m-links hotel-menu\">\n <div class=\"m-links-container\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n <a href=\"/\" class=\"m-logo\">\n <img\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n </div>\n </div>\n }\n @if (menu?.length) {\n <div\n [class]=\"\n hotel && items?.length\n ? 'm-links menu-general'\n : 'm-links'\n \"\n >\n <div class=\"m-links-container\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n {{ item.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n\n <div class=\"m-footer\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <a\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n }\n }\n\n <div class=\"m-footer-container\">\n <a href=\"mailto:\">\n <svg\n width=\"17\"\n height=\"14\"\n viewBox=\"0 0 17 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n fill=\"white\"\n />\n </svg>\n </a>\n\n <!-- <a (click)=\"openOfferPopup()\">\n <svg\n width=\"20\"\n height=\"23\"\n viewBox=\"0 0 20 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n fill=\"white\"\n />\n <path\n d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n fill=\"white\"\n />\n </svg>\n </a> -->\n\n <div\n class=\"m-lang\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"white\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:auto;max-height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}@media (max-width: 1100px){.mdl-header .mdl-container .m-card-hotel{max-height:inherit}}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;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-header a:has(.m-title){display:block;margin-inline:auto}@media (min-width: 916px){.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:none}}.mdl-header .m-burger-menu .m-container .m-header .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem}.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:none}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:block}@media (max-width: 916px){.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:block}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:none}}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#ff4338}.mdl-header .m-burger-menu .m-container .m-links .m-links-container .m-logo img{height:60px;margin-left:-16px}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}}@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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9561
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonHeSvgListComponent, isStandalone: true, selector: "lib-babylon-he-svg-list", inputs: { dinamyHeader: "dinamyHeader", hotelPage: "hotelPage", menu: "menu", logos: "logos", floatingButtons: "floatingButtons", links: "links", locale: "locale", hotel: "hotel", items: "items", selected: "selected", styles: "styles", widgetConfig: "widgetConfig" }, outputs: { openLanguages: "openLanguages", openOfferPop: "openOfferPop" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n <div class=\"mdl-container\">\n <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n <div class=\"m-menu\">\n <!-- Bot\u00F3n flotante para reserva online -->\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n <span>{{\n floatingButtons?.links?.[1]?.label\n }}</span>\n </a>\n </div>\n }\n }\n\n <!-- Book now button -->\n @if (floatingButtons?.textsButtons?.booktext) {\n <div\n class=\"m-book-container\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >\n <a\n (click)=\"openEngineModal()\"\n class=\"m-button m-book\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >{{ floatingButtons?.textsButtons?.booktext }}</a\n >\n </div>\n }\n\n <!-- Logo -->\n @if (logos) {\n <a\n [href]=\"menu?.[0]?.url ?? '/es/home'\"\n [linkType]=\"menu?.[0]?.linkType\"\n [attr.aria-label]=\"menu?.[0]?.label\"\n class=\"m-logo\"\n >\n @if (logos.logoDesktop) {\n <img\n [src]=\"logos.logoDesktop.src\"\n [alt]=\"logos.logoDesktop.alt\"\n />\n }\n @if (logos.logoMenu) {\n <img\n class=\"red\"\n [src]=\"logos.logoMenu.src\"\n [alt]=\"logos.logoMenu.alt\"\n />\n }\n </a>\n }\n <!-- Links + Lang + user -->\n <div class=\"m-links-container\">\n <!-- Links -->\n @if (menu?.length) {\n <div class=\"m-links\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n @if ($index == 0) {\n <img\n src=\"/assets/babylon/svg/icons/home.svg\"\n alt=\"home\"\n />\n } @else {\n {{ item.label }}\n }\n </a>\n }\n }\n </div>\n }\n <!-- Motor sticky -->\n\n <div class=\"m-motor\"></div>\n\n <!-- user + lang -->\n <div class=\"m-right\">\n <button\n type=\"button\"\n class=\"m-burger\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </svg>\n </button>\n <!-- <button\n type=\"button\"\n class=\"m-user\"\n aria-label=\"Abrir men\u00FA de usuario\"\n (click)=\"openOfferPopup()\"\n >\n <svg\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 20 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button> -->\n <button\n type=\"button\"\n class=\"m-lang\"\n aria-label=\"Seleccionar idioma\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n </div>\n </div>\n </div>\n <div class=\"sticky-sentinel\"></div>\n <!-- Men\u00FA rojo para ficha hotel -->\n <div\n class=\"m-card-hotel\"\n [ngClass]=\"{ hidden: !items?.length }\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >\n @if (hotel) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n class=\"m-hotel-logo\"\n >\n <div class=\"m-title\">{{ hotel }}</div>\n <!-- <div class=\"m-stars\">\n <span>hotel</span>\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n </div> -->\n </a>\n }\n\n @if (items?.length) {\n <div class=\"m-hotel-submenus\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-optionsmobile\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n type=\"button\"\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n </div>\n }\n }\n <button\n type=\"button\"\n class=\"m-menumobile\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n @if (floatingButtons?.textsButtons?.menuText) {\n <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n } @else {\n <span>-</span>\n }\n\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n\n @if (floatingButtons?.textsButtons?.booktext) {\n <a\n class=\"m-bookmobile\"\n (click)=\"openEngineModal()\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >{{ floatingButtons?.textsButtons?.booktext }}</a\n >\n }\n </div>\n\n <div id=\"burger-menu\" class=\"m-burger-menu\">\n <button\n type=\"button\"\n class=\"close\"\n aria-label=\"Cerrar men\u00FA\"\n (click)=\"showMenuBurger()\"\n [ngClass]=\"{\n color: styles === undefined,\n }\"\n >\n @if (styles?.primary && hotel && items?.length) {\n <svg\n width=\"14\"\n height=\"13\"\n viewBox=\"0 0 14 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1.33677 0.739403C1.51937 0.55773 1.76696 0.455628 2.02454 0.456284C2.28202 0.456975 2.52861 0.560362 2.71024 0.742856L7.08546 5.14018L11.4344 0.740094C11.616 0.557565 11.8627 0.45426 12.1201 0.453522C12.3777 0.452865 12.6253 0.554968 12.8079 0.736641C12.9904 0.918282 13.0938 1.16484 13.0945 1.42234C13.0951 1.67992 12.993 1.92751 12.8114 2.11011L8.35259 6.59099L12.7409 11.0014C12.9226 11.184 13.0247 11.4317 13.0241 11.6892C13.0234 11.9467 12.9199 12.1933 12.7375 12.3749C12.5549 12.5566 12.3073 12.6587 12.0497 12.658C11.7922 12.6573 11.5456 12.554 11.364 12.3714L6.98948 7.97482L2.6405 12.3749C2.45885 12.5575 2.21164 12.6601 1.95411 12.6608C1.69663 12.6614 1.4496 12.5599 1.26702 12.3784C1.08449 12.1967 0.98118 11.9501 0.980453 11.6927C0.979797 11.4351 1.0819 11.1875 1.26357 11.0049L5.72097 6.52401L1.33332 2.11288C1.15177 1.93037 1.05033 1.68321 1.05089 1.42579C1.05154 1.16825 1.15422 0.921069 1.33677 0.739403Z\"\n [attr.fill]=\"styles?.primary ?? '#fff'\"\n />\n </svg>\n } @else {\n <img\n src=\"/assets/babylon/svg/icons/close-small.svg\"\n alt=\"close\"\n />\n }\n </button>\n\n @if (styles?.primary && hotel && items?.length) {\n <div\n class=\"background-container\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n ></div>\n }\n <div class=\"m-container\">\n @if (logos?.logoMenu) {\n <div class=\"m-header\">\n <a\n [href]=\"menu?.[0]?.url ?? '/es/home'\"\n [linkType]=\"menu?.[0]?.linkType\"\n [attr.aria-label]=\"menu?.[0]?.label\"\n class=\"m-logo\"\n >\n <img\n [ngClass]=\"{\n white:\n styles?.primary && hotel && items?.length,\n }\"\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n @if (hotel && items?.length) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n >\n <div class=\"m-title\">{{ hotel }}</div>\n </a>\n }\n </div>\n }\n\n @if (hotel && items?.length) {\n <div class=\"m-links hotel-menu\">\n <div class=\"m-links-container\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n <a\n [href]=\"menu?.[0]?.url ?? '/es/home'\"\n [linkType]=\"menu?.[0]?.linkType\"\n [attr.aria-label]=\"menu?.[0]?.label\"\n class=\"m-logo\"\n >\n <img\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n </div>\n </div>\n }\n @if (menu?.length) {\n <div\n [class]=\"\n hotel && items?.length\n ? 'm-links menu-general'\n : 'm-links'\n \"\n >\n <div class=\"m-links-container\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n {{ item.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n\n <div class=\"m-footer\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <a\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n }\n }\n\n <div class=\"m-footer-container\">\n <a href=\"mailto:\">\n <svg\n width=\"17\"\n height=\"14\"\n viewBox=\"0 0 17 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n fill=\"white\"\n />\n </svg>\n </a>\n\n <!-- <a (click)=\"openOfferPopup()\">\n <svg\n width=\"20\"\n height=\"23\"\n viewBox=\"0 0 20 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n fill=\"white\"\n />\n <path\n d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n fill=\"white\"\n />\n </svg>\n </a> -->\n\n <div\n class=\"m-lang\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"white\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:auto;max-height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}@media (max-width: 1100px){.mdl-header .mdl-container .m-card-hotel{max-height:inherit}}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:var(--cl_btn-box-text)}.mdl-header .m-burger-menu .close.color{background-color:var(--cl_btn-box)}.mdl-header .m-burger-menu .close svg,.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover svg,.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:block;margin-inline:auto}@media (min-width: 916px){.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:none}}.mdl-header .m-burger-menu .m-container .m-header .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem}.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:none}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:block}@media (max-width: 916px){.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:block}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:none}}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#ff4338}.mdl-header .m-burger-menu .m-container .m-links .m-links-container .m-logo img{height:60px;margin-left:-16px}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:25px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:25px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:20px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}.background-container{width:100%;height:120px;position:absolute;z-index:-1}@media (max-width: 600px){.background-container{height:90px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9551
9562
|
}
|
|
9552
9563
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeSvgListComponent, decorators: [{
|
|
9553
9564
|
type: Component,
|
|
9554
|
-
args: [{ selector: 'lib-babylon-he-svg-list', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n <div class=\"mdl-container\">\n <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n <div class=\"m-menu\">\n <!-- Bot\u00F3n flotante para reserva online -->\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n <span>{{\n floatingButtons?.links?.[1]?.label\n }}</span>\n </a>\n </div>\n }\n }\n\n <!-- Book now button -->\n @if (floatingButtons?.textsButtons?.booktext) {\n <div\n class=\"m-book-container\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >\n <a (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 ?? '#ff4338'\"\n >\n @if (hotel) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n class=\"m-hotel-logo\"\n >\n <div class=\"m-title\">{{ hotel }}</div>\n <!-- <div class=\"m-stars\">\n <span>hotel</span>\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n </div> -->\n </a>\n }\n\n @if (items?.length) {\n <div class=\"m-hotel-submenus\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-optionsmobile\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n type=\"button\"\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n </div>\n }\n }\n <button\n type=\"button\"\n class=\"m-menumobile\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n @if (floatingButtons?.textsButtons?.menuText) {\n <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n } @else {\n <span>-</span>\n }\n\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n\n @if (floatingButtons?.textsButtons?.booktext) {\n <a\n class=\"m-bookmobile\"\n (click)=\"openEngineModal()\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >{{ floatingButtons?.textsButtons?.booktext }}</a\n >\n }\n </div>\n\n <div id=\"burger-menu\" class=\"m-burger-menu\">\n <button\n type=\"button\"\n class=\"close\"\n aria-label=\"Cerrar men\u00FA\"\n (click)=\"showMenuBurger()\"\n >\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 @if (hotel && items?.length) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n >\n <div class=\"m-title\">{{ hotel }}</div>\n </a>\n }\n </div>\n }\n\n @if (hotel && items?.length) {\n <div class=\"m-links hotel-menu\">\n <div class=\"m-links-container\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n <a href=\"/\" class=\"m-logo\">\n <img\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n </div>\n </div>\n }\n @if (menu?.length) {\n <div\n [class]=\"\n hotel && items?.length\n ? 'm-links menu-general'\n : 'm-links'\n \"\n >\n <div class=\"m-links-container\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n {{ item.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n\n <div class=\"m-footer\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <a\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n }\n }\n\n <div class=\"m-footer-container\">\n <a href=\"mailto:\">\n <svg\n width=\"17\"\n height=\"14\"\n viewBox=\"0 0 17 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n fill=\"white\"\n />\n </svg>\n </a>\n\n <!-- <a (click)=\"openOfferPopup()\">\n <svg\n width=\"20\"\n height=\"23\"\n viewBox=\"0 0 20 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n fill=\"white\"\n />\n <path\n d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n fill=\"white\"\n />\n </svg>\n </a> -->\n\n <div\n class=\"m-lang\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"white\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:auto;max-height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}@media (max-width: 1100px){.mdl-header .mdl-container .m-card-hotel{max-height:inherit}}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;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-header a:has(.m-title){display:block;margin-inline:auto}@media (min-width: 916px){.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:none}}.mdl-header .m-burger-menu .m-container .m-header .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem}.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:none}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:block}@media (max-width: 916px){.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:block}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:none}}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#ff4338}.mdl-header .m-burger-menu .m-container .m-links .m-links-container .m-logo img{height:60px;margin-left:-16px}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}}@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"] }]
|
|
9565
|
+
args: [{ selector: 'lib-babylon-he-svg-list', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n <div class=\"mdl-container\">\n <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n <div class=\"m-menu\">\n <!-- Bot\u00F3n flotante para reserva online -->\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n <span>{{\n floatingButtons?.links?.[1]?.label\n }}</span>\n </a>\n </div>\n }\n }\n\n <!-- Book now button -->\n @if (floatingButtons?.textsButtons?.booktext) {\n <div\n class=\"m-book-container\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >\n <a\n (click)=\"openEngineModal()\"\n class=\"m-button m-book\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >{{ floatingButtons?.textsButtons?.booktext }}</a\n >\n </div>\n }\n\n <!-- Logo -->\n @if (logos) {\n <a\n [href]=\"menu?.[0]?.url ?? '/es/home'\"\n [linkType]=\"menu?.[0]?.linkType\"\n [attr.aria-label]=\"menu?.[0]?.label\"\n class=\"m-logo\"\n >\n @if (logos.logoDesktop) {\n <img\n [src]=\"logos.logoDesktop.src\"\n [alt]=\"logos.logoDesktop.alt\"\n />\n }\n @if (logos.logoMenu) {\n <img\n class=\"red\"\n [src]=\"logos.logoMenu.src\"\n [alt]=\"logos.logoMenu.alt\"\n />\n }\n </a>\n }\n <!-- Links + Lang + user -->\n <div class=\"m-links-container\">\n <!-- Links -->\n @if (menu?.length) {\n <div class=\"m-links\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n @if ($index == 0) {\n <img\n src=\"/assets/babylon/svg/icons/home.svg\"\n alt=\"home\"\n />\n } @else {\n {{ item.label }}\n }\n </a>\n }\n }\n </div>\n }\n <!-- Motor sticky -->\n\n <div class=\"m-motor\"></div>\n\n <!-- user + lang -->\n <div class=\"m-right\">\n <button\n type=\"button\"\n class=\"m-burger\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </svg>\n </button>\n <!-- <button\n type=\"button\"\n class=\"m-user\"\n aria-label=\"Abrir men\u00FA de usuario\"\n (click)=\"openOfferPopup()\"\n >\n <svg\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 20 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button> -->\n <button\n type=\"button\"\n class=\"m-lang\"\n aria-label=\"Seleccionar idioma\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n </div>\n </div>\n </div>\n <div class=\"sticky-sentinel\"></div>\n <!-- Men\u00FA rojo para ficha hotel -->\n <div\n class=\"m-card-hotel\"\n [ngClass]=\"{ hidden: !items?.length }\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >\n @if (hotel) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n class=\"m-hotel-logo\"\n >\n <div class=\"m-title\">{{ hotel }}</div>\n <!-- <div class=\"m-stars\">\n <span>hotel</span>\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n </div> -->\n </a>\n }\n\n @if (items?.length) {\n <div class=\"m-hotel-submenus\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-optionsmobile\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n type=\"button\"\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n </div>\n }\n }\n <button\n type=\"button\"\n class=\"m-menumobile\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n @if (floatingButtons?.textsButtons?.menuText) {\n <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n } @else {\n <span>-</span>\n }\n\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n\n @if (floatingButtons?.textsButtons?.booktext) {\n <a\n class=\"m-bookmobile\"\n (click)=\"openEngineModal()\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n >{{ floatingButtons?.textsButtons?.booktext }}</a\n >\n }\n </div>\n\n <div id=\"burger-menu\" class=\"m-burger-menu\">\n <button\n type=\"button\"\n class=\"close\"\n aria-label=\"Cerrar men\u00FA\"\n (click)=\"showMenuBurger()\"\n [ngClass]=\"{\n color: styles === undefined,\n }\"\n >\n @if (styles?.primary && hotel && items?.length) {\n <svg\n width=\"14\"\n height=\"13\"\n viewBox=\"0 0 14 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M1.33677 0.739403C1.51937 0.55773 1.76696 0.455628 2.02454 0.456284C2.28202 0.456975 2.52861 0.560362 2.71024 0.742856L7.08546 5.14018L11.4344 0.740094C11.616 0.557565 11.8627 0.45426 12.1201 0.453522C12.3777 0.452865 12.6253 0.554968 12.8079 0.736641C12.9904 0.918282 13.0938 1.16484 13.0945 1.42234C13.0951 1.67992 12.993 1.92751 12.8114 2.11011L8.35259 6.59099L12.7409 11.0014C12.9226 11.184 13.0247 11.4317 13.0241 11.6892C13.0234 11.9467 12.9199 12.1933 12.7375 12.3749C12.5549 12.5566 12.3073 12.6587 12.0497 12.658C11.7922 12.6573 11.5456 12.554 11.364 12.3714L6.98948 7.97482L2.6405 12.3749C2.45885 12.5575 2.21164 12.6601 1.95411 12.6608C1.69663 12.6614 1.4496 12.5599 1.26702 12.3784C1.08449 12.1967 0.98118 11.9501 0.980453 11.6927C0.979797 11.4351 1.0819 11.1875 1.26357 11.0049L5.72097 6.52401L1.33332 2.11288C1.15177 1.93037 1.05033 1.68321 1.05089 1.42579C1.05154 1.16825 1.15422 0.921069 1.33677 0.739403Z\"\n [attr.fill]=\"styles?.primary ?? '#fff'\"\n />\n </svg>\n } @else {\n <img\n src=\"/assets/babylon/svg/icons/close-small.svg\"\n alt=\"close\"\n />\n }\n </button>\n\n @if (styles?.primary && hotel && items?.length) {\n <div\n class=\"background-container\"\n [style.backgroundColor]=\"styles?.primary ?? '#ff4338'\"\n ></div>\n }\n <div class=\"m-container\">\n @if (logos?.logoMenu) {\n <div class=\"m-header\">\n <a\n [href]=\"menu?.[0]?.url ?? '/es/home'\"\n [linkType]=\"menu?.[0]?.linkType\"\n [attr.aria-label]=\"menu?.[0]?.label\"\n class=\"m-logo\"\n >\n <img\n [ngClass]=\"{\n white:\n styles?.primary && hotel && items?.length,\n }\"\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n @if (hotel && items?.length) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n >\n <div class=\"m-title\">{{ hotel }}</div>\n </a>\n }\n </div>\n }\n\n @if (hotel && items?.length) {\n <div class=\"m-links hotel-menu\">\n <div class=\"m-links-container\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n <a\n [href]=\"menu?.[0]?.url ?? '/es/home'\"\n [linkType]=\"menu?.[0]?.linkType\"\n [attr.aria-label]=\"menu?.[0]?.label\"\n class=\"m-logo\"\n >\n <img\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n </div>\n </div>\n }\n @if (menu?.length) {\n <div\n [class]=\"\n hotel && items?.length\n ? 'm-links menu-general'\n : 'm-links'\n \"\n >\n <div class=\"m-links-container\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n {{ item.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n\n <div class=\"m-footer\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <a\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n }\n }\n\n <div class=\"m-footer-container\">\n <a href=\"mailto:\">\n <svg\n width=\"17\"\n height=\"14\"\n viewBox=\"0 0 17 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n fill=\"white\"\n />\n </svg>\n </a>\n\n <!-- <a (click)=\"openOfferPopup()\">\n <svg\n width=\"20\"\n height=\"23\"\n viewBox=\"0 0 20 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n fill=\"white\"\n />\n <path\n d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n fill=\"white\"\n />\n </svg>\n </a> -->\n\n <div\n class=\"m-lang\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"white\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:auto;max-height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}@media (max-width: 1100px){.mdl-header .mdl-container .m-card-hotel{max-height:inherit}}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:var(--cl_btn-box-text)}.mdl-header .m-burger-menu .close.color{background-color:var(--cl_btn-box)}.mdl-header .m-burger-menu .close svg,.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover svg,.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:block;margin-inline:auto}@media (min-width: 916px){.mdl-header .m-burger-menu .m-container .m-header a:has(.m-title){display:none}}.mdl-header .m-burger-menu .m-container .m-header .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem}.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:none}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:block}@media (max-width: 916px){.mdl-header .m-burger-menu .m-container .m-links.hotel-menu{display:block}.mdl-header .m-burger-menu .m-container .m-links.menu-general{display:none}}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#ff4338}.mdl-header .m-burger-menu .m-container .m-links .m-links-container .m-logo img{height:60px;margin-left:-16px}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:25px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:25px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:50vw;min-width:20rem;max-width:30rem;position:relative;bottom:20px}.mdl-header .m-burger-menu .m-container .m-header a img.white{filter:invert(1) brightness(2)}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}.background-container{width:100%;height:120px;position:absolute;z-index:-1}@media (max-width: 600px){.background-container{height:90px}}\n"] }]
|
|
9555
9566
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.MatDialog }], propDecorators: { dinamyHeader: [{
|
|
9556
9567
|
type: Input
|
|
9557
9568
|
}], hotelPage: [{
|
|
@@ -13767,11 +13778,11 @@ class BabylonLisC2TxtComponent {
|
|
|
13767
13778
|
return this.hotels.find((h) => Number(h?.id) === idNum);
|
|
13768
13779
|
}
|
|
13769
13780
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLisC2TxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13770
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonLisC2TxtComponent, isStandalone: true, selector: "lib-babylon-lis-c2-txt", inputs: { texts: "texts", destinations: "destinations", hotels: "hotels" }, viewQueries: [{ propertyName: "answers", predicate: ["faqAnswer"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-f03\">\n <div class=\"mdl-container\">\n @if (texts?.title) {\n <div class=\"m-content\">\n <div class=\"m-top\">\n <h2 class=\"m-titulo\">\n {{ texts?.title }}\n </h2>\n </div>\n </div>\n }\n\n @if (destinations?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of destinations; track $index) {\n <div class=\"faq-item\" [class.active]=\"isActive($index)\">\n <button\n class=\"faq-hoteles\"\n [attr.aria-expanded]=\"isActive($index)\"\n (click)=\"onToggleFaq($index)\"\n >\n {{ item?.name }}\n <span\n class=\"faq-icon\"\n [class.rotate]=\"isActive($index)\"\n ></span>\n </button>\n\n <div\n class=\"faq-answer\"\n #faqAnswer\n [class.open]=\"isActive($index)\"\n >\n @if (item?.hotels?.length) {\n @for (el of item?.hotels; track $index) {\n @if (getHotelById(el.id); as hotel) {\n <a\n class=\"item\"\n [href]=\"hotel.buttons?.[0]?.url\"\n [linkType]=\"\n hotel.buttons?.[0]?.linkType\n \"\n [attr.aria-label]=\"\n hotel.buttons?.[0]?.label\n \"\n [style.--hover-color]=\"\n hotel?.style?.primary\n \"\n >\n {{ hotel.texts?.name }}\n\n @if (\n hotel.hoteltype === 'Hotel' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n hotel.hoteltype ===\n 'Apartamento' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n />\n </svg>\n }\n </div>\n }\n\n <!-- SVG grandes del primer link de Costa Brava -->\n <!-- <ng-container\n *ngIf=\"hotel.showBigIcons\"\n > -->\n <!-- tus 2 SVG grandes tal cual -->\n <!-- (copiados de tu HTML original) -->\n <!-- ... -->\n <!-- </ng-container> -->\n\n <!-- SVG peque\u00F1os del link que los lleva -->\n <!-- <ng-container\n *ngIf=\"hotel.showSmallIcons\"\n > -->\n <!-- tus 3 SVG peque\u00F1os tal cual -->\n <!-- ... -->\n <!-- </ng-container> -->\n </a>\n }\n }\n }\n </div>\n </div>\n }\n </div>\n }\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-f03 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between}.mdl-f03 .mdl-container .m-content{width:100%;max-width:38.7rem;height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-f03 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{width:100%;max-width:32.8rem;color:#515050}.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{color:#515050}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-listadofaqs{width:100%;max-width:95.6rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0;cursor:pointer}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .category{align-items:center;display:flex}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .item:hover{color:var(--hover-color, currentColor)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .item:hover .category svg{fill:var(--hover-color, currentColor);opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .item:hover .category svg path{fill:var(--hover-color, currentColor)!important;fill-opacity:1!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .item:hover .category svg *{fill:var(--hover-color, currentColor)!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover:before{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover svg path{fill:#ff4338;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover:before{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover svg path{fill:#5b87da;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover:before{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover svg path{fill:#3fd5ae;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles .faq-icon{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0;filter:none!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon:hover{transform:rotate(90deg)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.1rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{display:flex;justify-content:space-between;align-items:center;width:100%;color:#51505099;font-weight:400!important;cursor:pointer;padding:1rem 0;font-weight:700;transition:color .3s ease;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.3rem;height:1.3rem;position:absolute;right:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon:hover{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 2.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{display:flex;flex-direction:row;gap:1.5rem;position:relative;transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg{width:1.3rem;height:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg path{transition:all .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:before{content:\"\\2022\";position:absolute;left:-20px;color:#ed3b37;font-size:1.8rem;line-height:1;top:50%;transform:translateY(-50%);transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover{color:#ed3b37}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs{max-width:72.5rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:3.2rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{max-width:41.8rem;line-height:3.6rem}.mdl-f03 .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem}.mdl-f03 .mdl-container .m-listadofaqs{max-width:100%}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{padding:3rem 0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{line-height:5.5rem;font-size:1.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{padding:2rem 0 1rem 2.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{padding:0 3rem 0 0;color:#51505099;font-size:2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{width:.9rem;height:.9rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 768px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 540px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 44rem){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{font-size:1.3rem;line-height:3.8rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
13781
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonLisC2TxtComponent, isStandalone: true, selector: "lib-babylon-lis-c2-txt", inputs: { texts: "texts", destinations: "destinations", hotels: "hotels" }, viewQueries: [{ propertyName: "answers", predicate: ["faqAnswer"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-f03\">\n <div class=\"mdl-container\">\n @if (texts?.title) {\n <div class=\"m-content\">\n <div class=\"m-top\">\n <h2 class=\"m-titulo\">\n {{ texts?.title }}\n </h2>\n </div>\n </div>\n }\n\n @if (destinations?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of destinations; track $index) {\n <div class=\"faq-item\" [class.active]=\"isActive($index)\">\n <button\n class=\"faq-hoteles\"\n [attr.aria-expanded]=\"isActive($index)\"\n (click)=\"onToggleFaq($index)\"\n >\n {{ item?.name }}\n <span\n class=\"faq-icon\"\n [class.rotate]=\"isActive($index)\"\n ></span>\n </button>\n\n <div\n class=\"faq-answer\"\n #faqAnswer\n [class.open]=\"isActive($index)\"\n >\n @if (item?.hotels?.length) {\n @for (el of item?.hotels; track $index) {\n @if (getHotelById(el.id); as hotel) {\n <a\n class=\"item\"\n [href]=\"hotel.buttons?.[0]?.url\"\n [linkType]=\"\n hotel.buttons?.[0]?.linkType\n \"\n [attr.aria-label]=\"\n hotel.buttons?.[0]?.label\n \"\n [style.--hover-color]=\"\n hotel?.styles?.primary\n \"\n >\n {{ hotel.texts?.name }}\n\n @if (\n hotel.hoteltype === 'Hotel' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n hotel.hoteltype ===\n 'Apartamento' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n />\n </svg>\n }\n </div>\n }\n\n <!-- SVG grandes del primer link de Costa Brava -->\n <!-- <ng-container\n *ngIf=\"hotel.showBigIcons\"\n > -->\n <!-- tus 2 SVG grandes tal cual -->\n <!-- (copiados de tu HTML original) -->\n <!-- ... -->\n <!-- </ng-container> -->\n\n <!-- SVG peque\u00F1os del link que los lleva -->\n <!-- <ng-container\n *ngIf=\"hotel.showSmallIcons\"\n > -->\n <!-- tus 3 SVG peque\u00F1os tal cual -->\n <!-- ... -->\n <!-- </ng-container> -->\n </a>\n }\n }\n }\n </div>\n </div>\n }\n </div>\n }\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-f03 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between}.mdl-f03 .mdl-container .m-content{width:100%;max-width:38.7rem;height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-f03 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{width:100%;max-width:32.8rem;color:#515050}.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{color:#515050}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-listadofaqs{width:100%;max-width:95.6rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0;cursor:pointer}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .category{align-items:center;display:flex}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover:before{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover svg path{fill:#ff4338;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover:before{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover svg path{fill:#5b87da;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover:before{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover svg path{fill:#3fd5ae;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles .faq-icon{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0;filter:none!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon:hover{transform:rotate(90deg)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.1rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{display:flex;justify-content:space-between;align-items:center;width:100%;color:#51505099;font-weight:400!important;cursor:pointer;padding:1rem 0;font-weight:700;transition:color .3s ease;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.3rem;height:1.3rem;position:absolute;right:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon:hover{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 2.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{display:flex;flex-direction:row;gap:1.5rem;position:relative;transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg{width:1.3rem;height:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg path{transition:all .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:before{content:\"\\2022\";position:absolute;left:-20px;color:#ed3b37;font-size:1.8rem;line-height:1;top:50%;transform:translateY(-50%);transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover{color:#ed3b37;color:var(--hover-color, currentColor)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg{fill:var(--hover-color, currentColor);opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg path{fill:var(--hover-color, currentColor)!important;fill-opacity:1!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg *{fill:var(--hover-color, currentColor)!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover:before{color:var(--hover-color, currentColor)}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs{max-width:72.5rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:3.2rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{max-width:41.8rem;line-height:3.6rem}.mdl-f03 .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem}.mdl-f03 .mdl-container .m-listadofaqs{max-width:100%}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{padding:3rem 0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{line-height:5.5rem;font-size:1.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{padding:2rem 0 1rem 2.8rem;max-height:max-content!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{padding:0 3rem 0 0;color:#51505099;font-size:2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{width:.9rem;height:.9rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 768px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 540px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 44rem){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{font-size:1.3rem;line-height:3.8rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
13771
13782
|
}
|
|
13772
13783
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLisC2TxtComponent, decorators: [{
|
|
13773
13784
|
type: Component,
|
|
13774
|
-
args: [{ selector: 'lib-babylon-lis-c2-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-f03\">\n <div class=\"mdl-container\">\n @if (texts?.title) {\n <div class=\"m-content\">\n <div class=\"m-top\">\n <h2 class=\"m-titulo\">\n {{ texts?.title }}\n </h2>\n </div>\n </div>\n }\n\n @if (destinations?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of destinations; track $index) {\n <div class=\"faq-item\" [class.active]=\"isActive($index)\">\n <button\n class=\"faq-hoteles\"\n [attr.aria-expanded]=\"isActive($index)\"\n (click)=\"onToggleFaq($index)\"\n >\n {{ item?.name }}\n <span\n class=\"faq-icon\"\n [class.rotate]=\"isActive($index)\"\n ></span>\n </button>\n\n <div\n class=\"faq-answer\"\n #faqAnswer\n [class.open]=\"isActive($index)\"\n >\n @if (item?.hotels?.length) {\n @for (el of item?.hotels; track $index) {\n @if (getHotelById(el.id); as hotel) {\n <a\n class=\"item\"\n [href]=\"hotel.buttons?.[0]?.url\"\n [linkType]=\"\n hotel.buttons?.[0]?.linkType\n \"\n [attr.aria-label]=\"\n hotel.buttons?.[0]?.label\n \"\n [style.--hover-color]=\"\n hotel?.style?.primary\n \"\n >\n {{ hotel.texts?.name }}\n\n @if (\n hotel.hoteltype === 'Hotel' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n hotel.hoteltype ===\n 'Apartamento' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n />\n </svg>\n }\n </div>\n }\n\n <!-- SVG grandes del primer link de Costa Brava -->\n <!-- <ng-container\n *ngIf=\"hotel.showBigIcons\"\n > -->\n <!-- tus 2 SVG grandes tal cual -->\n <!-- (copiados de tu HTML original) -->\n <!-- ... -->\n <!-- </ng-container> -->\n\n <!-- SVG peque\u00F1os del link que los lleva -->\n <!-- <ng-container\n *ngIf=\"hotel.showSmallIcons\"\n > -->\n <!-- tus 3 SVG peque\u00F1os tal cual -->\n <!-- ... -->\n <!-- </ng-container> -->\n </a>\n }\n }\n }\n </div>\n </div>\n }\n </div>\n }\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-f03 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between}.mdl-f03 .mdl-container .m-content{width:100%;max-width:38.7rem;height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-f03 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{width:100%;max-width:32.8rem;color:#515050}.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{color:#515050}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-listadofaqs{width:100%;max-width:95.6rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0;cursor:pointer}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .category{align-items:center;display:flex}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .item:hover{color:var(--hover-color, currentColor)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .item:hover .category svg{fill:var(--hover-color, currentColor);opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .item:hover .category svg path{fill:var(--hover-color, currentColor)!important;fill-opacity:1!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .item:hover .category svg *{fill:var(--hover-color, currentColor)!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover:before{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover svg path{fill:#ff4338;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover:before{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover svg path{fill:#5b87da;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover:before{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover svg path{fill:#3fd5ae;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles .faq-icon{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0;filter:none!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon:hover{transform:rotate(90deg)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.1rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{display:flex;justify-content:space-between;align-items:center;width:100%;color:#51505099;font-weight:400!important;cursor:pointer;padding:1rem 0;font-weight:700;transition:color .3s ease;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.3rem;height:1.3rem;position:absolute;right:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon:hover{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 2.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{display:flex;flex-direction:row;gap:1.5rem;position:relative;transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg{width:1.3rem;height:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg path{transition:all .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:before{content:\"\\2022\";position:absolute;left:-20px;color:#ed3b37;font-size:1.8rem;line-height:1;top:50%;transform:translateY(-50%);transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover{color:#ed3b37}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs{max-width:72.5rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:3.2rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{max-width:41.8rem;line-height:3.6rem}.mdl-f03 .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem}.mdl-f03 .mdl-container .m-listadofaqs{max-width:100%}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{padding:3rem 0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{line-height:5.5rem;font-size:1.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{padding:2rem 0 1rem 2.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{padding:0 3rem 0 0;color:#51505099;font-size:2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{width:.9rem;height:.9rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 768px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 540px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 44rem){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{font-size:1.3rem;line-height:3.8rem}}\n"] }]
|
|
13785
|
+
args: [{ selector: 'lib-babylon-lis-c2-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-f03\">\n <div class=\"mdl-container\">\n @if (texts?.title) {\n <div class=\"m-content\">\n <div class=\"m-top\">\n <h2 class=\"m-titulo\">\n {{ texts?.title }}\n </h2>\n </div>\n </div>\n }\n\n @if (destinations?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of destinations; track $index) {\n <div class=\"faq-item\" [class.active]=\"isActive($index)\">\n <button\n class=\"faq-hoteles\"\n [attr.aria-expanded]=\"isActive($index)\"\n (click)=\"onToggleFaq($index)\"\n >\n {{ item?.name }}\n <span\n class=\"faq-icon\"\n [class.rotate]=\"isActive($index)\"\n ></span>\n </button>\n\n <div\n class=\"faq-answer\"\n #faqAnswer\n [class.open]=\"isActive($index)\"\n >\n @if (item?.hotels?.length) {\n @for (el of item?.hotels; track $index) {\n @if (getHotelById(el.id); as hotel) {\n <a\n class=\"item\"\n [href]=\"hotel.buttons?.[0]?.url\"\n [linkType]=\"\n hotel.buttons?.[0]?.linkType\n \"\n [attr.aria-label]=\"\n hotel.buttons?.[0]?.label\n \"\n [style.--hover-color]=\"\n hotel?.styles?.primary\n \"\n >\n {{ hotel.texts?.name }}\n\n @if (\n hotel.hoteltype === 'Hotel' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n hotel.hoteltype ===\n 'Apartamento' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n />\n </svg>\n }\n </div>\n }\n\n <!-- SVG grandes del primer link de Costa Brava -->\n <!-- <ng-container\n *ngIf=\"hotel.showBigIcons\"\n > -->\n <!-- tus 2 SVG grandes tal cual -->\n <!-- (copiados de tu HTML original) -->\n <!-- ... -->\n <!-- </ng-container> -->\n\n <!-- SVG peque\u00F1os del link que los lleva -->\n <!-- <ng-container\n *ngIf=\"hotel.showSmallIcons\"\n > -->\n <!-- tus 3 SVG peque\u00F1os tal cual -->\n <!-- ... -->\n <!-- </ng-container> -->\n </a>\n }\n }\n }\n </div>\n </div>\n }\n </div>\n }\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-f03 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between}.mdl-f03 .mdl-container .m-content{width:100%;max-width:38.7rem;height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-f03 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{width:100%;max-width:32.8rem;color:#515050}.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{color:#515050}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-listadofaqs{width:100%;max-width:95.6rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0;cursor:pointer}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .category{align-items:center;display:flex}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover:before{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover svg path{fill:#ff4338;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover:before{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover svg path{fill:#5b87da;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover:before{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover svg path{fill:#3fd5ae;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles .faq-icon{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0;filter:none!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon:hover{transform:rotate(90deg)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.1rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{display:flex;justify-content:space-between;align-items:center;width:100%;color:#51505099;font-weight:400!important;cursor:pointer;padding:1rem 0;font-weight:700;transition:color .3s ease;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.3rem;height:1.3rem;position:absolute;right:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon:hover{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 2.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{display:flex;flex-direction:row;gap:1.5rem;position:relative;transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg{width:1.3rem;height:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg path{transition:all .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:before{content:\"\\2022\";position:absolute;left:-20px;color:#ed3b37;font-size:1.8rem;line-height:1;top:50%;transform:translateY(-50%);transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover{color:#ed3b37;color:var(--hover-color, currentColor)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg{fill:var(--hover-color, currentColor);opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg path{fill:var(--hover-color, currentColor)!important;fill-opacity:1!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg *{fill:var(--hover-color, currentColor)!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover:before{color:var(--hover-color, currentColor)}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs{max-width:72.5rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:3.2rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{max-width:41.8rem;line-height:3.6rem}.mdl-f03 .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem}.mdl-f03 .mdl-container .m-listadofaqs{max-width:100%}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{padding:3rem 0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{line-height:5.5rem;font-size:1.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{padding:2rem 0 1rem 2.8rem;max-height:max-content!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{padding:0 3rem 0 0;color:#51505099;font-size:2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{width:.9rem;height:.9rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 768px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 540px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 44rem){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{font-size:1.3rem;line-height:3.8rem}}\n"] }]
|
|
13775
13786
|
}], propDecorators: { texts: [{
|
|
13776
13787
|
type: Input
|
|
13777
13788
|
}], destinations: [{
|
|
@@ -16783,11 +16794,11 @@ class C2TxtRrssComponent {
|
|
|
16783
16794
|
return item.label ?? `${index}`;
|
|
16784
16795
|
}
|
|
16785
16796
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtRrssComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16786
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtRrssComponent, isStandalone: true, selector: "c2-txt-rrss", inputs: { texts: "texts", socials: "socials" }, ngImport: i0, template: "@if (socials) {\n <section class=\"mdl-md001\">\n <div class=\"mdl-container\">\n <div class=\"m-rrss\">\n @if (texts) {\n <h2 class=\"m-title\">{{ texts.title }}</h2>\n }\n <div class=\"m-icons\">\n @for (item of socials; track $index) {\n @if (\n item.name == 'youtube' || item.label == 'youtube'\n ) {\n <a\n background=\"#FF4338\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon youtube\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M23.5 6.2c-.3-1.1-1.2-2-2.3-2.3C19.2 3.4 12 3.4 12 3.4s-7.2 0-9.2.5C1.7 4.2.8 5.1.5 6.2.1 8.2.1 12 .1 12s0 3.8.4 5.8c.3 1.1 1.2 2 2.3 2.3 2 .5 9.2.5 9.2.5s7.2 0 9.2-.5c1.1-.3 2-1.2 2.3-2.3.4-2 .4-5.8.4-5.8s0-3.8-.4-5.8ZM10 8.5v7l6-3.5-6-3.5Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n item.name == 'facebook' || item.label == 'facebook'\n ) {\n <a\n background=\"#5B87DA\"\n [href]=\"item?.url\"\n class=\"m-icon facebook\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.5 22V12.9h3.1l.5-3.5h-3.6V7.2c0-1 .3-1.7 1.8-1.7h1.9V2.4c-.3 0-1.6-.1-3-.1-3 0-5 1.8-5 5.1v2.9H6.2v3.5h3.1V22h4.2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n item.name == 'instagram' ||\n item.label == 'instagram'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon instagram\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n item.name == 'twitter' || item.label == 'twitter'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon twitter\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18.9 2H22l-6.8 7.8L23 22h-6.6l-5.2-6.7L5.3 22H2l7.3-8.4L1 2h6.7l4.7 6 6.5-6ZM17.8 20h1.7L6.1 3.9H4.3L17.8 20Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (item.name == 'tiktok' || item.label == 'tiktok') {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon tiktok\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14 2h2.3c.3 2.1 1.5 3.7 3.7 4.4V8.6c-1.7 0-3.1-.5-4.3-1.4v7.1c0 3-2.4 5.7-5.7 5.7S4.3 17.3 4.3 14.3c0-3 2.4-5.7 5.7-5.7.3 0 .6 0 .9.1v2.4c-.3-.1-.6-.2-.9-.2-1.7 0-3.1 1.4-3.1 3.1 0 1.7 1.4 3.1 3.1 3.1 1.8 0 3.1-1.3 3.1-3.6V2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (item.name == 'blue' || item.label == 'blue') {\n <a\n background=\"#66C3C9\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon blue\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n <!-- <a\n class=\"m-icon\"\n [style.background-color]=\"icon.background\"\n [href]=\"icon.url\"\n [attr.target]=\"icon.target || '_self'\"\n [attr.aria-label]=\"icon.label\"\n [attr.rel]=\"\n (icon.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a> -->\n }\n </div>\n @if (texts?.description ?? texts?.subtitle) {\n <div class=\"m-subtitle\">\n {{ texts?.description ?? texts?.subtitle }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@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}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md001 .mdl-container{padding:8rem 0}.mdl-md001 .mdl-container .m-rrss{display:flex;flex-direction:row;gap:7rem;align-items:center}.mdl-md001 .mdl-container .m-rrss .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-title{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-title{color:#515050b2;margin-right:10%}.mdl-md001 .mdl-container .m-rrss .m-icons{display:flex;flex-direction:row;gap:2rem;align-items:center;flex-wrap:wrap}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon{border-radius:100%;width:5rem;height:5rem;position:relative;transition:.3s ease;display:flex;justify-content:center;align-items:center}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:not(:hover){background-color:#fff}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg path{transition:.3s ease;fill:#515050b2}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon img{width:30px;height:30px;object-fit:contain;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover{background-color:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.youtube{background-color:var(--cl_youtube)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.facebook{background-color:var(--cl_facebook)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.instagram{background-color:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.twitter{background-color:var(--cl_twitter)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.tiktok{background-color:var(--cl_tiktok)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.blue{background-color:var(--cl_blue)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover img{width:40px;height:40px;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover svg path{fill:#fff}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:3.8rem;color:#515050}@media (max-width: 1366px){.mdl-md001 .mdl-container .m-rrss{gap:6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:3%}}@media (max-width: 1080px){.mdl-md001 .mdl-container .m-rrss{gap:3.6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:0}.mdl-md001 .mdl-container .m-rrss{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 540px){.mdl-md001 .mdl-container .m-rrss{max-width:90%;margin:0 auto}.mdl-md001 .mdl-container .m-rrss .m-icons{justify-content:center;gap:1rem 2rem}}@media (max-width: 375px){.mdl-md001 .mdl-container{padding:5rem 0}.mdl-md001 .mdl-container .m-rrss{gap:2.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16797
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2TxtRrssComponent, isStandalone: true, selector: "c2-txt-rrss", inputs: { texts: "texts", socials: "socials" }, ngImport: i0, template: "@if (socials) {\n <section class=\"mdl-md001\">\n <div class=\"mdl-container\">\n <div class=\"m-rrss\">\n @if (texts) {\n <h2 class=\"m-title\">{{ texts.title }}</h2>\n }\n <div class=\"m-icons\">\n @for (item of socials; track $index) {\n @if (\n item.name == 'youtube' || item.label == 'youtube'\n ) {\n <a\n background=\"#FF4338\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon youtube\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M23.5 6.2c-.3-1.1-1.2-2-2.3-2.3C19.2 3.4 12 3.4 12 3.4s-7.2 0-9.2.5C1.7 4.2.8 5.1.5 6.2.1 8.2.1 12 .1 12s0 3.8.4 5.8c.3 1.1 1.2 2 2.3 2.3 2 .5 9.2.5 9.2.5s7.2 0 9.2-.5c1.1-.3 2-1.2 2.3-2.3.4-2 .4-5.8.4-5.8s0-3.8-.4-5.8ZM10 8.5v7l6-3.5-6-3.5Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n item.name == 'facebook' || item.label == 'facebook'\n ) {\n <a\n background=\"#5B87DA\"\n [href]=\"item?.url\"\n class=\"m-icon facebook\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.5 22V12.9h3.1l.5-3.5h-3.6V7.2c0-1 .3-1.7 1.8-1.7h1.9V2.4c-.3 0-1.6-.1-3-.1-3 0-5 1.8-5 5.1v2.9H6.2v3.5h3.1V22h4.2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n item.name == 'instagram' ||\n item.label == 'instagram'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon instagram\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n item.name == 'twitter' || item.label == 'twitter'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon twitter\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18.9 2H22l-6.8 7.8L23 22h-6.6l-5.2-6.7L5.3 22H2l7.3-8.4L1 2h6.7l4.7 6 6.5-6ZM17.8 20h1.7L6.1 3.9H4.3L17.8 20Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (item.name == 'tiktok' || item.label == 'tiktok') {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon tiktok\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14 2h2.3c.3 2.1 1.5 3.7 3.7 4.4V8.6c-1.7 0-3.1-.5-4.3-1.4v7.1c0 3-2.4 5.7-5.7 5.7S4.3 17.3 4.3 14.3c0-3 2.4-5.7 5.7-5.7.3 0 .6 0 .9.1v2.4c-.3-.1-.6-.2-.9-.2-1.7 0-3.1 1.4-3.1 3.1 0 1.7 1.4 3.1 3.1 3.1 1.8 0 3.1-1.3 3.1-3.6V2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (item.name == 'blue' || item.label == 'blue') {\n <a\n background=\"#66C3C9\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon blue\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n <!-- <a\n class=\"m-icon\"\n [style.background-color]=\"icon.background\"\n [href]=\"icon.url\"\n [attr.target]=\"icon.target || '_self'\"\n [attr.aria-label]=\"icon.label\"\n [attr.rel]=\"\n (icon.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a> -->\n }\n </div>\n @if (texts?.description ?? texts?.subtitle) {\n <div class=\"m-subtitle\">\n {{ texts?.description ?? texts?.subtitle }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@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}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md001 .mdl-container{padding:8rem 0}.mdl-md001 .mdl-container .m-rrss{display:flex;flex-direction:row;gap:7rem;align-items:center;justify-content:center}.mdl-md001 .mdl-container .m-rrss .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-title{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-title{color:#515050b2;margin-right:10%}.mdl-md001 .mdl-container .m-rrss .m-icons{display:flex;flex-direction:row;gap:2rem;align-items:center;flex-wrap:wrap}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon{border-radius:100%;width:5rem;height:5rem;position:relative;transition:.3s ease;display:flex;justify-content:center;align-items:center}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:not(:hover){background-color:#fff}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg path{transition:.3s ease;fill:#515050b2}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon img{width:30px;height:30px;object-fit:contain;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover{background-color:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.youtube{background-color:var(--cl_youtube)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.facebook{background-color:var(--cl_facebook)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.instagram{background-color:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.twitter{background-color:var(--cl_twitter)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.tiktok{background-color:var(--cl_tiktok)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.blue{background-color:var(--cl_blue)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover img{width:40px;height:40px;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover svg path{fill:#fff}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:3.8rem;color:#515050}@media (max-width: 1366px){.mdl-md001 .mdl-container .m-rrss{gap:6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:3%}}@media (max-width: 1080px){.mdl-md001 .mdl-container .m-rrss{gap:3.6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:0}.mdl-md001 .mdl-container .m-rrss{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 540px){.mdl-md001 .mdl-container .m-rrss{max-width:90%;margin:0 auto}.mdl-md001 .mdl-container .m-rrss .m-icons{justify-content:center;gap:1rem 2rem}}@media (max-width: 375px){.mdl-md001 .mdl-container{padding:5rem 0}.mdl-md001 .mdl-container .m-rrss{gap:2.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16787
16798
|
}
|
|
16788
16799
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2TxtRrssComponent, decorators: [{
|
|
16789
16800
|
type: Component,
|
|
16790
|
-
args: [{ selector: 'c2-txt-rrss', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (socials) {\n <section class=\"mdl-md001\">\n <div class=\"mdl-container\">\n <div class=\"m-rrss\">\n @if (texts) {\n <h2 class=\"m-title\">{{ texts.title }}</h2>\n }\n <div class=\"m-icons\">\n @for (item of socials; track $index) {\n @if (\n item.name == 'youtube' || item.label == 'youtube'\n ) {\n <a\n background=\"#FF4338\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon youtube\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M23.5 6.2c-.3-1.1-1.2-2-2.3-2.3C19.2 3.4 12 3.4 12 3.4s-7.2 0-9.2.5C1.7 4.2.8 5.1.5 6.2.1 8.2.1 12 .1 12s0 3.8.4 5.8c.3 1.1 1.2 2 2.3 2.3 2 .5 9.2.5 9.2.5s7.2 0 9.2-.5c1.1-.3 2-1.2 2.3-2.3.4-2 .4-5.8.4-5.8s0-3.8-.4-5.8ZM10 8.5v7l6-3.5-6-3.5Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n item.name == 'facebook' || item.label == 'facebook'\n ) {\n <a\n background=\"#5B87DA\"\n [href]=\"item?.url\"\n class=\"m-icon facebook\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.5 22V12.9h3.1l.5-3.5h-3.6V7.2c0-1 .3-1.7 1.8-1.7h1.9V2.4c-.3 0-1.6-.1-3-.1-3 0-5 1.8-5 5.1v2.9H6.2v3.5h3.1V22h4.2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n item.name == 'instagram' ||\n item.label == 'instagram'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon instagram\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n item.name == 'twitter' || item.label == 'twitter'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon twitter\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18.9 2H22l-6.8 7.8L23 22h-6.6l-5.2-6.7L5.3 22H2l7.3-8.4L1 2h6.7l4.7 6 6.5-6ZM17.8 20h1.7L6.1 3.9H4.3L17.8 20Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (item.name == 'tiktok' || item.label == 'tiktok') {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon tiktok\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14 2h2.3c.3 2.1 1.5 3.7 3.7 4.4V8.6c-1.7 0-3.1-.5-4.3-1.4v7.1c0 3-2.4 5.7-5.7 5.7S4.3 17.3 4.3 14.3c0-3 2.4-5.7 5.7-5.7.3 0 .6 0 .9.1v2.4c-.3-.1-.6-.2-.9-.2-1.7 0-3.1 1.4-3.1 3.1 0 1.7 1.4 3.1 3.1 3.1 1.8 0 3.1-1.3 3.1-3.6V2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (item.name == 'blue' || item.label == 'blue') {\n <a\n background=\"#66C3C9\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon blue\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n <!-- <a\n class=\"m-icon\"\n [style.background-color]=\"icon.background\"\n [href]=\"icon.url\"\n [attr.target]=\"icon.target || '_self'\"\n [attr.aria-label]=\"icon.label\"\n [attr.rel]=\"\n (icon.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a> -->\n }\n </div>\n @if (texts?.description ?? texts?.subtitle) {\n <div class=\"m-subtitle\">\n {{ texts?.description ?? texts?.subtitle }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@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}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md001 .mdl-container{padding:8rem 0}.mdl-md001 .mdl-container .m-rrss{display:flex;flex-direction:row;gap:7rem;align-items:center}.mdl-md001 .mdl-container .m-rrss .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-title{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-title{color:#515050b2;margin-right:10%}.mdl-md001 .mdl-container .m-rrss .m-icons{display:flex;flex-direction:row;gap:2rem;align-items:center;flex-wrap:wrap}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon{border-radius:100%;width:5rem;height:5rem;position:relative;transition:.3s ease;display:flex;justify-content:center;align-items:center}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:not(:hover){background-color:#fff}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg path{transition:.3s ease;fill:#515050b2}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon img{width:30px;height:30px;object-fit:contain;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover{background-color:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.youtube{background-color:var(--cl_youtube)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.facebook{background-color:var(--cl_facebook)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.instagram{background-color:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.twitter{background-color:var(--cl_twitter)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.tiktok{background-color:var(--cl_tiktok)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.blue{background-color:var(--cl_blue)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover img{width:40px;height:40px;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover svg path{fill:#fff}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:3.8rem;color:#515050}@media (max-width: 1366px){.mdl-md001 .mdl-container .m-rrss{gap:6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:3%}}@media (max-width: 1080px){.mdl-md001 .mdl-container .m-rrss{gap:3.6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:0}.mdl-md001 .mdl-container .m-rrss{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 540px){.mdl-md001 .mdl-container .m-rrss{max-width:90%;margin:0 auto}.mdl-md001 .mdl-container .m-rrss .m-icons{justify-content:center;gap:1rem 2rem}}@media (max-width: 375px){.mdl-md001 .mdl-container{padding:5rem 0}.mdl-md001 .mdl-container .m-rrss{gap:2.5rem}}\n"] }]
|
|
16801
|
+
args: [{ selector: 'c2-txt-rrss', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (socials) {\n <section class=\"mdl-md001\">\n <div class=\"mdl-container\">\n <div class=\"m-rrss\">\n @if (texts) {\n <h2 class=\"m-title\">{{ texts.title }}</h2>\n }\n <div class=\"m-icons\">\n @for (item of socials; track $index) {\n @if (\n item.name == 'youtube' || item.label == 'youtube'\n ) {\n <a\n background=\"#FF4338\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon youtube\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M23.5 6.2c-.3-1.1-1.2-2-2.3-2.3C19.2 3.4 12 3.4 12 3.4s-7.2 0-9.2.5C1.7 4.2.8 5.1.5 6.2.1 8.2.1 12 .1 12s0 3.8.4 5.8c.3 1.1 1.2 2 2.3 2.3 2 .5 9.2.5 9.2.5s7.2 0 9.2-.5c1.1-.3 2-1.2 2.3-2.3.4-2 .4-5.8.4-5.8s0-3.8-.4-5.8ZM10 8.5v7l6-3.5-6-3.5Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n item.name == 'facebook' || item.label == 'facebook'\n ) {\n <a\n background=\"#5B87DA\"\n [href]=\"item?.url\"\n class=\"m-icon facebook\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.5 22V12.9h3.1l.5-3.5h-3.6V7.2c0-1 .3-1.7 1.8-1.7h1.9V2.4c-.3 0-1.6-.1-3-.1-3 0-5 1.8-5 5.1v2.9H6.2v3.5h3.1V22h4.2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n item.name == 'instagram' ||\n item.label == 'instagram'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon instagram\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (\n item.name == 'twitter' || item.label == 'twitter'\n ) {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon twitter\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18.9 2H22l-6.8 7.8L23 22h-6.6l-5.2-6.7L5.3 22H2l7.3-8.4L1 2h6.7l4.7 6 6.5-6ZM17.8 20h1.7L6.1 3.9H4.3L17.8 20Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (item.name == 'tiktok' || item.label == 'tiktok') {\n <a\n background=\"#515050\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon tiktok\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14 2h2.3c.3 2.1 1.5 3.7 3.7 4.4V8.6c-1.7 0-3.1-.5-4.3-1.4v7.1c0 3-2.4 5.7-5.7 5.7S4.3 17.3 4.3 14.3c0-3 2.4-5.7 5.7-5.7.3 0 .6 0 .9.1v2.4c-.3-.1-.6-.2-.9-.2-1.7 0-3.1 1.4-3.1 3.1 0 1.7 1.4 3.1 3.1 3.1 1.8 0 3.1-1.3 3.1-3.6V2Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n @if (item.name == 'blue' || item.label == 'blue') {\n <a\n background=\"#66C3C9\"\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType ?? 'external'\"\n class=\"m-icon blue\"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a>\n }\n <!-- <a\n class=\"m-icon\"\n [style.background-color]=\"icon.background\"\n [href]=\"icon.url\"\n [attr.target]=\"icon.target || '_self'\"\n [attr.aria-label]=\"icon.label\"\n [attr.rel]=\"\n (icon.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <svg\n width=\"22\"\n height=\"22\"\n viewBox=\"0 0 22 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path\n d=\"M21.2299 6.04339C21.2281 4.50196 20.6263 3.05153 19.5362 1.96139C18.4461 0.872174 16.9956 0.271388 15.4542 0.269531H5.77478C4.23336 0.27046 2.78386 0.872174 1.69371 1.96139C0.603571 3.05246 0.00185714 4.50196 0 6.04339V15.7228C0.00185714 17.2642 0.602643 18.7137 1.69371 19.8048C2.78386 20.8949 4.23336 21.4967 5.77478 21.4985H15.4542C16.9956 21.4967 18.4451 20.8959 19.5362 19.8057C20.6263 18.7147 21.2281 17.2652 21.2299 15.7237V6.04339ZM19.6857 15.7228C19.6848 16.8529 19.2437 17.9142 18.4461 18.7137C17.6475 19.5132 16.5852 19.9534 15.4551 19.9543H5.77478C4.64471 19.9534 3.58243 19.5132 2.78478 18.7137C1.98621 17.9161 1.54514 16.8538 1.54421 15.7247V6.04339C1.54607 4.91331 1.98714 3.85196 2.78478 3.05432C3.58243 2.25574 4.64378 1.8156 5.77478 1.81374H15.4542C16.5843 1.81467 17.6466 2.25482 18.4451 3.05432C19.2437 3.85103 19.6848 4.91331 19.6857 6.04339V15.7228Z\"\n fill=\"black\"\n />\n <path\n d=\"M5.6446 8.8254C5.23603 9.81155 5.13017 10.8859 5.33817 11.9333C5.54617 12.9798 6.0541 13.9316 6.80995 14.6893C7.56488 15.4443 8.5176 15.9531 9.56502 16.1611C10.6041 16.3691 11.6915 16.2614 12.6739 15.8547C13.66 15.447 14.4948 14.7608 15.0882 13.8731C15.6815 12.9863 15.9954 11.9528 15.9954 10.884C15.9944 9.44662 15.4336 8.09648 14.4177 7.08062C13.401 6.06476 12.0508 5.50483 10.6152 5.50391C9.54738 5.50391 8.51388 5.81776 7.62617 6.41112C6.73845 7.00355 6.05317 7.83926 5.6446 8.8254ZM7.90381 8.17262C8.44238 7.63405 9.12117 7.27098 9.86774 7.12333C10.6087 6.97383 11.3841 7.0509 12.0833 7.33969C12.7862 7.63126 13.3815 8.12062 13.8049 8.75205C14.2283 9.38533 14.4512 10.1226 14.4512 10.8831C14.4502 11.9073 14.051 12.8703 13.3267 13.5936C12.6033 14.3179 11.6404 14.7172 10.6162 14.7181C9.85474 14.7181 9.11838 14.4953 8.4851 14.0718C7.85274 13.6503 7.36431 13.0541 7.07274 12.3503C6.78117 11.6464 6.70595 10.8803 6.85453 10.1347C7.0031 9.38905 7.36617 8.71026 7.90381 8.17262Z\"\n fill=\"black\"\n />\n <path\n d=\"M15.3435 5.67383C15.4763 5.92176 15.6927 6.11769 15.9517 6.22448C16.2117 6.33219 16.5033 6.34705 16.7726 6.26441C17.041 6.18269 17.275 6.00998 17.4319 5.77505C17.5879 5.54198 17.6585 5.25876 17.6315 4.97833C17.6037 4.69883 17.4792 4.43512 17.2805 4.23733L17.2787 4.23455C17.0484 4.00612 16.7429 3.87891 16.417 3.87891C16.1356 3.87891 15.8607 3.97733 15.6435 4.15655C15.4262 4.33576 15.2757 4.58648 15.2219 4.86133C15.168 5.13526 15.2107 5.42498 15.3435 5.67383Z\"\n fill=\"black\"\n />\n </svg>\n </a> -->\n }\n </div>\n @if (texts?.description ?? texts?.subtitle) {\n <div class=\"m-subtitle\">\n {{ texts?.description ?? texts?.subtitle }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@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}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md001 .mdl-container{padding:8rem 0}.mdl-md001 .mdl-container .m-rrss{display:flex;flex-direction:row;gap:7rem;align-items:center;justify-content:center}.mdl-md001 .mdl-container .m-rrss .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-title{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-title{color:#515050b2;margin-right:10%}.mdl-md001 .mdl-container .m-rrss .m-icons{display:flex;flex-direction:row;gap:2rem;align-items:center;flex-wrap:wrap}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon{border-radius:100%;width:5rem;height:5rem;position:relative;transition:.3s ease;display:flex;justify-content:center;align-items:center}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:not(:hover){background-color:#fff}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon svg path{transition:.3s ease;fill:#515050b2}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon img{width:30px;height:30px;object-fit:contain;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover{background-color:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.youtube{background-color:var(--cl_youtube)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.facebook{background-color:var(--cl_facebook)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.instagram{background-color:var(--cl_instagram)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.twitter{background-color:var(--cl_twitter)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.tiktok{background-color:var(--cl_tiktok)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover.blue{background-color:var(--cl_blue)}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover img{width:40px;height:40px;transition:.3s ease}.mdl-md001 .mdl-container .m-rrss .m-icons .m-icon:hover svg path{fill:#fff}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3rem}@media (max-width: 375px){.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:2rem}}.mdl-md001 .mdl-container .m-rrss .m-subtitle{font-size:3.8rem;color:#515050}@media (max-width: 1366px){.mdl-md001 .mdl-container .m-rrss{gap:6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:3%}}@media (max-width: 1080px){.mdl-md001 .mdl-container .m-rrss{gap:3.6rem}.mdl-md001 .mdl-container .m-rrss .m-title{margin-right:0}.mdl-md001 .mdl-container .m-rrss{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 540px){.mdl-md001 .mdl-container .m-rrss{max-width:90%;margin:0 auto}.mdl-md001 .mdl-container .m-rrss .m-icons{justify-content:center;gap:1rem 2rem}}@media (max-width: 375px){.mdl-md001 .mdl-container{padding:5rem 0}.mdl-md001 .mdl-container .m-rrss{gap:2.5rem}}\n"] }]
|
|
16791
16802
|
}], propDecorators: { texts: [{
|
|
16792
16803
|
type: Input
|
|
16793
16804
|
}], socials: [{
|
|
@@ -17598,11 +17609,11 @@ class CarC2TxtCtaComponent {
|
|
|
17598
17609
|
return getFirstImageByTagFromImages(imagenes, tagName);
|
|
17599
17610
|
}
|
|
17600
17611
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CarC2TxtCtaComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17601
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CarC2TxtCtaComponent, isStandalone: true, selector: "car-c2-txt-cta", inputs: { texts: "texts", items: "items", buttons: "buttons", styles: "styles" }, usesOnChanges: true, ngImport: i0, template: "@if (items) {\n <section class=\"mdl-mdh011\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts) {\n @if (texts.title) {\n <div class=\"m-title\">{{ texts.title }}</div>\n }\n @if (texts.description) {\n <div class=\"m-text\">\n {{ texts.description }}\n </div>\n }\n }\n @if (buttons?.[0]; as btn) {\n <a\n class=\"m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n }\n </div>\n\n @if (items) {\n <div class=\"m-cards-container\">\n <div class=\"swiper\">\n <div class=\"swiper-container\">\n <div class=\"swiper-wrapper\">\n @for (card of items; track $index) {\n <div class=\"swiper-slide\">\n @if (card.multimedia?.imagenes) {\n @if (\n getFirstImageByTag(\n tagName,\n card.multimedia?.imagenes ??\n []\n ) ??\n card.multimedia\n ?.imagenes?.[0];\n as img\n ) {\n <ng-container>\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n img.img?.src +\n ')'\n \"\n >\n @if (\n card.texts\n ?.additional1\n ) {\n <div\n class=\"m-tag\"\n [style.--arrow-color]=\"\n styles?.primary ??\n '#000'\n \"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#000'\n \"\n >\n {{\n card.title ||\n card\n .texts\n ?.additional1\n }}\n </div>\n }\n </div>\n </ng-container>\n }\n }\n\n <div class=\"m-content\">\n @if (card.texts?.name) {\n <div class=\"m-title\">\n {{ card.texts?.name }}\n </div>\n }\n <!-- <img\n *ngIf=\"card.logo\"\n class=\"m-logo\"\n [src]=\"card.logo\"\n [alt]=\"card.title\"\n loading=\"lazy\"\n /> -->\n @if (card.buttons) {\n @for (\n btn of card.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"\n $index % 2 === 0\n ? 'm-button-sm red'\n : 'm-but m-underline-red'\n \"\n [href]=\"btn?.url\"\n [attr.target]=\"\n btn?.target\n \"\n [attr.rel]=\"\n (btn?.target ||\n '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"\n btn?.label\n \"\n >\n <span>{{\n btn?.label\n }}</span>\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-swiper-button prev\">\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n\n <div class=\"m-swiper-button next\">\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n }\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;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}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh011{padding-top:8.1rem;padding-bottom:8.1rem;background-color:#fff9f9}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%;height:700px}@media (max-width: 800px){.mdl-mdh011 .mdl-container{height:700px}}@media (max-width: 564px){.mdl-mdh011 .mdl-container{height:500px}}.mdl-mdh011 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;gap:2rem;flex-wrap:wrap}.mdl-mdh011 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;width:40rem;color:#515050}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;width:62rem;color:#51505099;text-align:right}.mdl-mdh011 .mdl-container .m-cards-container{width:100%}.mdl-mdh011 .mdl-container .swiper{max-width:100%;overflow:visible;position:relative;width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-container{width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-wrapper{display:flex}.mdl-mdh011 .mdl-container .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{position:absolute;z-index:1;top:30%}.mdl-mdh011 .mdl-container .swiper .next{right:-4.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-4.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;cursor:pointer;overflow:initial}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:31vw;max-height:60rem;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top:after{content:\"\";width:102%;height:22.8rem;left:-1px;bottom:-15rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-beige.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:var(--arrow-color, #ed3b37);color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon{position:relative;width:100%;height:31vw;max-height:56rem;background-color:#fff9f9;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;padding:6rem 5rem;color:#515050b3;text-align:center}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;text-align:center;width:100%;position:relative;z-index:1}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem;color:#515050b3;position:absolute;top:-1rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{position:absolute;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm{margin-top:4.3rem;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{margin:2rem 0 4rem}@media (hover: hover){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-card-top{background-blend-mode:multiply;max-height:27vw}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh011 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}.mdl-mdh011 .mdl-container .m-cards-container{gap:5.5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-mdh011{padding-top:7.5rem;padding-bottom:0}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:25%}}@media (max-width: 768px){.mdl-mdh011{padding-left:6rem!important;padding-right:6rem!important}.mdl-mdh011 .mdl-container{width:100%}.mdl-mdh011 .mdl-container .m-content-top{flex-direction:column;align-items:center;text-align:center;gap:3.3rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{width:100%;font-size:2.7rem;text-align:left}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:30%;width:3.8rem;height:3.8rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{min-height:57rem;max-width:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{height:50rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{position:relative;opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}}@media (max-width: 540px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{max-height:30rem}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:21%;width:3.2rem;height:3.2rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.2rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.2rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-size:2.2rem}}@media (max-width: 375px){.mdl-mdh011{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{height:44rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17612
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CarC2TxtCtaComponent, isStandalone: true, selector: "car-c2-txt-cta", inputs: { texts: "texts", items: "items", buttons: "buttons", styles: "styles" }, usesOnChanges: true, ngImport: i0, template: "@if (items) {\n <section class=\"mdl-mdh011\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts) {\n @if (texts.title) {\n <div class=\"m-title\">{{ texts.title }}</div>\n }\n @if (texts.description) {\n <div class=\"m-text\">\n {{ texts.description }}\n </div>\n }\n }\n @if (buttons?.[0]; as btn) {\n <a\n class=\"m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n }\n </div>\n\n @if (items) {\n <div class=\"m-cards-container\">\n <div class=\"swiper\">\n <div class=\"swiper-container\">\n <div class=\"swiper-wrapper\">\n @for (card of items; track $index) {\n <div class=\"swiper-slide\">\n @if (card.multimedia?.imagenes) {\n @if (\n getFirstImageByTag(\n tagName,\n card.multimedia?.imagenes ??\n []\n ) ??\n card.multimedia\n ?.imagenes?.[0];\n as img\n ) {\n <ng-container>\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n img.img?.src +\n ')'\n \"\n >\n @if (\n card.texts\n ?.additional1\n ) {\n <div\n class=\"m-tag\"\n [style.--arrow-color]=\"\n styles?.primary ??\n '#000'\n \"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#000'\n \"\n >\n {{\n card.title ||\n card\n .texts\n ?.additional1\n }}\n </div>\n }\n </div>\n </ng-container>\n }\n }\n\n <div class=\"m-content\">\n @if (card.texts?.name) {\n <div class=\"m-title\">\n {{ card.texts?.name }}\n </div>\n }\n <!-- <img\n *ngIf=\"card.logo\"\n class=\"m-logo\"\n [src]=\"card.logo\"\n [alt]=\"card.title\"\n loading=\"lazy\"\n /> -->\n @if (card.buttons) {\n @for (\n btn of card.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"\n $index % 2 === 0\n ? 'm-button-sm'\n : 'm-but m-underline'\n \"\n [href]=\"btn?.url\"\n [attr.target]=\"\n btn?.target\n \"\n [attr.rel]=\"\n (btn?.target ||\n '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"\n btn?.label\n \"\n [style.--color]=\"\n styles?.primary ??\n '#ff4338'\n \"\n [style.--hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#ed3b37'\n \"\n >\n <span>{{\n btn?.label\n }}</span>\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-swiper-button prev\">\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n\n <div class=\"m-swiper-button next\">\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n }\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm{background-color:var(--color, #ff4338)!important}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:var(--hover-color, #ed3b37)!important}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338)!important;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:var(--hover-color, #ed3b37)!important}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1;background:var(--hover-color, transparent)!important}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:var(--hover-color, #ed3b37)!important;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh011{padding-top:8.1rem;padding-bottom:8.1rem;background-color:#fff9f9;height:1000px}@media (max-width: 1630px){.mdl-mdh011{height:900px}}@media (max-width: 1363px){.mdl-mdh011{height:800px}}@media (max-width: 768px){.mdl-mdh011{height:700px}}@media (max-width: 768px){.mdl-mdh011{height:1000px}}@media (max-width: 539px){.mdl-mdh011{height:800px}}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%;height:700px}@media (max-width: 800px){.mdl-mdh011 .mdl-container{height:700px}}@media (max-width: 564px){.mdl-mdh011 .mdl-container{height:500px}}.mdl-mdh011 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;gap:2rem;flex-wrap:wrap}.mdl-mdh011 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;width:40rem;color:#515050}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;width:62rem;color:#51505099;text-align:right}.mdl-mdh011 .mdl-container .m-cards-container{width:100%}.mdl-mdh011 .mdl-container .swiper{max-width:100%;overflow:visible;position:relative;width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-container{width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-wrapper{display:flex}.mdl-mdh011 .mdl-container .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{position:absolute;z-index:1;top:30%}.mdl-mdh011 .mdl-container .swiper .next{right:-4.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-4.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;cursor:pointer;overflow:initial}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:31vw;max-height:60rem;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top:after{content:\"\";width:102%;height:22.8rem;left:-1px;bottom:-15rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-beige.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:var(--arrow-color, #ed3b37);color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon{position:relative;width:100%;height:31vw;max-height:56rem;background-color:#fff9f9;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;padding:6rem 5rem;color:#515050b3;text-align:center}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;text-align:center;width:100%;position:relative;z-index:1}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem;color:#515050b3;position:absolute;top:-1rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{position:absolute;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm{margin-top:4.3rem;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{margin:2rem 0 4rem}@media (hover: hover){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-card-top{background-blend-mode:multiply;max-height:27vw}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh011 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}.mdl-mdh011 .mdl-container .m-cards-container{gap:5.5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-mdh011{padding-top:7.5rem;padding-bottom:0}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:25%}}@media (max-width: 768px){.mdl-mdh011{padding-left:6rem!important;padding-right:6rem!important}.mdl-mdh011 .mdl-container{width:100%}.mdl-mdh011 .mdl-container .m-content-top{flex-direction:column;align-items:center;text-align:center;gap:3.3rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{width:100%;font-size:2.7rem;text-align:left}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:30%;width:3.8rem;height:3.8rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{min-height:57rem;max-width:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{height:50rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{position:relative;opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}}@media (max-width: 540px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{max-height:30rem}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:21%;width:3.2rem;height:3.2rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.2rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.2rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-size:2.2rem}}@media (max-width: 375px){.mdl-mdh011{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{height:44rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17602
17613
|
}
|
|
17603
17614
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CarC2TxtCtaComponent, decorators: [{
|
|
17604
17615
|
type: Component,
|
|
17605
|
-
args: [{ selector: 'car-c2-txt-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (items) {\n <section class=\"mdl-mdh011\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts) {\n @if (texts.title) {\n <div class=\"m-title\">{{ texts.title }}</div>\n }\n @if (texts.description) {\n <div class=\"m-text\">\n {{ texts.description }}\n </div>\n }\n }\n @if (buttons?.[0]; as btn) {\n <a\n class=\"m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n }\n </div>\n\n @if (items) {\n <div class=\"m-cards-container\">\n <div class=\"swiper\">\n <div class=\"swiper-container\">\n <div class=\"swiper-wrapper\">\n @for (card of items; track $index) {\n <div class=\"swiper-slide\">\n @if (card.multimedia?.imagenes) {\n @if (\n getFirstImageByTag(\n tagName,\n card.multimedia?.imagenes ??\n []\n ) ??\n card.multimedia\n ?.imagenes?.[0];\n as img\n ) {\n <ng-container>\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n img.img?.src +\n ')'\n \"\n >\n @if (\n card.texts\n ?.additional1\n ) {\n <div\n class=\"m-tag\"\n [style.--arrow-color]=\"\n styles?.primary ??\n '#000'\n \"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#000'\n \"\n >\n {{\n card.title ||\n card\n .texts\n ?.additional1\n }}\n </div>\n }\n </div>\n </ng-container>\n }\n }\n\n <div class=\"m-content\">\n @if (card.texts?.name) {\n <div class=\"m-title\">\n {{ card.texts?.name }}\n </div>\n }\n <!-- <img\n *ngIf=\"card.logo\"\n class=\"m-logo\"\n [src]=\"card.logo\"\n [alt]=\"card.title\"\n loading=\"lazy\"\n /> -->\n @if (card.buttons) {\n @for (\n btn of card.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"\n $index % 2 === 0\n ? 'm-button-sm red'\n : 'm-but m-underline-red'\n \"\n [href]=\"btn?.url\"\n [attr.target]=\"\n btn?.target\n \"\n [attr.rel]=\"\n (btn?.target ||\n '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"\n btn?.label\n \"\n >\n <span>{{\n btn?.label\n }}</span>\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-swiper-button prev\">\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n\n <div class=\"m-swiper-button next\">\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n }\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;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}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh011{padding-top:8.1rem;padding-bottom:8.1rem;background-color:#fff9f9}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%;height:700px}@media (max-width: 800px){.mdl-mdh011 .mdl-container{height:700px}}@media (max-width: 564px){.mdl-mdh011 .mdl-container{height:500px}}.mdl-mdh011 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;gap:2rem;flex-wrap:wrap}.mdl-mdh011 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;width:40rem;color:#515050}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;width:62rem;color:#51505099;text-align:right}.mdl-mdh011 .mdl-container .m-cards-container{width:100%}.mdl-mdh011 .mdl-container .swiper{max-width:100%;overflow:visible;position:relative;width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-container{width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-wrapper{display:flex}.mdl-mdh011 .mdl-container .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{position:absolute;z-index:1;top:30%}.mdl-mdh011 .mdl-container .swiper .next{right:-4.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-4.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;cursor:pointer;overflow:initial}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:31vw;max-height:60rem;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top:after{content:\"\";width:102%;height:22.8rem;left:-1px;bottom:-15rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-beige.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:var(--arrow-color, #ed3b37);color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon{position:relative;width:100%;height:31vw;max-height:56rem;background-color:#fff9f9;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;padding:6rem 5rem;color:#515050b3;text-align:center}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;text-align:center;width:100%;position:relative;z-index:1}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem;color:#515050b3;position:absolute;top:-1rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{position:absolute;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm{margin-top:4.3rem;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{margin:2rem 0 4rem}@media (hover: hover){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-card-top{background-blend-mode:multiply;max-height:27vw}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh011 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}.mdl-mdh011 .mdl-container .m-cards-container{gap:5.5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-mdh011{padding-top:7.5rem;padding-bottom:0}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:25%}}@media (max-width: 768px){.mdl-mdh011{padding-left:6rem!important;padding-right:6rem!important}.mdl-mdh011 .mdl-container{width:100%}.mdl-mdh011 .mdl-container .m-content-top{flex-direction:column;align-items:center;text-align:center;gap:3.3rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{width:100%;font-size:2.7rem;text-align:left}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:30%;width:3.8rem;height:3.8rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{min-height:57rem;max-width:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{height:50rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{position:relative;opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}}@media (max-width: 540px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{max-height:30rem}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:21%;width:3.2rem;height:3.2rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.2rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.2rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-size:2.2rem}}@media (max-width: 375px){.mdl-mdh011{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{height:44rem}}\n"] }]
|
|
17616
|
+
args: [{ selector: 'car-c2-txt-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (items) {\n <section class=\"mdl-mdh011\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts) {\n @if (texts.title) {\n <div class=\"m-title\">{{ texts.title }}</div>\n }\n @if (texts.description) {\n <div class=\"m-text\">\n {{ texts.description }}\n </div>\n }\n }\n @if (buttons?.[0]; as btn) {\n <a\n class=\"m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n }\n </div>\n\n @if (items) {\n <div class=\"m-cards-container\">\n <div class=\"swiper\">\n <div class=\"swiper-container\">\n <div class=\"swiper-wrapper\">\n @for (card of items; track $index) {\n <div class=\"swiper-slide\">\n @if (card.multimedia?.imagenes) {\n @if (\n getFirstImageByTag(\n tagName,\n card.multimedia?.imagenes ??\n []\n ) ??\n card.multimedia\n ?.imagenes?.[0];\n as img\n ) {\n <ng-container>\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n img.img?.src +\n ')'\n \"\n >\n @if (\n card.texts\n ?.additional1\n ) {\n <div\n class=\"m-tag\"\n [style.--arrow-color]=\"\n styles?.primary ??\n '#000'\n \"\n [style.--arrow-hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#000'\n \"\n >\n {{\n card.title ||\n card\n .texts\n ?.additional1\n }}\n </div>\n }\n </div>\n </ng-container>\n }\n }\n\n <div class=\"m-content\">\n @if (card.texts?.name) {\n <div class=\"m-title\">\n {{ card.texts?.name }}\n </div>\n }\n <!-- <img\n *ngIf=\"card.logo\"\n class=\"m-logo\"\n [src]=\"card.logo\"\n [alt]=\"card.title\"\n loading=\"lazy\"\n /> -->\n @if (card.buttons) {\n @for (\n btn of card.buttons;\n track $index\n ) {\n <a\n [ngClass]=\"\n $index % 2 === 0\n ? 'm-button-sm'\n : 'm-but m-underline'\n \"\n [href]=\"btn?.url\"\n [attr.target]=\"\n btn?.target\n \"\n [attr.rel]=\"\n (btn?.target ||\n '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"\n btn?.label\n \"\n [style.--color]=\"\n styles?.primary ??\n '#ff4338'\n \"\n [style.--hover-color]=\"\n styles?.primaryHover ??\n styles?.primary ??\n '#ed3b37'\n \"\n >\n <span>{{\n btn?.label\n }}</span>\n </a>\n }\n }\n </div>\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-swiper-button prev\">\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n\n <div class=\"m-swiper-button next\">\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n }\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm{background-color:var(--color, #ff4338)!important}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:var(--hover-color, #ed3b37)!important}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:var(--color, #ff4338)!important;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:var(--hover-color, #ed3b37)!important}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1;background:var(--hover-color, transparent)!important}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:var(--hover-color, #ed3b37)!important;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/svg/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/svg/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-mdh011{padding-top:8.1rem;padding-bottom:8.1rem;background-color:#fff9f9;height:1000px}@media (max-width: 1630px){.mdl-mdh011{height:900px}}@media (max-width: 1363px){.mdl-mdh011{height:800px}}@media (max-width: 768px){.mdl-mdh011{height:700px}}@media (max-width: 768px){.mdl-mdh011{height:1000px}}@media (max-width: 539px){.mdl-mdh011{height:800px}}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%;height:700px}@media (max-width: 800px){.mdl-mdh011 .mdl-container{height:700px}}@media (max-width: 564px){.mdl-mdh011 .mdl-container{height:500px}}.mdl-mdh011 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;gap:2rem;flex-wrap:wrap}.mdl-mdh011 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem;width:40rem;color:#515050}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;width:62rem;color:#51505099;text-align:right}.mdl-mdh011 .mdl-container .m-cards-container{width:100%}.mdl-mdh011 .mdl-container .swiper{max-width:100%;overflow:visible;position:relative;width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-container{width:100%}.mdl-mdh011 .mdl-container .swiper .swiper-wrapper{display:flex}.mdl-mdh011 .mdl-container .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{position:absolute;z-index:1;top:30%}.mdl-mdh011 .mdl-container .swiper .next{right:-4.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-4.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;cursor:pointer;overflow:initial}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:31vw;max-height:60rem;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top:after{content:\"\";width:102%;height:22.8rem;left:-1px;bottom:-15rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-beige.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:var(--arrow-color, #ed3b37);color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon{position:relative;width:100%;height:31vw;max-height:56rem;background-color:#fff9f9;transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem;padding:6rem 5rem;color:#515050b3;text-align:center}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content{display:flex;flex-direction:column;align-items:center;margin-top:2rem;text-align:center;width:100%;position:relative;z-index:1}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem;color:#515050b3;position:absolute;top:-1rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{position:absolute;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm{margin-top:4.3rem;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{margin:2rem 0 4rem}@media (hover: hover){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-card-top{background-blend-mode:multiply;max-height:27vw}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-but{opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-content .m-button-sm span{color:var(--cl_title-light)}}@media (max-width: 1366px){.mdl-mdh011 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}.mdl-mdh011 .mdl-container .m-cards-container{gap:5.5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-mdh011{padding-top:7.5rem;padding-bottom:0}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:25%}}@media (max-width: 768px){.mdl-mdh011{padding-left:6rem!important;padding-right:6rem!important}.mdl-mdh011 .mdl-container{width:100%}.mdl-mdh011 .mdl-container .m-content-top{flex-direction:column;align-items:center;text-align:center;gap:3.3rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{width:100%;font-size:2.7rem;text-align:left}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:30%;width:3.8rem;height:3.8rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.8rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.8rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{min-height:57rem;max-width:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{height:50rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-button-sm,.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-but{position:relative;opacity:1;transform:none}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-content .m-logo{margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}}@media (max-width: 540px){.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide .m-card-top{max-height:30rem}.mdl-mdh011 .mdl-container .swiper .next,.mdl-mdh011 .mdl-container .swiper .prev{top:21%;width:3.2rem;height:3.2rem}.mdl-mdh011 .mdl-container .swiper .next{right:-3.2rem}.mdl-mdh011 .mdl-container .swiper .prev{left:-3.2rem}.mdl-mdh011 .mdl-container .m-content-top .m-text{font-size:2.2rem}}@media (max-width: 375px){.mdl-mdh011{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-mdh011 .mdl-container .swiper .swiper-container .swiper-wrapper .swiper-slide{height:44rem}}\n"] }]
|
|
17606
17617
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { texts: [{
|
|
17607
17618
|
type: Input
|
|
17608
17619
|
}], items: [{
|
|
@@ -18398,11 +18409,11 @@ class LisC4TxtDesCtaComponent {
|
|
|
18398
18409
|
return getFirstImageByTagFromImages(imagenes, tagName);
|
|
18399
18410
|
}
|
|
18400
18411
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC4TxtDesCtaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18401
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC4TxtDesCtaComponent, isStandalone: true, selector: "lis-c4-txt-des-cta", inputs: { texts: "texts", filters: "filters", items: "items" }, usesOnChanges: true, ngImport: i0, template: "@if (items?.length) {\n <section class=\"mdl-md002\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n <div class=\"m-selects\">\n @if (hasActiveFilters) {\n <button\n type=\"button\"\n class=\"m-clear\"\n (click)=\"clearFilters()\"\n >\n {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n </button>\n }\n <div class=\"m-select\">\n <select\n #hotelTypeSel\n [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n [value]=\"selectedHotelType\"\n (change)=\"onHotelTypeChange(hotelTypeSel.value)\"\n >\n >\n <option value=\"\">{{ texts?.hotelType }}</option>\n @for (opt of hotelTypeOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n\n <div class=\"m-select\">\n <select\n #Destination\n [attr.aria-label]=\"\n texts?.destinations ?? 'destinos'\n \"\n [value]=\"selectedDestination\"\n (change)=\"onDestinationChange(Destination.value)\"\n >\n <option value=\"\">{{ texts?.destinations }}</option>\n @for (opt of destinationOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n </div>\n </div>\n\n <div class=\"m-cards-container\">\n @if (filteredItems?.length) {\n @for (item of filteredItems; track $index) {\n <div\n class=\"m-card\"\n [ngClass]=\"{\n cardempty: !getFirstImageByTag(\n tagName,\n item?.images ?? []\n ),\n }\"\n >\n @if (\n getFirstImageByTag(tagName, item.images ?? [])\n ) {\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n getFirstImageByTag(\n tagName,\n item.images ?? []\n )?.img?.src +\n ')'\n \"\n ></div>\n\n <div class=\"m-content\">\n @if (\n item.texts?.title || item.texts?.name\n ) {\n <div class=\"m-title\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n <div class=\"m-subtitle\">\n @if (item.locality) {\n {{ item.locality }}\n }\n @if (item.locality && item.province) {\n -\n }\n @if (item.province) {\n {{ item.province }}\n }\n </div>\n\n @if (item.buttons?.length) {\n @for (\n btn of item.buttons;\n track $index\n ) {\n <a\n class=\"m-btn\"\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-but m-underline-red':\n $index % 2 !== 0,\n }\"\n [style.--btn-primary]=\"\n item.styles?.primary\n \"\n [style.--btn-hover]=\"\n item.styles?.primaryHover\n \"\n [href]=\"btn.url\"\n [attr.target]=\"\n btn.target || '_self'\n \"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"btn.label\"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n }\n </div>\n }\n </div>\n }\n } @else {\n <div class=\"m-empty\">\n {{\n texts?.notFound ??\n 'No se encontraron resultados con esos filtros.'\n }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:#515050b2;border:.1rem solid rgba(81,80,80,.6980392157);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:jokker,sans-serif;font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:#515050b2;font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:500;font-size:2.3rem;color:#515050}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.m-but.m-underline-red{background:transparent;border:0;color:var(--btn-primary)}.m-but.m-underline-red:hover{color:var(--btn-hover)}.m-but.m-underline-red span{text-decoration:underline;text-decoration-color:currentColor}.m-empty{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.m-empty{font-size:2.4rem;line-height:3rem}}.m-empty{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18412
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC4TxtDesCtaComponent, isStandalone: true, selector: "lis-c4-txt-des-cta", inputs: { texts: "texts", filters: "filters", items: "items" }, usesOnChanges: true, ngImport: i0, template: "@if (items?.length) {\n <section class=\"mdl-md002\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n <div class=\"m-selects\">\n @if (hasActiveFilters) {\n <button\n type=\"button\"\n class=\"m-clear\"\n (click)=\"clearFilters()\"\n >\n {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n </button>\n }\n <div class=\"m-select\">\n <select\n #hotelTypeSel\n [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n [value]=\"selectedHotelType\"\n (change)=\"onHotelTypeChange(hotelTypeSel.value)\"\n >\n >\n <option value=\"\">{{ texts?.hotelType }}</option>\n @for (opt of hotelTypeOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n\n <div class=\"m-select\">\n <select\n #Destination\n [attr.aria-label]=\"\n texts?.destinations ?? 'destinos'\n \"\n [value]=\"selectedDestination\"\n (change)=\"onDestinationChange(Destination.value)\"\n >\n <option value=\"\">{{ texts?.destinations }}</option>\n @for (opt of destinationOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n </div>\n </div>\n\n <div class=\"m-cards-container\">\n @if (filteredItems?.length) {\n @for (item of filteredItems; track $index) {\n <div\n class=\"m-card\"\n [ngClass]=\"{\n cardempty: !getFirstImageByTag(\n tagName,\n item?.images ?? []\n ),\n }\"\n >\n @if (\n getFirstImageByTag(tagName, item.images ?? [])\n ) {\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n getFirstImageByTag(\n tagName,\n item.images ?? []\n )?.img?.src +\n ')'\n \"\n ></div>\n\n <div class=\"m-content\">\n @if (\n item.texts?.title || item.texts?.name\n ) {\n <div class=\"m-title\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n <div class=\"m-subtitle\">\n @if (item.locality) {\n {{ item.locality }}\n }\n @if (item.locality && item.province) {\n -\n }\n @if (item.province) {\n {{ item.province }}\n }\n </div>\n\n @if (item.buttons?.length) {\n @for (\n btn of item.buttons;\n track $index\n ) {\n <a\n class=\"m-btn\"\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-but m-underline-red':\n $index % 2 !== 0,\n }\"\n [style.--btn-primary]=\"\n item.styles?.primary\n \"\n [style.--btn-hover]=\"\n item.styles?.primaryHover\n \"\n [href]=\"btn.url\"\n [attr.target]=\"\n btn.target || '_self'\n \"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"btn.label\"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n }\n </div>\n }\n </div>\n }\n } @else {\n <div class=\"m-empty\">\n {{\n texts?.notFound ??\n 'No se encontraron resultados con esos filtros.'\n }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:#515050b2;border:.1rem solid rgba(81,80,80,.6980392157);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:jokker,sans-serif;font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:#515050b2;font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:500;font-size:2.3rem;color:#515050}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.m-but.m-underline-red{background:transparent;border:0;color:var(--btn-primary)}.m-but.m-underline-red:hover{color:var(--btn-hover)}.m-but.m-underline-red span{text-decoration:underline;text-decoration-color:currentColor}.m-empty{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.m-empty{font-size:2.4rem;line-height:3rem}}.m-empty{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18402
18413
|
}
|
|
18403
18414
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC4TxtDesCtaComponent, decorators: [{
|
|
18404
18415
|
type: Component,
|
|
18405
|
-
args: [{ selector: 'lis-c4-txt-des-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (items?.length) {\n <section class=\"mdl-md002\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n <div class=\"m-selects\">\n @if (hasActiveFilters) {\n <button\n type=\"button\"\n class=\"m-clear\"\n (click)=\"clearFilters()\"\n >\n {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n </button>\n }\n <div class=\"m-select\">\n <select\n #hotelTypeSel\n [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n [value]=\"selectedHotelType\"\n (change)=\"onHotelTypeChange(hotelTypeSel.value)\"\n >\n >\n <option value=\"\">{{ texts?.hotelType }}</option>\n @for (opt of hotelTypeOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n\n <div class=\"m-select\">\n <select\n #Destination\n [attr.aria-label]=\"\n texts?.destinations ?? 'destinos'\n \"\n [value]=\"selectedDestination\"\n (change)=\"onDestinationChange(Destination.value)\"\n >\n <option value=\"\">{{ texts?.destinations }}</option>\n @for (opt of destinationOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n </div>\n </div>\n\n <div class=\"m-cards-container\">\n @if (filteredItems?.length) {\n @for (item of filteredItems; track $index) {\n <div\n class=\"m-card\"\n [ngClass]=\"{\n cardempty: !getFirstImageByTag(\n tagName,\n item?.images ?? []\n ),\n }\"\n >\n @if (\n getFirstImageByTag(tagName, item.images ?? [])\n ) {\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n getFirstImageByTag(\n tagName,\n item.images ?? []\n )?.img?.src +\n ')'\n \"\n ></div>\n\n <div class=\"m-content\">\n @if (\n item.texts?.title || item.texts?.name\n ) {\n <div class=\"m-title\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n <div class=\"m-subtitle\">\n @if (item.locality) {\n {{ item.locality }}\n }\n @if (item.locality && item.province) {\n -\n }\n @if (item.province) {\n {{ item.province }}\n }\n </div>\n\n @if (item.buttons?.length) {\n @for (\n btn of item.buttons;\n track $index\n ) {\n <a\n class=\"m-btn\"\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-but m-underline-red':\n $index % 2 !== 0,\n }\"\n [style.--btn-primary]=\"\n item.styles?.primary\n \"\n [style.--btn-hover]=\"\n item.styles?.primaryHover\n \"\n [href]=\"btn.url\"\n [attr.target]=\"\n btn.target || '_self'\n \"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"btn.label\"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n }\n </div>\n }\n </div>\n }\n } @else {\n <div class=\"m-empty\">\n {{\n texts?.notFound ??\n 'No se encontraron resultados con esos filtros.'\n }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:#515050b2;border:.1rem solid rgba(81,80,80,.6980392157);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:jokker,sans-serif;font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:#515050b2;font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:500;font-size:2.3rem;color:#515050}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.m-but.m-underline-red{background:transparent;border:0;color:var(--btn-primary)}.m-but.m-underline-red:hover{color:var(--btn-hover)}.m-but.m-underline-red span{text-decoration:underline;text-decoration-color:currentColor}.m-empty{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.m-empty{font-size:2.4rem;line-height:3rem}}.m-empty{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}\n"] }]
|
|
18416
|
+
args: [{ selector: 'lis-c4-txt-des-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (items?.length) {\n <section class=\"mdl-md002\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n <div class=\"m-selects\">\n @if (hasActiveFilters) {\n <button\n type=\"button\"\n class=\"m-clear\"\n (click)=\"clearFilters()\"\n >\n {{ texts?.cleanFilters ?? 'Limpiar filtros' }}\n </button>\n }\n <div class=\"m-select\">\n <select\n #hotelTypeSel\n [attr.aria-label]=\"texts?.hotelType ?? 'hoteles'\"\n [value]=\"selectedHotelType\"\n (change)=\"onHotelTypeChange(hotelTypeSel.value)\"\n >\n >\n <option value=\"\">{{ texts?.hotelType }}</option>\n @for (opt of hotelTypeOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n\n <div class=\"m-select\">\n <select\n #Destination\n [attr.aria-label]=\"\n texts?.destinations ?? 'destinos'\n \"\n [value]=\"selectedDestination\"\n (change)=\"onDestinationChange(Destination.value)\"\n >\n <option value=\"\">{{ texts?.destinations }}</option>\n @for (opt of destinationOptions; track $index) {\n <option [value]=\"opt\">{{ opt }}</option>\n }\n </select>\n </div>\n </div>\n </div>\n\n <div class=\"m-cards-container\">\n @if (filteredItems?.length) {\n @for (item of filteredItems; track $index) {\n <div\n class=\"m-card\"\n [ngClass]=\"{\n cardempty: !getFirstImageByTag(\n tagName,\n item?.images ?? []\n ),\n }\"\n >\n @if (\n getFirstImageByTag(tagName, item.images ?? [])\n ) {\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n getFirstImageByTag(\n tagName,\n item.images ?? []\n )?.img?.src +\n ')'\n \"\n ></div>\n\n <div class=\"m-content\">\n @if (\n item.texts?.title || item.texts?.name\n ) {\n <div class=\"m-title\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n <div class=\"m-subtitle\">\n @if (item.locality) {\n {{ item.locality }}\n }\n @if (item.locality && item.province) {\n -\n }\n @if (item.province) {\n {{ item.province }}\n }\n </div>\n\n @if (item.buttons?.length) {\n @for (\n btn of item.buttons;\n track $index\n ) {\n <a\n class=\"m-btn\"\n [ngClass]=\"{\n 'm-button-sm':\n $index % 2 === 0,\n 'm-but m-underline-red':\n $index % 2 !== 0,\n }\"\n [style.--btn-primary]=\"\n item.styles?.primary\n \"\n [style.--btn-hover]=\"\n item.styles?.primaryHover\n \"\n [href]=\"btn.url\"\n [attr.target]=\"\n btn.target || '_self'\n \"\n [linkType]=\"btn.linkType\"\n [attr.aria-label]=\"btn.label\"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n }\n </div>\n }\n </div>\n }\n } @else {\n <div class=\"m-empty\">\n {{\n texts?.notFound ??\n 'No se encontraron resultados con esos filtros.'\n }}\n </div>\n }\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;color:var(--cl_btn-call-text-hover)}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}.m-button-sm:hover span{color:var(--cl_btn-call-text-hover)}}.m-button-sm:focus{background-color:#ed3b37}.m-button-sm:focus span{color:var(--cl_btn-call-text-hover)}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-image:url(/assets/babylon/img/icons/icon-caret-down.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-image:url(/assets/babylon/img/icons/icon-check.svg);background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-family:jokker,sans-serif;font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-family:jokker,sans-serif;font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-image:url(/assets/babylon/img/icons/icon-calendar-blue.svg);background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__viewport{background-color:#fff}.fancybox__viewport.no-idiomas{background-color:red}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background:url(/assets/babylon/img/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-md002.p-top{margin-top:10rem}.mdl-md002 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-md002 .mdl-container .m-content-top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.mdl-md002 .mdl-container .m-content-top .m-title{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-content-top .m-title{font-size:2.4rem;line-height:3rem}}.mdl-md002 .mdl-container .m-content-top .m-title{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}.mdl-md002 .mdl-container .m-content-top .m-selects{display:inline-block;display:flex;gap:2.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select{position:relative}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:20rem;padding:.5rem 2rem .5rem 1rem;font-size:1rem;color:#515050b2;border:.1rem solid rgba(81,80,80,.6980392157);border-radius:.5rem;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:jokker,sans-serif;font-weight:500;font-size:1.5rem;line-height:100%;cursor:pointer;min-height:4.4rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select:after{content:\"\\276e\";position:absolute;right:2rem;top:1.5rem;transform:rotate(270deg);pointer-events:none;color:#515050b2;font-weight:700;font-size:1.3rem}.mdl-md002 .mdl-container .m-cards-container{display:flex;align-items:start;flex-direction:row;gap:0 3rem;max-width:100%;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.mdl-md002 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;width:100%;cursor:pointer;aspect-ratio:378/486;max-width:38rem;padding-bottom:2rem}@media (min-width: 1024px){.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-20%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-118%)}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-md002 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top{position:relative;background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff;position:absolute;bottom:0;left:0}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.6rem;left:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-left{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:2.5rem;left:1.5rem;white-space:nowrap;display:flex;gap:.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag-right{font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;position:absolute;background-color:#ed3b37;width:auto;color:#fff;padding:.5rem 1.5rem;border-radius:20rem;top:3rem;right:3rem;white-space:nowrap}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon{background-position:center;background-size:cover;background-repeat:no-repeat;width:100%;height:100%;transition:all .3s ease;height:31vw;max-height:56rem;background-color:#fff9f9;position:relative}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon:after{content:\"\";width:102%;height:13.8rem;left:-1px;bottom:-1px;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:22.1rem;position:absolute;top:30%;left:50%;transform:translate(-50%,-30%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content{display:flex;flex-direction:column;align-items:center;margin-top:-7rem;z-index:1;text-align:center;width:100%;transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;justify-self:anchor-center;align-self:anchor-center;opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:1.6rem;opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{margin:2rem 0 4rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:500;font-size:2.3rem;color:#515050}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2rem}}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-title{margin-bottom:1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:1.6rem;line-height:2.8rem;color:#515050b2}@media (max-width: 1366px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(3,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-card-icon{height:34vw}.mdl-md002 .mdl-container .m-title{max-width:66rem}.mdl-md002 .mdl-container .m-content-top{display:flex;flex-direction:column;align-items:flex-start}.mdl-md002 .mdl-container .m-content-top .m-selects{margin:3rem auto 0;flex-wrap:wrap;justify-content:center}}@media (max-width: 1280px){.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon img{height:17.1rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.4rem;line-height:3.5rem}}@media (max-width: 1080px){.mdl-md002{padding-top:7.5rem}.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(2,1fr)}.mdl-md002 .mdl-container .m-cards-container .cardempty{display:none}.mdl-md002 .mdl-container .m-cards-container .m-card{aspect-ratio:378/582}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-text{font-size:2.8rem;line-height:3.8rem}.mdl-md002 .mdl-container .m-cards-container .m-card .m-card-top .m-tag{left:50%;transform:translate(-50%)}.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-md002 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none}}@media (max-width: 768px){.mdl-md002 .mdl-container .m-cards-container{grid-template-columns:repeat(1,1fr)}.mdl-md002 .mdl-container .m-cards-container .m-title{width:100%;max-width:none}.mdl-md002 .mdl-container .m-cards-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 540px){.mdl-md002 .mdl-container .m-content-top .m-selects{margin:0;flex-wrap:nowrap;flex-direction:column;width:100%;margin-top:2rem}.mdl-md002 .mdl-container .m-content-top .m-selects .m-select,.mdl-md002 .mdl-container .m-content-top .m-selects .m-select select{width:100%}}.m-btn{--btn-primary: var(--cl_btn-box);--btn-hover: var(--cl_btn-box-hover);background:var(--btn-primary);border:1px solid var(--btn-primary);color:var(--cl_btn-call-text);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.m-btn:hover{background:var(--btn-hover);border-color:var(--btn-hover)}.m-but.m-underline-red{background:transparent;border:0;color:var(--btn-primary)}.m-but.m-underline-red:hover{color:var(--btn-hover)}.m-but.m-underline-red span{text-decoration:underline;text-decoration-color:currentColor}.m-empty{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.m-empty{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.m-empty{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.m-empty{font-size:2.4rem;line-height:3rem}}.m-empty{width:100%;max-width:54.4rem;color:#515050b2;font-weight:400}\n"] }]
|
|
18406
18417
|
}], propDecorators: { texts: [{
|
|
18407
18418
|
type: Input
|
|
18408
18419
|
}], filters: [{
|