ctt-babylon 0.12.3 → 0.12.4
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 +7 -5
- package/esm2022/lib/components/core/babylon-engine-widget-modal/babylon-engine-widget-modal.component.mjs +25 -0
- package/esm2022/lib/components/core/babylon-engine-widget-modal/index.mjs +2 -0
- package/esm2022/lib/components/core/babylon-he-svg-list/babylon-he-svg-list.component.mjs +23 -7
- package/esm2022/lib/components/core/babylon-list-c3-img-txt/babylon-list-c3-img-txt.component.mjs +3 -3
- package/esm2022/lib/components/core/babylon-sli-c5-img-txt/babylon-sli-c5-img-txt.component.mjs +3 -3
- package/esm2022/lib/components/core/index.mjs +2 -1
- package/esm2022/lib/components/external/core/c3-txt-img-cta/c3-txt-img-cta.component.mjs +5 -6
- 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-c2-img-txt-cv4/lis-c2-img-txt-cv4.component.mjs +10 -5
- package/esm2022/lib/components/external/core/sli-c1-img-svg/sli-c1-img-svg.component.mjs +3 -3
- package/esm2022/lib/components/external/core/sli-c2-txt-car-img-c/sli-c2-txt-car-img-c.component.mjs +13 -6
- package/esm2022/lib/services/babylon-widget-search-loader.service.mjs +54 -0
- package/esm2022/lib/services/mapper/mapper.service.mjs +32 -14
- package/fesm2022/ctt-babylon.mjs +157 -44
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-booking-widget/babylon-booking-widget.component.d.ts +4 -2
- package/lib/components/core/babylon-engine-widget-modal/babylon-engine-widget-modal.component.d.ts +14 -0
- package/lib/components/core/babylon-engine-widget-modal/index.d.ts +1 -0
- package/lib/components/core/babylon-he-svg-list/babylon-he-svg-list.component.d.ts +4 -1
- package/lib/components/core/index.d.ts +1 -0
- package/lib/components/external/core/c3-txt-img-cta/c3-txt-img-cta.component.d.ts +3 -3
- package/lib/components/external/core/lis-c2-img-txt-cv4/lis-c2-img-txt-cv4.component.d.ts +5 -2
- package/lib/components/external/core/sli-c2-txt-car-img-c/sli-c2-txt-car-img-c.component.d.ts +6 -2
- package/lib/services/babylon-widget-search-loader.service.d.ts +15 -0
- package/lib/services/mapper/mapper.service.d.ts +1 -1
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -2904,12 +2904,6 @@ class MapperService {
|
|
|
2904
2904
|
destinations: this.mapGlobalDestinations(props.destinations),
|
|
2905
2905
|
consultTypes: this.mapConsultTypesGlobal(props.consultTypes),
|
|
2906
2906
|
};
|
|
2907
|
-
console.log(component.name, result);
|
|
2908
|
-
console.log(component.name, cleanDeep(result, {
|
|
2909
|
-
removeNull: true,
|
|
2910
|
-
removeEmptyString: true,
|
|
2911
|
-
pruneEmpty: true,
|
|
2912
|
-
}));
|
|
2913
2907
|
return cleanDeep(result, {
|
|
2914
2908
|
removeNull: true,
|
|
2915
2909
|
removeEmptyString: true,
|
|
@@ -2917,13 +2911,37 @@ class MapperService {
|
|
|
2917
2911
|
});
|
|
2918
2912
|
}
|
|
2919
2913
|
mapGlobalDestinations(destinations) {
|
|
2920
|
-
|
|
2921
|
-
|
|
2922
|
-
|
|
2923
|
-
|
|
2924
|
-
|
|
2925
|
-
|
|
2926
|
-
|
|
2914
|
+
if (!destinations)
|
|
2915
|
+
return undefined;
|
|
2916
|
+
const groups = Array.isArray(destinations)
|
|
2917
|
+
? destinations
|
|
2918
|
+
: [destinations];
|
|
2919
|
+
const toList = (group) => {
|
|
2920
|
+
if (Array.isArray(group))
|
|
2921
|
+
return group;
|
|
2922
|
+
if (Array.isArray(group?.items))
|
|
2923
|
+
return group.items;
|
|
2924
|
+
return [];
|
|
2925
|
+
};
|
|
2926
|
+
const normalizeDestination = (d, index) => {
|
|
2927
|
+
// Caso 1: viene como string
|
|
2928
|
+
if (typeof d === 'string') {
|
|
2929
|
+
return {
|
|
2930
|
+
id: index,
|
|
2931
|
+
name: d,
|
|
2932
|
+
links: [],
|
|
2933
|
+
hotels: [],
|
|
2934
|
+
};
|
|
2935
|
+
}
|
|
2936
|
+
// Caso 2: viene como objeto normal
|
|
2937
|
+
return {
|
|
2938
|
+
id: d?.id,
|
|
2939
|
+
name: d?.name,
|
|
2940
|
+
links: Utils.mapButtons(d?.links),
|
|
2941
|
+
hotels: this.mapHotelsGlobal(d?.hotels),
|
|
2942
|
+
};
|
|
2943
|
+
};
|
|
2944
|
+
return groups.flatMap((group) => toList(group).map(normalizeDestination));
|
|
2927
2945
|
}
|
|
2928
2946
|
mapGlobalTexts(texts) {
|
|
2929
2947
|
if (!texts)
|
|
@@ -6348,6 +6366,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6348
6366
|
type: Input
|
|
6349
6367
|
}] } });
|
|
6350
6368
|
|
|
6369
|
+
class BabylonWidgetSearchLoaderService {
|
|
6370
|
+
constructor(platformId) {
|
|
6371
|
+
this.platformId = platformId;
|
|
6372
|
+
this.scriptPromise = null;
|
|
6373
|
+
}
|
|
6374
|
+
load(src = 'https://widget-engine.b-cdn.net/widget.min.js') {
|
|
6375
|
+
if (!isPlatformBrowser(this.platformId))
|
|
6376
|
+
return Promise.resolve();
|
|
6377
|
+
// Si ya existe global, listo
|
|
6378
|
+
if (window.WidgetSearch || window.initializeWidgetSearch) {
|
|
6379
|
+
return Promise.resolve();
|
|
6380
|
+
}
|
|
6381
|
+
// Si ya se está cargando, reusar
|
|
6382
|
+
if (this.scriptPromise)
|
|
6383
|
+
return this.scriptPromise;
|
|
6384
|
+
this.scriptPromise = new Promise((resolve, reject) => {
|
|
6385
|
+
// Evita duplicado incluso si alguien añadió el script a mano
|
|
6386
|
+
const existing = document.querySelector(`script[src="${src}"]`);
|
|
6387
|
+
if (existing) {
|
|
6388
|
+
// Si ya está cargado, resuelve. Si no, espera a load.
|
|
6389
|
+
if (existing._babylonLoaded)
|
|
6390
|
+
return resolve();
|
|
6391
|
+
existing.addEventListener('load', () => resolve(), {
|
|
6392
|
+
once: true,
|
|
6393
|
+
});
|
|
6394
|
+
existing.addEventListener('error', () => reject(new Error('No se pudo cargar el script del widget')), { once: true });
|
|
6395
|
+
return;
|
|
6396
|
+
}
|
|
6397
|
+
const s = document.createElement('script');
|
|
6398
|
+
s.src = src;
|
|
6399
|
+
s.async = true;
|
|
6400
|
+
s.addEventListener('load', () => {
|
|
6401
|
+
s._babylonLoaded = true;
|
|
6402
|
+
resolve();
|
|
6403
|
+
}, { once: true });
|
|
6404
|
+
s.addEventListener('error', () => reject(new Error('No se pudo cargar el script del widget')), { once: true });
|
|
6405
|
+
document.head.appendChild(s);
|
|
6406
|
+
});
|
|
6407
|
+
return this.scriptPromise;
|
|
6408
|
+
}
|
|
6409
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonWidgetSearchLoaderService, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
6410
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonWidgetSearchLoaderService, providedIn: 'root' }); }
|
|
6411
|
+
}
|
|
6412
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonWidgetSearchLoaderService, decorators: [{
|
|
6413
|
+
type: Injectable,
|
|
6414
|
+
args: [{ providedIn: 'root' }]
|
|
6415
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
6416
|
+
type: Inject,
|
|
6417
|
+
args: [PLATFORM_ID]
|
|
6418
|
+
}] }] });
|
|
6419
|
+
|
|
6351
6420
|
let widgetScriptPromise = null;
|
|
6352
6421
|
function loadOnce(src) {
|
|
6353
6422
|
if (widgetScriptPromise)
|
|
@@ -6368,8 +6437,9 @@ function loadOnce(src) {
|
|
|
6368
6437
|
return widgetScriptPromise;
|
|
6369
6438
|
}
|
|
6370
6439
|
class BabylonBookingWidgetComponent {
|
|
6371
|
-
constructor(platformId, zone) {
|
|
6440
|
+
constructor(platformId, zone, loader) {
|
|
6372
6441
|
this.zone = zone;
|
|
6442
|
+
this.loader = loader;
|
|
6373
6443
|
this.widgetId = 'widget-search';
|
|
6374
6444
|
this.hotelId = 'alecad';
|
|
6375
6445
|
this.type = 'chain';
|
|
@@ -6392,7 +6462,7 @@ class BabylonBookingWidgetComponent {
|
|
|
6392
6462
|
if (this.mounted)
|
|
6393
6463
|
return;
|
|
6394
6464
|
// ⬇️ PON AQUÍ la URL real del script de Witbooking
|
|
6395
|
-
await
|
|
6465
|
+
await this.loader.load();
|
|
6396
6466
|
this.mount();
|
|
6397
6467
|
});
|
|
6398
6468
|
});
|
|
@@ -6413,7 +6483,7 @@ class BabylonBookingWidgetComponent {
|
|
|
6413
6483
|
new window.WidgetSearch(el, {});
|
|
6414
6484
|
}
|
|
6415
6485
|
}
|
|
6416
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBookingWidgetComponent, deps: [{ token: PLATFORM_ID }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6486
|
+
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 }); }
|
|
6417
6487
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonBookingWidgetComponent, isStandalone: true, selector: "lib-babylon-booking-widget", inputs: { widgetId: "widgetId", hotelId: "hotelId", type: "type", theme: "theme", currency: "currency", locale: "locale", layout: "layout", defaultAdults: "defaultAdults", defaultChildren: "defaultChildren", showPrice: "showPrice", showHotelSelector: "showHotelSelector", showPromoCode: "showPromoCode", showChildAges: "showChildAges", maxChildren: "maxChildren", baseUrl: "baseUrl", urlChain: "urlChain", urlHotel: "urlHotel", buttonText: "buttonText" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: ["widgetContainer"], descendants: true, static: true }], ngImport: i0, template: `
|
|
6418
6488
|
<div
|
|
6419
6489
|
#widgetContainer
|
|
@@ -6470,7 +6540,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6470
6540
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
6471
6541
|
type: Inject,
|
|
6472
6542
|
args: [PLATFORM_ID]
|
|
6473
|
-
}] }, { type: i0.NgZone }], propDecorators: { widgetContainer: [{
|
|
6543
|
+
}] }, { type: i0.NgZone }, { type: BabylonWidgetSearchLoaderService }], propDecorators: { widgetContainer: [{
|
|
6474
6544
|
type: ViewChild,
|
|
6475
6545
|
args: ['widgetContainer', { static: true }]
|
|
6476
6546
|
}], widgetId: [{
|
|
@@ -8290,6 +8360,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
8290
8360
|
type: Output
|
|
8291
8361
|
}] } });
|
|
8292
8362
|
|
|
8363
|
+
class BabylonEngineWidgetModalComponent {
|
|
8364
|
+
constructor(dialogRef) {
|
|
8365
|
+
this.dialogRef = dialogRef;
|
|
8366
|
+
this.close = new EventEmitter();
|
|
8367
|
+
this.platformId = inject(PLATFORM_ID);
|
|
8368
|
+
}
|
|
8369
|
+
closeModal() {
|
|
8370
|
+
this.dialogRef.close();
|
|
8371
|
+
}
|
|
8372
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineWidgetModalComponent, deps: [{ token: i1$2.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8373
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonEngineWidgetModalComponent, isStandalone: true, selector: "lib-babylon-engine-widget-modal", inputs: { texts: "texts" }, outputs: { close: "close" }, ngImport: i0, template: "<section id=\"widget-form\" class=\"mdl-widget\">\n <div class=\"mod-close\">\n <button\n class=\"carousel__button is-close mdl-widget__close\"\n title=\"Close\"\n (click)=\"closeModal()\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M20 20L4 4m16 0L4 20\"></path>\n </svg>\n </button>\n </div>\n <div class=\"mod-body\">\n @if (texts?.title) {\n <div class=\"m-title\">{{ texts?.title }}</div>\n }\n <lib-babylon-booking-widget\n id=\"modal\"\n widgetId=\"widget-search-modal\"\n hotelId=\"alecad\"\n type=\"chain\"\n theme=\"light\"\n layout=\"column\"\n [showPrice]=\"false\"\n [defaultAdults]=\"2\"\n [defaultChildren]=\"2\"\n baseUrl=\"\"\n urlChain=\"\"\n ngSkipHydration\n ></lib-babylon-booking-widget>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mat-mdc-dialog-surface,.mat-dialog-container{padding:0!important;background-color:transparent;box-shadow:none;overflow:visible}.mdl-widget{display:block;width:100%;border-radius:.4rem;padding:0;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.mdl-widget .mod-body{background:var(--cl_background-modal-lang);border-radius:5px;padding:10px 50px}@media (max-width: 1080px){.mdl-widget .mod-body{position:fixed;height:100vh;width:100vw}}.mdl-widget .m-title{font-family:kinda,sans-serif;font-weight:400;font-size:20rem;line-height:13rem;margin-top:-4rem;color:#ff4338;text-transform:capitalize;text-align:center}.mdl-widget .mdl-container{width:30rem;margin:0 auto}.mdl-widget .mdl-container .m-buttons{margin:3.4rem 0 6rem;gap:2rem;display:flex;flex-direction:column;padding:0 2rem}.mdl-widget .mdl-container .m-buttons .m-button-sm{width:100%;color:#515050;border-color:#515050}.mdl-widget .mdl-container .m-buttons .m-button-sm:hover{border-color:#ed3b37;color:#fff}.mdl-widget .mod-close{position:relative;width:30rem}.mdl-widget .mod-close .mdl-widget__close{position:absolute;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;cursor:pointer;transition:transform .3s ease;transform:rotate(0)}.mdl-widget .mod-close .mdl-widget__close:hover{transform:rotate(180deg)}@media (max-width: 1080px){.mdl-widget .mod-close{position:absolute;top:0;width:100vw}.mdl-widget .mod-close .mdl-widget__close{position:absolute;width:3.2rem;height:3.2rem;right:20px;top:20px;z-index:9}}@media (max-width: 700px){.mdl-widget{max-width:80vw}}@media (max-width: 1080px){.mdl-widget{max-width:100%;height:100vh}.mdl-widget .mdl-container{display:flex;flex-direction:column;padding-top:10rem}.mdl-widget .mdl-container img{margin:4rem auto 0;width:21rem}.mdl-widget .mdl-widget__close{width:2.8rem;height:2.8rem;top:2.3rem;right:2rem}.mdl-widget .m-title{font-size:13rem;margin-top:1rem}}.mdl-widget-dialog .mat-mdc-dialog-surface,.mdl-widget-dialog .mat-dialog-container{padding:0!important;background-color:transparent;box-shadow:none;overflow:visible}.mdl-widget-backdrop{background-color:#584949cc!important}@media (max-width: 1080px){.mdl-widget-dialog .mat-mdc-dialog-surface,.mdl-widget-dialog .mat-dialog-container{width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;border-radius:0!important}}\n"], dependencies: [{ kind: "component", type: BabylonBookingWidgetComponent, selector: "lib-babylon-booking-widget", inputs: ["widgetId", "hotelId", "type", "theme", "currency", "locale", "layout", "defaultAdults", "defaultChildren", "showPrice", "showHotelSelector", "showPromoCode", "showChildAges", "maxChildren", "baseUrl", "urlChain", "urlHotel", "buttonText"] }] }); }
|
|
8374
|
+
}
|
|
8375
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineWidgetModalComponent, decorators: [{
|
|
8376
|
+
type: Component,
|
|
8377
|
+
args: [{ selector: 'lib-babylon-engine-widget-modal', standalone: true, imports: [BabylonBookingWidgetComponent], template: "<section id=\"widget-form\" class=\"mdl-widget\">\n <div class=\"mod-close\">\n <button\n class=\"carousel__button is-close mdl-widget__close\"\n title=\"Close\"\n (click)=\"closeModal()\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n <path d=\"M20 20L4 4m16 0L4 20\"></path>\n </svg>\n </button>\n </div>\n <div class=\"mod-body\">\n @if (texts?.title) {\n <div class=\"m-title\">{{ texts?.title }}</div>\n }\n <lib-babylon-booking-widget\n id=\"modal\"\n widgetId=\"widget-search-modal\"\n hotelId=\"alecad\"\n type=\"chain\"\n theme=\"light\"\n layout=\"column\"\n [showPrice]=\"false\"\n [defaultAdults]=\"2\"\n [defaultChildren]=\"2\"\n baseUrl=\"\"\n urlChain=\"\"\n ngSkipHydration\n ></lib-babylon-booking-widget>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mat-mdc-dialog-surface,.mat-dialog-container{padding:0!important;background-color:transparent;box-shadow:none;overflow:visible}.mdl-widget{display:block;width:100%;border-radius:.4rem;padding:0;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.mdl-widget .mod-body{background:var(--cl_background-modal-lang);border-radius:5px;padding:10px 50px}@media (max-width: 1080px){.mdl-widget .mod-body{position:fixed;height:100vh;width:100vw}}.mdl-widget .m-title{font-family:kinda,sans-serif;font-weight:400;font-size:20rem;line-height:13rem;margin-top:-4rem;color:#ff4338;text-transform:capitalize;text-align:center}.mdl-widget .mdl-container{width:30rem;margin:0 auto}.mdl-widget .mdl-container .m-buttons{margin:3.4rem 0 6rem;gap:2rem;display:flex;flex-direction:column;padding:0 2rem}.mdl-widget .mdl-container .m-buttons .m-button-sm{width:100%;color:#515050;border-color:#515050}.mdl-widget .mdl-container .m-buttons .m-button-sm:hover{border-color:#ed3b37;color:#fff}.mdl-widget .mod-close{position:relative;width:30rem}.mdl-widget .mod-close .mdl-widget__close{position:absolute;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center;background-size:100%;width:4.2rem;height:4.2rem;right:-170px;top:-40px;border:none;cursor:pointer;transition:transform .3s ease;transform:rotate(0)}.mdl-widget .mod-close .mdl-widget__close:hover{transform:rotate(180deg)}@media (max-width: 1080px){.mdl-widget .mod-close{position:absolute;top:0;width:100vw}.mdl-widget .mod-close .mdl-widget__close{position:absolute;width:3.2rem;height:3.2rem;right:20px;top:20px;z-index:9}}@media (max-width: 700px){.mdl-widget{max-width:80vw}}@media (max-width: 1080px){.mdl-widget{max-width:100%;height:100vh}.mdl-widget .mdl-container{display:flex;flex-direction:column;padding-top:10rem}.mdl-widget .mdl-container img{margin:4rem auto 0;width:21rem}.mdl-widget .mdl-widget__close{width:2.8rem;height:2.8rem;top:2.3rem;right:2rem}.mdl-widget .m-title{font-size:13rem;margin-top:1rem}}.mdl-widget-dialog .mat-mdc-dialog-surface,.mdl-widget-dialog .mat-dialog-container{padding:0!important;background-color:transparent;box-shadow:none;overflow:visible}.mdl-widget-backdrop{background-color:#584949cc!important}@media (max-width: 1080px){.mdl-widget-dialog .mat-mdc-dialog-surface,.mdl-widget-dialog .mat-dialog-container{width:100vw!important;max-width:100vw!important;height:100vh!important;margin:0!important;border-radius:0!important}}\n"] }]
|
|
8378
|
+
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }], propDecorators: { texts: [{
|
|
8379
|
+
type: Input
|
|
8380
|
+
}], close: [{
|
|
8381
|
+
type: Output
|
|
8382
|
+
}] } });
|
|
8383
|
+
|
|
8293
8384
|
class BabylonExternalScriptComponent {
|
|
8294
8385
|
constructor(sanitizer, host, renderer, platformId) {
|
|
8295
8386
|
this.sanitizer = sanitizer;
|
|
@@ -9246,8 +9337,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
9246
9337
|
}] } });
|
|
9247
9338
|
|
|
9248
9339
|
class BabylonHeSvgListComponent {
|
|
9249
|
-
constructor(el) {
|
|
9340
|
+
constructor(el, dialog) {
|
|
9250
9341
|
this.el = el;
|
|
9342
|
+
this.dialog = dialog;
|
|
9251
9343
|
this.dinamyHeader = false;
|
|
9252
9344
|
this.hotelPage = false;
|
|
9253
9345
|
this.platformId = inject(PLATFORM_ID);
|
|
@@ -9348,13 +9440,26 @@ class BabylonHeSvgListComponent {
|
|
|
9348
9440
|
ngOnDestroy() {
|
|
9349
9441
|
this.navSub?.unsubscribe();
|
|
9350
9442
|
}
|
|
9351
|
-
|
|
9352
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonHeSvgListComponent, isStandalone: true, selector: "lib-babylon-he-svg-list", inputs: { dinamyHeader: "dinamyHeader", hotelPage: "hotelPage", menu: "menu", logos: "logos", floatingButtons: "floatingButtons", links: "links", items: "items", selected: "selected", styles: "styles" }, outputs: { openLanguages: "openLanguages", openOfferPop: "openOfferPop" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n <div class=\"mdl-container\">\n <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n <div class=\"m-menu\">\n <!-- Bot\u00F3n flotante para reserva online -->\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n <span>{{\n floatingButtons?.links?.[1]?.label\n }}</span>\n </a>\n </div>\n }\n }\n\n <!-- Book now button -->\n @if (floatingButtons?.textsButtons?.booktext) {\n <div class=\"m-book-container\">\n <a href=\"#\" class=\"m-button m-book\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n </div>\n }\n\n <!-- Logo -->\n @if (logos) {\n <a href=\"/\" class=\"m-logo\">\n @if (logos.logoDesktop) {\n <img\n [src]=\"logos.logoDesktop.src\"\n [alt]=\"logos.logoDesktop.alt\"\n />\n }\n @if (logos.logoMenu) {\n <img\n class=\"red\"\n [src]=\"logos.logoMenu.src\"\n [alt]=\"logos.logoMenu.alt\"\n />\n }\n </a>\n }\n <!-- Links + Lang + user -->\n <div class=\"m-links-container\">\n <!-- Links -->\n @if (menu?.length) {\n <div class=\"m-links\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n @if ($index == 0) {\n <img\n src=\"/assets/babylon/svg/icons/home.svg\"\n alt=\"home\"\n />\n } @else {\n {{ item.label }}\n }\n </a>\n }\n }\n </div>\n }\n <!-- Motor sticky -->\n\n <div class=\"m-motor\"></div>\n\n <!-- user + lang -->\n <div class=\"m-right\">\n <button\n type=\"button\"\n class=\"m-burger\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </svg>\n </button>\n <!-- <button\n type=\"button\"\n class=\"m-user\"\n aria-label=\"Abrir men\u00FA de usuario\"\n (click)=\"openOfferPopup()\"\n >\n <svg\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 20 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button> -->\n <button\n type=\"button\"\n class=\"m-lang\"\n aria-label=\"Seleccionar idioma\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n </div>\n </div>\n </div>\n <div class=\"sticky-sentinel\"></div>\n <!-- Men\u00FA rojo para ficha hotel -->\n <div\n class=\"m-card-hotel\"\n [ngClass]=\"{ hidden: !items?.length }\"\n [style.backgroundColor]=\"styles?.primary\"\n >\n @if (selected?.styles?.logos) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n class=\"m-hotel-logo\"\n >\n <!-- <div class=\"m-title\">ALEGRIA Palacio Mojacar</div> -->\n <div class=\"m-img\">\n <img\n [src]=\"\n selected?.styles?.logos?.[0] ??\n selected?.styles?.logos?.[1]\n \"\n alt=\"hotel-logo\"\n />\n </div>\n <!-- <div class=\"m-stars\">\n <span>hotel</span>\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n </div> -->\n </a>\n }\n\n @if (items?.length) {\n <div class=\"m-hotel-submenus\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-optionsmobile\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n type=\"button\"\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n </div>\n }\n }\n <button\n type=\"button\"\n class=\"m-menumobile\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n @if (floatingButtons?.textsButtons?.menuText) {\n <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n } @else {\n <span>-</span>\n }\n\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n\n @if (floatingButtons?.textsButtons?.booktext) {\n <a class=\"m-bookmobile\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n } @else {\n <a class=\"m-bookmobile\">-</a>\n }\n </div>\n\n <div id=\"burger-menu\" class=\"m-burger-menu\">\n <button\n type=\"button\"\n class=\"close\"\n aria-label=\"Cerrar men\u00FA\"\n (click)=\"showMenuBurger()\"\n >\n <img src=\"/assets/babylon/svg/icons/close-small.svg\" alt=\"close\" />\n </button>\n\n <div class=\"m-container\">\n @if (logos?.logoMenu) {\n <div class=\"m-header\">\n <a href=\"/\" class=\"m-logo\">\n <img\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n </div>\n }\n\n @if (menu?.length) {\n <div class=\"m-links\">\n <div class=\"m-links-container\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n {{ item.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n\n <div class=\"m-footer\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <a\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n }\n }\n\n <div class=\"m-footer-container\">\n <a href=\"mailto:\">\n <svg\n width=\"17\"\n height=\"14\"\n viewBox=\"0 0 17 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n fill=\"white\"\n />\n </svg>\n </a>\n\n <!-- <a (click)=\"openOfferPopup()\">\n <svg\n width=\"20\"\n height=\"23\"\n viewBox=\"0 0 20 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n fill=\"white\"\n />\n <path\n d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n fill=\"white\"\n />\n </svg>\n </a> -->\n\n <div\n class=\"m-lang\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"white\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{background-color:#ff4338;color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;background-color:#ff4338;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center}.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#ff4338}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:54vw;min-width:20rem;max-width:30rem}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
9443
|
+
openEngineModal() {
|
|
9444
|
+
const dialogRef = this.dialog.open(BabylonEngineWidgetModalComponent, {
|
|
9445
|
+
width: '100vw',
|
|
9446
|
+
height: '100vh',
|
|
9447
|
+
maxWidth: '100vw',
|
|
9448
|
+
hasBackdrop: true,
|
|
9449
|
+
});
|
|
9450
|
+
const event = new EventEmitter();
|
|
9451
|
+
event.subscribe(() => {
|
|
9452
|
+
dialogRef.close();
|
|
9453
|
+
});
|
|
9454
|
+
dialogRef.componentInstance.close = event;
|
|
9455
|
+
}
|
|
9456
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeSvgListComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9457
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonHeSvgListComponent, isStandalone: true, selector: "lib-babylon-he-svg-list", inputs: { dinamyHeader: "dinamyHeader", hotelPage: "hotelPage", menu: "menu", logos: "logos", floatingButtons: "floatingButtons", links: "links", items: "items", selected: "selected", styles: "styles" }, outputs: { openLanguages: "openLanguages", openOfferPop: "openOfferPop" }, host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0, template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n <div class=\"mdl-container\">\n <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n <div class=\"m-menu\">\n <!-- Bot\u00F3n flotante para reserva online -->\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n <span>{{\n floatingButtons?.links?.[1]?.label\n }}</span>\n </a>\n </div>\n }\n }\n\n <!-- Book now button -->\n @if (floatingButtons?.textsButtons?.booktext) {\n <div class=\"m-book-container\">\n <a href=\"#\" class=\"m-button m-book\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n </div>\n }\n\n <!-- Logo -->\n @if (logos) {\n <a href=\"/\" class=\"m-logo\">\n @if (logos.logoDesktop) {\n <img\n [src]=\"logos.logoDesktop.src\"\n [alt]=\"logos.logoDesktop.alt\"\n />\n }\n @if (logos.logoMenu) {\n <img\n class=\"red\"\n [src]=\"logos.logoMenu.src\"\n [alt]=\"logos.logoMenu.alt\"\n />\n }\n </a>\n }\n <!-- Links + Lang + user -->\n <div class=\"m-links-container\">\n <!-- Links -->\n @if (menu?.length) {\n <div class=\"m-links\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n @if ($index == 0) {\n <img\n src=\"/assets/babylon/svg/icons/home.svg\"\n alt=\"home\"\n />\n } @else {\n {{ item.label }}\n }\n </a>\n }\n }\n </div>\n }\n <!-- Motor sticky -->\n\n <div class=\"m-motor\"></div>\n\n <!-- user + lang -->\n <div class=\"m-right\">\n <button\n type=\"button\"\n class=\"m-burger\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </svg>\n </button>\n <!-- <button\n type=\"button\"\n class=\"m-user\"\n aria-label=\"Abrir men\u00FA de usuario\"\n (click)=\"openOfferPopup()\"\n >\n <svg\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 20 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button> -->\n <button\n type=\"button\"\n class=\"m-lang\"\n aria-label=\"Seleccionar idioma\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n </div>\n </div>\n </div>\n <div class=\"sticky-sentinel\"></div>\n <!-- Men\u00FA rojo para ficha hotel -->\n <div\n class=\"m-card-hotel\"\n [ngClass]=\"{ hidden: !items?.length }\"\n [style.backgroundColor]=\"styles?.primary\"\n >\n @if (selected?.styles?.logos) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n class=\"m-hotel-logo\"\n >\n <!-- <div class=\"m-title\">ALEGRIA Palacio Mojacar</div> -->\n <div class=\"m-img\">\n <img\n [src]=\"\n selected?.styles?.logos?.[0] ??\n selected?.styles?.logos?.[1]\n \"\n alt=\"hotel-logo\"\n />\n </div>\n <!-- <div class=\"m-stars\">\n <span>hotel</span>\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n </div> -->\n </a>\n }\n\n @if (items?.length) {\n <div class=\"m-hotel-submenus\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-optionsmobile\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n type=\"button\"\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n </div>\n }\n }\n <button\n type=\"button\"\n class=\"m-menumobile\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n @if (floatingButtons?.textsButtons?.menuText) {\n <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n } @else {\n <span>-</span>\n }\n\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n\n @if (floatingButtons?.textsButtons?.booktext) {\n <a class=\"m-bookmobile\" (click)=\"openEngineModal()\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n }\n </div>\n\n <div id=\"burger-menu\" class=\"m-burger-menu\">\n <button\n type=\"button\"\n class=\"close\"\n aria-label=\"Cerrar men\u00FA\"\n (click)=\"showMenuBurger()\"\n >\n <img src=\"/assets/babylon/svg/icons/close-small.svg\" alt=\"close\" />\n </button>\n\n <div class=\"m-container\">\n @if (logos?.logoMenu) {\n <div class=\"m-header\">\n <a href=\"/\" class=\"m-logo\">\n <img\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n </div>\n }\n\n @if (menu?.length) {\n <div class=\"m-links\">\n <div class=\"m-links-container\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n {{ item.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n\n <div class=\"m-footer\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <a\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n }\n }\n\n <div class=\"m-footer-container\">\n <a href=\"mailto:\">\n <svg\n width=\"17\"\n height=\"14\"\n viewBox=\"0 0 17 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n fill=\"white\"\n />\n </svg>\n </a>\n\n <!-- <a (click)=\"openOfferPopup()\">\n <svg\n width=\"20\"\n height=\"23\"\n viewBox=\"0 0 20 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n fill=\"white\"\n />\n <path\n d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n fill=\"white\"\n />\n </svg>\n </a> -->\n\n <div\n class=\"m-lang\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"white\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{background-color:#ff4338;color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;background-color:#ff4338;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center}.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#ff4338}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:54vw;min-width:20rem;max-width:30rem}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
9353
9458
|
}
|
|
9354
9459
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeSvgListComponent, decorators: [{
|
|
9355
9460
|
type: Component,
|
|
9356
|
-
args: [{ selector: 'lib-babylon-he-svg-list', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n <div class=\"mdl-container\">\n <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n <div class=\"m-menu\">\n <!-- Bot\u00F3n flotante para reserva online -->\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n <span>{{\n floatingButtons?.links?.[1]?.label\n }}</span>\n </a>\n </div>\n }\n }\n\n <!-- Book now button -->\n @if (floatingButtons?.textsButtons?.booktext) {\n <div class=\"m-book-container\">\n <a href=\"#\" class=\"m-button m-book\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n </div>\n }\n\n <!-- Logo -->\n @if (logos) {\n <a href=\"/\" class=\"m-logo\">\n @if (logos.logoDesktop) {\n <img\n [src]=\"logos.logoDesktop.src\"\n [alt]=\"logos.logoDesktop.alt\"\n />\n }\n @if (logos.logoMenu) {\n <img\n class=\"red\"\n [src]=\"logos.logoMenu.src\"\n [alt]=\"logos.logoMenu.alt\"\n />\n }\n </a>\n }\n <!-- Links + Lang + user -->\n <div class=\"m-links-container\">\n <!-- Links -->\n @if (menu?.length) {\n <div class=\"m-links\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n @if ($index == 0) {\n <img\n src=\"/assets/babylon/svg/icons/home.svg\"\n alt=\"home\"\n />\n } @else {\n {{ item.label }}\n }\n </a>\n }\n }\n </div>\n }\n <!-- Motor sticky -->\n\n <div class=\"m-motor\"></div>\n\n <!-- user + lang -->\n <div class=\"m-right\">\n <button\n type=\"button\"\n class=\"m-burger\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </svg>\n </button>\n <!-- <button\n type=\"button\"\n class=\"m-user\"\n aria-label=\"Abrir men\u00FA de usuario\"\n (click)=\"openOfferPopup()\"\n >\n <svg\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 20 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button> -->\n <button\n type=\"button\"\n class=\"m-lang\"\n aria-label=\"Seleccionar idioma\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n </div>\n </div>\n </div>\n <div class=\"sticky-sentinel\"></div>\n <!-- Men\u00FA rojo para ficha hotel -->\n <div\n class=\"m-card-hotel\"\n [ngClass]=\"{ hidden: !items?.length }\"\n [style.backgroundColor]=\"styles?.primary\"\n >\n @if (selected?.styles?.logos) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n class=\"m-hotel-logo\"\n >\n <!-- <div class=\"m-title\">ALEGRIA Palacio Mojacar</div> -->\n <div class=\"m-img\">\n <img\n [src]=\"\n selected?.styles?.logos?.[0] ??\n selected?.styles?.logos?.[1]\n \"\n alt=\"hotel-logo\"\n />\n </div>\n <!-- <div class=\"m-stars\">\n <span>hotel</span>\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n </div> -->\n </a>\n }\n\n @if (items?.length) {\n <div class=\"m-hotel-submenus\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-optionsmobile\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n type=\"button\"\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n </div>\n }\n }\n <button\n type=\"button\"\n class=\"m-menumobile\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n @if (floatingButtons?.textsButtons?.menuText) {\n <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n } @else {\n <span>-</span>\n }\n\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n\n @if (floatingButtons?.textsButtons?.booktext) {\n <a class=\"m-bookmobile\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n } @else {\n <a class=\"m-bookmobile\">-</a>\n }\n </div>\n\n <div id=\"burger-menu\" class=\"m-burger-menu\">\n <button\n type=\"button\"\n class=\"close\"\n aria-label=\"Cerrar men\u00FA\"\n (click)=\"showMenuBurger()\"\n >\n <img src=\"/assets/babylon/svg/icons/close-small.svg\" alt=\"close\" />\n </button>\n\n <div class=\"m-container\">\n @if (logos?.logoMenu) {\n <div class=\"m-header\">\n <a href=\"/\" class=\"m-logo\">\n <img\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n </div>\n }\n\n @if (menu?.length) {\n <div class=\"m-links\">\n <div class=\"m-links-container\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n {{ item.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n\n <div class=\"m-footer\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <a\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n }\n }\n\n <div class=\"m-footer-container\">\n <a href=\"mailto:\">\n <svg\n width=\"17\"\n height=\"14\"\n viewBox=\"0 0 17 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n fill=\"white\"\n />\n </svg>\n </a>\n\n <!-- <a (click)=\"openOfferPopup()\">\n <svg\n width=\"20\"\n height=\"23\"\n viewBox=\"0 0 20 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n fill=\"white\"\n />\n <path\n d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n fill=\"white\"\n />\n </svg>\n </a> -->\n\n <div\n class=\"m-lang\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"white\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{background-color:#ff4338;color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;background-color:#ff4338;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center}.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#ff4338}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:54vw;min-width:20rem;max-width:30rem}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}\n"] }]
|
|
9357
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { dinamyHeader: [{
|
|
9461
|
+
args: [{ selector: 'lib-babylon-he-svg-list', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<!-- A\u00F1adir clase hotel-card para ficha hotel -->\n<!-- Al a\u00F1adir la clase force-sticky evitamos el efecto de cambiar entre sticky en el scroll down/up -->\n<section class=\"mdl-header\">\n <div class=\"mdl-container\">\n <!-- Men\u00FA desktop y contenedor para logo, idioma y usuario -->\n <div class=\"m-menu\">\n <!-- Bot\u00F3n flotante para reserva online -->\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n <span>{{\n floatingButtons?.links?.[1]?.label\n }}</span>\n </a>\n </div>\n }\n }\n\n <!-- Book now button -->\n @if (floatingButtons?.textsButtons?.booktext) {\n <div class=\"m-book-container\">\n <a href=\"#\" class=\"m-button m-book\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n </div>\n }\n\n <!-- Logo -->\n @if (logos) {\n <a href=\"/\" class=\"m-logo\">\n @if (logos.logoDesktop) {\n <img\n [src]=\"logos.logoDesktop.src\"\n [alt]=\"logos.logoDesktop.alt\"\n />\n }\n @if (logos.logoMenu) {\n <img\n class=\"red\"\n [src]=\"logos.logoMenu.src\"\n [alt]=\"logos.logoMenu.alt\"\n />\n }\n </a>\n }\n <!-- Links + Lang + user -->\n <div class=\"m-links-container\">\n <!-- Links -->\n @if (menu?.length) {\n <div class=\"m-links\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n @if ($index == 0) {\n <img\n src=\"/assets/babylon/svg/icons/home.svg\"\n alt=\"home\"\n />\n } @else {\n {{ item.label }}\n }\n </a>\n }\n }\n </div>\n }\n <!-- Motor sticky -->\n\n <div class=\"m-motor\"></div>\n\n <!-- user + lang -->\n <div class=\"m-right\">\n <button\n type=\"button\"\n class=\"m-burger\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M36.2338 0H0V1.81963H36.2338V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </svg>\n </button>\n <!-- <button\n type=\"button\"\n class=\"m-user\"\n aria-label=\"Abrir men\u00FA de usuario\"\n (click)=\"openOfferPopup()\"\n >\n <svg\n width=\"20\"\n height=\"22\"\n viewBox=\"0 0 20 22\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M17.941 14.8491C16.938 13.8431 15.602 13.2891 14.178 13.2891H5.321C3.899 13.2891 2.563 13.8431 1.558 14.8491C0.552001 15.8541 -0.000998646 17.1901 1.35387e-06 18.6121V20.8261C1.35387e-06 21.3191 0.400001 21.7201 0.894001 21.7201C1.386 21.7201 1.787 21.3201 1.787 20.8261V18.6121C1.787 17.6681 2.155 16.7791 2.823 16.1111C3.488 15.4441 4.376 15.0761 5.322 15.0761H14.18C15.125 15.0761 16.013 15.4431 16.679 16.1111C17.347 16.7771 17.714 17.6661 17.714 18.6121V20.8261C17.714 21.3191 18.114 21.7201 18.608 21.7201C19.1 21.7201 19.501 21.3201 19.501 20.8261V18.6121C19.501 17.1901 18.947 15.8541 17.941 14.8491Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M9.75069 10.644C12.6857 10.644 15.0727 8.257 15.0727 5.322C15.0727 2.387 12.6857 0 9.75069 0C6.81569 0 4.42969 2.387 4.42969 5.322C4.42969 8.257 6.81569 10.644 9.75069 10.644ZM9.75069 1.786C11.7007 1.786 13.2867 3.372 13.2867 5.322C13.2867 7.272 11.7007 8.858 9.75069 8.858C7.80169 8.858 6.21569 7.272 6.21569 5.322C6.21569 3.372 7.80169 1.786 9.75069 1.786Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button> -->\n <button\n type=\"button\"\n class=\"m-lang\"\n aria-label=\"Seleccionar idioma\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n </div>\n </div>\n </div>\n <div class=\"sticky-sentinel\"></div>\n <!-- Men\u00FA rojo para ficha hotel -->\n <div\n class=\"m-card-hotel\"\n [ngClass]=\"{ hidden: !items?.length }\"\n [style.backgroundColor]=\"styles?.primary\"\n >\n @if (selected?.styles?.logos) {\n <a\n [href]=\"items?.[0]?.url\"\n [linkType]=\"items?.[0]?.linkType\"\n class=\"m-hotel-logo\"\n >\n <!-- <div class=\"m-title\">ALEGRIA Palacio Mojacar</div> -->\n <div class=\"m-img\">\n <img\n [src]=\"\n selected?.styles?.logos?.[0] ??\n selected?.styles?.logos?.[1]\n \"\n alt=\"hotel-logo\"\n />\n </div>\n <!-- <div class=\"m-stars\">\n <span>hotel</span>\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n <img\n src=\"/assets/babylon/svg/icons/star-grey.svg\"\n alt=\"\"\n />\n </div> -->\n </a>\n }\n\n @if (items?.length) {\n <div class=\"m-hotel-submenus\">\n @for (item of items; track $index) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n class=\"m-submenu\"\n >{{ item.label }}</a\n >\n }\n </div>\n }\n </div>\n </div>\n\n <div class=\"m-optionsmobile\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <div class=\"m-checking-online\">\n <a\n type=\"button\"\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"floatingButtons?.links?.[1]?.label\"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n </div>\n }\n }\n <button\n type=\"button\"\n class=\"m-menumobile\"\n aria-label=\"Abrir men\u00FA\"\n aria-expanded=\"false\"\n aria-controls=\"burger-menu\"\n (click)=\"showMenuBurger()\"\n >\n @if (floatingButtons?.textsButtons?.menuText) {\n <span>{{ floatingButtons?.textsButtons?.menuText }}</span>\n } @else {\n <span>-</span>\n }\n\n <svg\n width=\"37\"\n height=\"23\"\n viewBox=\"0 0 37 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.7\">\n <path d=\"M36.2338 0H0V1.81963H36.2338V0Z\" fill=\"#515050\" />\n <path\n d=\"M36.2338 10.5859H0V12.4066H36.2338V10.5859Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M36.2338 21.1797H0V22.9993H36.2338V21.1797Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </button>\n\n @if (floatingButtons?.textsButtons?.booktext) {\n <a class=\"m-bookmobile\" (click)=\"openEngineModal()\">{{\n floatingButtons?.textsButtons?.booktext\n }}</a>\n }\n </div>\n\n <div id=\"burger-menu\" class=\"m-burger-menu\">\n <button\n type=\"button\"\n class=\"close\"\n aria-label=\"Cerrar men\u00FA\"\n (click)=\"showMenuBurger()\"\n >\n <img src=\"/assets/babylon/svg/icons/close-small.svg\" alt=\"close\" />\n </button>\n\n <div class=\"m-container\">\n @if (logos?.logoMenu) {\n <div class=\"m-header\">\n <a href=\"/\" class=\"m-logo\">\n <img\n [src]=\"logos?.logoMenu?.src\"\n [alt]=\"logos?.logoMenu?.alt\"\n />\n </a>\n </div>\n }\n\n @if (menu?.length) {\n <div class=\"m-links\">\n <div class=\"m-links-container\">\n @for (item of menu; track $index) {\n @if (item) {\n <a\n [href]=\"item.url\"\n [linkType]=\"item.linkType\"\n [attr.aria-label]=\"item.label\"\n >\n {{ item.label }}\n </a>\n }\n }\n </div>\n </div>\n }\n\n <div class=\"m-footer\">\n @if (floatingButtons?.links?.length) {\n @if (floatingButtons?.links?.[1]) {\n <a\n class=\"m-checking-online-button\"\n [href]=\"floatingButtons?.links?.[1]?.url\"\n [linkType]=\"floatingButtons?.links?.[1]?.linkType\"\n [attr.aria-label]=\"\n floatingButtons?.links?.[1]?.label\n \"\n >\n {{ floatingButtons?.links?.[1]?.label }}\n </a>\n }\n }\n\n <div class=\"m-footer-container\">\n <a href=\"mailto:\">\n <svg\n width=\"17\"\n height=\"14\"\n viewBox=\"0 0 17 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.4671 13.1518H2.67741C2.04751 13.1518 1.45549 12.9068 1.01086 12.4613C0.565375 12.0158 0.320312 11.4238 0.320312 10.7939V2.38198C0.320312 2.37524 0.320312 2.36766 0.320312 2.36093C0.323681 1.73608 0.568744 1.14912 1.01086 0.706168C1.45549 0.260688 2.04751 0.015625 2.67741 0.015625H14.4671C15.097 0.015625 15.689 0.260688 16.1336 0.706168C16.5757 1.14912 16.8208 1.73608 16.8242 2.36093C16.8242 2.36766 16.8242 2.37524 16.8242 2.38198V10.7939C16.8242 11.4238 16.5791 12.0158 16.1336 12.4613C15.689 12.9068 15.097 13.1518 14.4671 13.1518ZM1.66686 3.63084V10.7931C1.66686 11.0592 1.77464 11.3194 1.96328 11.5072C2.15444 11.6983 2.40791 11.8036 2.67823 11.8036H14.4679C14.7332 11.8036 14.9942 11.6958 15.1828 11.5072C15.3715 11.3194 15.4793 11.0592 15.4793 10.7931V3.63084L8.94699 7.98544C8.7213 8.13702 8.4257 8.13702 8.20001 7.98544L1.66686 3.63084ZM1.7199 2.04765L8.57224 6.61615L15.4246 2.04765C15.3749 1.90281 15.2932 1.76976 15.182 1.6586C14.9934 1.46997 14.7332 1.36217 14.4671 1.36217H2.67741C2.40793 1.36217 2.15361 1.46744 1.96245 1.6586C1.85129 1.76976 1.76959 1.90281 1.7199 2.04765Z\"\n fill=\"white\"\n />\n </svg>\n </a>\n\n <!-- <a (click)=\"openOfferPopup()\">\n <svg\n width=\"20\"\n height=\"23\"\n viewBox=\"0 0 20 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M17.941 15.185C16.938 14.179 15.602 13.625 14.178 13.625H5.321C3.899 13.625 2.563 14.179 1.558 15.185C0.552001 16.19 -0.000998646 17.526 1.35387e-06 18.948V21.162C1.35387e-06 21.655 0.400001 22.056 0.894001 22.056C1.386 22.056 1.787 21.656 1.787 21.162V18.948C1.787 18.004 2.155 17.115 2.823 16.447C3.488 15.78 4.376 15.412 5.322 15.412H14.18C15.125 15.412 16.013 15.779 16.679 16.447C17.347 17.113 17.714 18.002 17.714 18.948V21.162C17.714 21.655 18.114 22.056 18.608 22.056C19.1 22.056 19.501 21.656 19.501 21.162V18.948C19.501 17.526 18.947 16.19 17.941 15.185Z\"\n fill=\"white\"\n />\n <path\n d=\"M9.75069 10.9799C12.6857 10.9799 15.0727 8.59294 15.0727 5.65794C15.0727 2.72294 12.6857 0.335938 9.75069 0.335938C6.81569 0.335938 4.42969 2.72294 4.42969 5.65794C4.42969 8.59294 6.81569 10.9799 9.75069 10.9799ZM9.75069 2.12194C11.7007 2.12194 13.2867 3.70794 13.2867 5.65794C13.2867 7.60794 11.7007 9.19394 9.75069 9.19394C7.80169 9.19394 6.21569 7.60794 6.21569 5.65794C6.21569 3.70794 7.80169 2.12194 9.75069 2.12194Z\"\n fill=\"white\"\n />\n </svg>\n </a> -->\n\n <div\n class=\"m-lang\"\n data-src=\"#idiomas-form\"\n (click)=\"openLanguagesModal()\"\n >\n <svg\n width=\"23\"\n height=\"23\"\n viewBox=\"0 0 23 23\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.5 23C9.22552 23 7.00211 22.3255 5.11095 21.0619C3.21978 19.7983 1.7458 18.0022 0.87539 15.9009C0.00498277 13.7995 -0.222756 11.4872 0.220974 9.25646C0.664704 7.02568 1.75997 4.97658 3.36828 3.36828C4.97658 1.75997 7.02568 0.664704 9.25646 0.220974C11.4872 -0.222756 13.7995 0.00498277 15.9009 0.87539C18.0022 1.7458 19.7983 3.21978 21.0619 5.11095C22.3255 7.00211 23 9.22552 23 11.5C22.9966 14.5489 21.7839 17.472 19.628 19.628C17.472 21.7839 14.5489 22.9966 11.5 23ZM11.5 1.60466C9.54289 1.60466 7.62972 2.18501 6.00244 3.27232C4.37516 4.35964 3.10685 5.90508 2.35789 7.71322C1.60894 9.52135 1.41298 11.511 1.79479 13.4305C2.17661 15.35 3.11905 17.1132 4.50294 18.4971C5.88682 19.881 7.65001 20.8234 9.56952 21.2052C11.489 21.587 13.4786 21.3911 15.2868 20.6421C17.0949 19.8932 18.6404 18.6248 19.7277 16.9976C20.815 15.3703 21.3953 13.4571 21.3953 11.5C21.3925 8.87646 20.3491 6.36119 18.4939 4.50606C16.6388 2.65094 14.1235 1.60749 11.5 1.60466Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4994 23C8.19913 23 6.41797 17.0746 6.41797 11.5C6.41797 5.92544 8.19913 0 11.4994 0C14.7996 0 16.5808 5.92544 16.5808 11.5C16.5808 17.0746 14.7996 23 11.4994 23ZM11.4994 1.60465C9.85834 1.60465 8.02262 5.83665 8.02262 11.5C8.02262 17.1633 9.85834 21.3953 11.4994 21.3953C13.1404 21.3953 14.9761 17.1633 14.9761 11.5C14.9761 5.83665 13.1404 1.60465 11.4994 1.60465Z\"\n fill=\"white\"\n />\n <path\n d=\"M11.4997 6.95417C10.213 6.95354 8.93264 6.77352 7.69563 6.41929C6.23211 6.00081 4.85534 5.32366 3.63051 4.41989C3.53663 4.36112 3.45593 4.28355 3.3935 4.19206C3.33107 4.10057 3.28826 3.99715 3.26776 3.8883C3.24727 3.77946 3.24953 3.66754 3.27441 3.55961C3.29929 3.45168 3.34624 3.35007 3.41232 3.26118C3.47839 3.17229 3.56216 3.09804 3.65834 3.04311C3.75452 2.98819 3.86103 2.95377 3.97117 2.94202C4.0813 2.93028 4.19268 2.94147 4.29828 2.97488C4.40388 3.00829 4.50141 3.06321 4.58475 3.13617C5.6566 3.92388 6.86041 4.51401 8.13958 4.87882C10.3371 5.50465 12.6656 5.50465 14.8631 4.87882C16.1414 4.51285 17.3441 3.92162 18.4147 3.13296C18.499 3.06625 18.5959 3.01717 18.6996 2.98864C18.8033 2.9601 18.9116 2.9527 19.0182 2.96687C19.1248 2.98103 19.2274 3.01648 19.3201 3.07111C19.4127 3.12573 19.4934 3.19841 19.5573 3.28484C19.6213 3.37126 19.6673 3.46966 19.6925 3.5742C19.7177 3.67873 19.7216 3.78726 19.704 3.89334C19.6864 3.99943 19.6477 4.10089 19.5902 4.19171C19.5326 4.28253 19.4574 4.36086 19.3689 4.42203C18.1441 5.32556 16.7673 6.00236 15.3038 6.42036C14.0668 6.77422 12.7864 6.95389 11.4997 6.95417Z\"\n fill=\"white\"\n />\n <path\n d=\"M18.8913 20.0246C18.7198 20.0244 18.553 19.9693 18.4152 19.8673C17.3437 19.0781 16.1398 18.4865 14.8604 18.1204C12.6629 17.4945 10.3344 17.4945 8.13689 18.1204C6.85856 18.4863 5.65582 19.0776 4.58526 19.8662C4.50093 19.9329 4.40406 19.982 4.30038 20.0106C4.19671 20.0391 4.08836 20.0465 3.98177 20.0323C3.87518 20.0182 3.77253 19.9827 3.67991 19.9281C3.58729 19.8735 3.50659 19.8008 3.44262 19.7144C3.37864 19.6279 3.33269 19.5295 3.30749 19.425C3.2823 19.3205 3.27837 19.2119 3.29595 19.1058C3.31352 18.9998 3.35224 18.8983 3.40981 18.8075C3.46737 18.7167 3.5426 18.6383 3.63103 18.5772C4.85586 17.6736 6.23264 16.9968 7.69615 16.5788C10.1837 15.8696 12.82 15.8696 15.3075 16.5788C16.7711 16.9973 18.1478 17.6745 19.3727 18.5782C19.5087 18.6785 19.6096 18.8192 19.6609 18.9802C19.7121 19.1412 19.7112 19.3144 19.6581 19.4748C19.6051 19.6353 19.5027 19.7749 19.3655 19.8736C19.2283 19.9723 19.0635 20.0252 18.8945 20.0246H18.8913Z\"\n fill=\"white\"\n />\n <path\n d=\"M22.1977 12.3H0.802325C0.589535 12.3 0.385461 12.2154 0.234996 12.065C0.0845305 11.9145 0 11.7104 0 11.4976C0 11.2848 0.0845305 11.0808 0.234996 10.9303C0.385461 10.7798 0.589535 10.6953 0.802325 10.6953H22.1977C22.4105 10.6953 22.6145 10.7798 22.765 10.9303C22.9155 11.0808 23 11.2848 23 11.4976C23 11.7104 22.9155 11.9145 22.765 12.065C22.6145 12.2154 22.4105 12.3 22.1977 12.3Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-header{position:fixed;width:100%;z-index:99;padding-left:0!important;padding-right:0!important;top:0}.mdl-header.hotel-card.force-sticky .mdl-container .m-card-hotel{display:flex}.mdl-header.sticky .mdl-container,.mdl-header.force-sticky .mdl-container{max-width:initial}.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{align-items:center;padding:1.5rem 6.6rem 1.5rem 3rem;gap:6.4rem;background-color:#fff;border-bottom:1px solid #e4e4e4}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{top:inherit;bottom:-2.3rem;align-content:flex-end;right:5.7rem;transition:height .5s ease,bottom .5s ease;padding-bottom:.6rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online:hover,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header.sticky .mdl-container .m-menu .m-logo img:not(.red),.mdl-header.force-sticky .mdl-container .m-menu .m-logo img:not(.red){display:none}.mdl-header.sticky .mdl-container .m-menu .m-logo img.red,.mdl-header.force-sticky .mdl-container .m-menu .m-logo img.red{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{width:100%;gap:12.6rem}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-links,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-motor,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-motor{display:flex}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right svg path,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right svg path{fill:#515050}.mdl-header .mdl-container{max-width:initial;transition:.3s ease}.mdl-header .mdl-container .m-card-hotel{width:100%;height:6.6rem;padding:1.6rem 3rem;box-sizing:border-box;position:relative;flex-direction:row;align-items:center;justify-content:flex-start}.mdl-header .mdl-container .m-card-hotel.hidden{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{display:flex;flex-direction:column;gap:.5rem;width:max-content}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-title{font-family:jokker,sans-serif;font-weight:500;font-style:Medium;font-size:1.8rem;color:#fff}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex;flex-direction:row;align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars span{font-family:jokker,sans-serif;font-weight:500;font-size:1.4rem;letter-spacing:1.4px;color:#fff;text-transform:capitalize;opacity:.8;margin-right:.2rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:flex;flex-direction:row;align-items:center;gap:5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;color:#fff;text-transform:uppercase;transition:opacity .3s ease}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu:hover{opacity:60%}@media (max-width: 1280px){.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus .m-submenu{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu{display:flex;flex-direction:row;gap:4rem;padding:6rem 7rem;align-items:start;justify-content:space-between;position:relative;z-index:1}.mdl-header .mdl-container .m-menu .m-checking-online{background-color:#c4a857;position:absolute;top:0;align-content:flex-end;right:7rem;font-family:jokker,sans-serif;font-weight:400;font-size:1.3rem;line-height:100%;font-weight:500;color:#fff;height:2.3rem;padding:5px 2.5rem .6rem;box-sizing:border-box;cursor:pointer;transition:height .5s ease,bottom .5s ease}.mdl-header .mdl-container .m-menu .m-checking-online:hover{height:3.4rem;bottom:-3.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:none;max-width:21.5rem;width:100%;justify-content:center}.mdl-header .mdl-container .m-menu .m-book-container .m-book{text-align:center;border-radius:unset;width:100%;font-family:jokker,sans-serif;text-transform:capitalize;font-size:2.6rem;height:6rem;font-weight:500;align-content:center}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem;object-fit:cover}.mdl-header .mdl-container .m-menu .m-logo img.red{width:27rem;display:none}.mdl-header .mdl-container .m-menu .m-links-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(a:hover) button:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) a:not(:hover),.mdl-header .mdl-container .m-menu .m-links-container:has(button:hover) button:not(:hover){opacity:.6}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem;letter-spacing:1.8px;text-transform:uppercase}@media (max-width: 1366px){.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem;letter-spacing:1.5px}}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{color:#fff;transition:opacity .3s ease;opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none;height:6rem;width:100%;align-items:center;justify-content:center;font-family:jokker,sans-serif;text-transform:uppercase;box-sizing:border-box}.mdl-header .mdl-container .m-menu .m-links-container .m-right{display:flex;flex-direction:row;gap:3rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-user{cursor:pointer;transition:opacity .3s ease}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none;cursor:pointer}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg g{opacity:1}.mdl-header .mdl-container .m-menu .m-links-container .m-right svg path{fill:#fff}.mdl-header .m-optionsmobile{display:none;width:100%;position:fixed;bottom:0;left:0;flex-direction:row}.mdl-header .m-optionsmobile .m-checking-online-button{top:-3rem;position:absolute}.mdl-header .m-optionsmobile>a:not(.m-checking-online-button),.mdl-header .m-optionsmobile button:not(.m-checking-online-button){width:50%;box-sizing:border-box;padding:2.3rem 2rem;font-family:jokker,sans-serif;font-size:2.6rem}.mdl-header .m-optionsmobile>a.m-menumobile,.mdl-header .m-optionsmobile button.m-menumobile{display:flex;flex-direction:row;justify-content:center;gap:1.6rem;background-color:#fff;color:#515050;text-align:center;align-items:center;border-top:.1rem solid #e4e4e4}.mdl-header .m-optionsmobile>a.m-menumobile svg,.mdl-header .m-optionsmobile button.m-menumobile svg{margin-top:.4rem}.mdl-header .m-optionsmobile>a.m-bookmobile,.mdl-header .m-optionsmobile button.m-bookmobile{background-color:#ff4338;color:#fff;text-align:center}.mdl-header .m-burger-menu{position:fixed;background-color:#fff;height:100vh;width:100vw;top:0;transform:translate(-140vw);box-sizing:border-box;z-index:9;transition:transform .8s ease}.mdl-header .m-burger-menu.show{transform:translate(0)}.mdl-header .m-burger-menu.show .m-shadow{opacity:1}.mdl-header .m-burger-menu .close{position:absolute;right:5rem;top:4rem;cursor:pointer;transition:all 1s ease;background-color:#ff4338;height:4.4rem;width:4.4rem;border-radius:100%;display:flex;align-items:center;justify-content:center}.mdl-header .m-burger-menu .close img{transition:transform .4s ease;width:1.6rem;height:1.6rem}.mdl-header .m-burger-menu .close:hover img{transform:rotate(180deg)}.mdl-header .m-burger-menu .m-container{display:flex;flex-direction:row;height:100%;align-items:center}.mdl-header .m-burger-menu .m-container .m-header{width:50%;text-align:center}.mdl-header .m-burger-menu .m-container .m-header a{margin:0 0% 0 17%}.mdl-header .m-burger-menu .m-container .m-header a img{width:47rem}.mdl-header .m-burger-menu .m-container .m-links{width:50%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{display:flex;flex-direction:column;gap:3rem;margin:0 16% 0 14%}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-family:jokker,sans-serif;font-size:3.4rem;text-transform:capitalize;color:#515050;transition:color .1s ease;padding-bottom:3.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:not(:last-child){border-bottom:1px solid #e4e4e4}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a:hover,.mdl-header .m-burger-menu .m-container .m-links .m-links-container a .active{color:#ff4338}.mdl-header .m-burger-menu .m-container .m-footer{display:none;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;width:100%;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container{display:flex;flex-direction:row;align-items:center;gap:3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg{width:2.3rem;height:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer .m-footer-container svg path{fill:#515050}.mdl-header .m-burger-menu .m-container .m-footer .m-checking-online-button{left:auto;transform:none}.mdl-header .m-lang{cursor:pointer;position:relative;transition:opacity .3s ease}.mdl-header .m-lang.show:before,.mdl-header .m-lang:hover:before{content:\"\";background-color:transparent;width:500%;position:absolute;height:10rem;align-self:center;top:0;left:-195%}@media (min-width: 1681px){.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{display:flex!important;align-items:center}}@media (max-width: 1445px){.mdl-header .mdl-container .m-menu .m-logo img{width:25rem}}@media (max-width: 1366px){.mdl-header .m-burger-menu .m-container .m-header a img{width:35rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:3rem}.mdl-header .mdl-container .m-menu{padding:5.8rem 4rem;gap:4.4rem!important}.mdl-header .mdl-container .m-menu .m-checking-online{right:6.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{gap:2rem!important}.mdl-header .mdl-container .m-menu .m-links-container .m-links{gap:2rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links a{font-size:1.5rem}.mdl-header .mdl-container .m-menu .m-links-container .m-right{gap:2rem}}@media (max-width: 1280px){.mdl-header.sticky .mdl-container .m-menu,.mdl-header.force-sticky .mdl-container .m-menu{gap:2.3rem!important;padding:1.5rem 3rem}.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:2.8rem!important}.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{gap:2.3rem!important}}@media (max-width: 1100px){.mdl-header.sticky .mdl-container .m-menu .m-checking-online,.mdl-header.force-sticky .mdl-container .m-menu .m-checking-online{right:5.7rem!important}.mdl-header .mdl-container .m-menu{padding:4.2rem 2.6rem;flex-direction:row-reverse;align-items:center}.mdl-header .mdl-container .m-menu .m-checking-online{right:5.4rem}.mdl-header .mdl-container .m-menu .m-book-container{display:flex}.mdl-header .mdl-container .m-menu .m-logo{position:absolute;left:50%;transform:translate(-50%)}.mdl-header .mdl-container .m-menu .m-logo img{width:35rem}.mdl-header .mdl-container .m-menu .m-links-container .m-links{display:none}.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger{display:block}.mdl-header .mdl-container .m-menu .m-links-container .m-motor{display:none!important}.mdl-header .mdl-container .m-card-hotel{flex-direction:column;height:auto}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:none}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{position:relative;transform:none;left:auto;right:auto;border-top:1px solid rgba(255,255,255,.388);padding:1.15rem 5rem 0;margin-top:1.15rem;gap:4rem}.mdl-header .m-burger-menu .close{top:4.5rem}.mdl-header .m-burger-menu .m-container{flex-direction:column;padding:5rem 11rem}.mdl-header .m-burger-menu .m-container .m-header{width:100%;margin-bottom:6rem}.mdl-header .m-burger-menu .m-container .m-header .m-logo{margin:auto}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{margin:auto;padding:0;max-width:55rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:3rem;border-bottom:1px solid #e4e4e4!important}}@media (max-width: 916px){.mdl-header.sticky .mdl-container .m-menu .m-links-container,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container{flex-direction:row-reverse}.mdl-header.sticky .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header.force-sticky .mdl-container .m-menu .m-links-container .m-right .m-burger{display:none}.mdl-header .mdl-container .m-menu{padding:5rem 4rem}.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:24rem}.mdl-header .mdl-container .m-menu .m-checking-online,.mdl-header .mdl-container .m-menu .m-links-container .m-right .m-burger,.mdl-header .mdl-container .m-menu .m-book-container{display:none}.mdl-header .mdl-container .m-card-hotel{padding:1rem 3rem}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo{align-items:center}.mdl-header .mdl-container .m-card-hotel .m-hotel-logo .m-stars{display:flex}.mdl-header .mdl-container .m-card-hotel .m-hotel-submenus{display:none}.mdl-header .m-optionsmobile,.mdl-header .m-burger-menu .m-container .m-footer{display:flex}}@media (max-width: 600px){.mdl-header .mdl-container .m-menu{padding:2rem 2.4rem!important}.mdl-header .mdl-container .m-menu .m-links-container{width:100%}.mdl-header .mdl-container .m-menu .m-links-container .m-right{width:100%;justify-content:space-between}.mdl-header .m-burger-menu .close{width:3rem;height:3rem;top:3.5rem;right:3.8rem}.mdl-header .m-burger-menu .m-container{padding:4rem 2rem}.mdl-header .m-burger-menu .m-container .m-header{margin-bottom:5rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:54vw;min-width:20rem;max-width:30rem}.mdl-header .m-burger-menu .m-container .m-links{width:100%;margin-bottom:4.2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{max-width:42rem;gap:2rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{font-size:2.8rem;padding-bottom:2.8rem}.mdl-header .m-burger-menu .m-container .m-footer{max-width:42rem}}@media (max-width: 375px){.mdl-header .mdl-container .m-menu .m-logo img{width:57vw;min-width:14rem}.mdl-header .m-burger-menu .close{top:2.2rem;right:2rem}.mdl-header .m-burger-menu .m-container{padding:2.6rem 3.8rem}.mdl-header .m-burger-menu .m-container .m-header a img{width:21rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container{gap:2.3rem}.mdl-header .m-burger-menu .m-container .m-links .m-links-container a{padding-bottom:2.3rem}.mdl-header .m-burger-menu .m-container .m-footer{flex-direction:column;gap:2.4rem}}section.mdl-breadcrumb{width:100%;margin-bottom:2rem;margin-top:16rem;display:flex;flex-direction:row;padding:0 6.6rem;gap:2rem;justify-content:end;height:3rem;align-items:center}section.mdl-breadcrumb.v-no-hotel{margin-top:13rem}section.mdl-breadcrumb .m-separator{width:1px;height:50%;background-color:#e4e4e4}section.mdl-breadcrumb .m-underline{font-family:jokker,sans-serif;font-weight:400;font-style:Medium;font-size:1.3rem;line-height:100%;font-weight:500;text-transform:capitalize;color:#515050}section.mdl-breadcrumb .m-underline:hover{color:#ff4338}@media (max-width: 1280px){section.mdl-breadcrumb{padding:0 3rem}}@media (max-width: 1080px){section.mdl-breadcrumb{margin-top:19rem}}@media (max-width: 916px){section.mdl-breadcrumb{display:none}}@keyframes showLangTooltip{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(0);pointer-events:all}}@keyframes showLangTooltipMobile{0%{opacity:0;transform:translateY(-3rem);pointer-events:none}to{opacity:1;transform:translateY(-17rem);pointer-events:all}}.m-checking-online-button{cursor:pointer;background-color:#c4a857;border-radius:8rem;padding:0 3rem;height:2.3rem;color:#fff;font-family:jokker,sans-serif;font-weight:500;line-height:23px;left:50%;transform:translate(-50%)}.m-img{max-height:50px;width:200px;bottom:8px;position:relative}.m-img .m-img img{width:200px;height:50px;object-fit:contain}\n"] }]
|
|
9462
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.MatDialog }], propDecorators: { dinamyHeader: [{
|
|
9358
9463
|
type: Input
|
|
9359
9464
|
}], hotelPage: [{
|
|
9360
9465
|
type: Input
|
|
@@ -13649,11 +13754,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
13649
13754
|
|
|
13650
13755
|
class BabylonListC3ImgTxtComponent {
|
|
13651
13756
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonListC3ImgTxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13652
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonListC3ImgTxtComponent, isStandalone: true, selector: "lib-babylon-list-c3-img-txt", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "<section class=\"mdl-h03 list-c3-img-txt\">\n <div class=\"mdl-container\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n\n @if (items?.length) {\n <div class=\"m-cards-container\">\n @for (item of items; track $index) {\n @if (item) {\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n [ngStyle]=\"{\n 'background-image': item.img?.src\n ? 'url(' + item.img?.src + ')'\n : 'none',\n }\"\n ></div>\n\n <div class=\"m-content\">\n @if (item.texts?.pretitle) {\n <img\n [src]=\"\n '/assets/babylon/svg/branding/' +\n item.texts?.pretitle +\n '.svg'\n \"\n alt=\"logo\"\n class=\"m-logo\"\n />\n }\n @if (item.texts?.title) {\n <h3 class=\"m-title\">\n {{ item.texts?.title }}\n </h3>\n }\n @if (item.texts?.subtitle) {\n <h4 class=\"m-subtitle\">\n {{ item.texts?.subtitle }}\n </h4>\n }\n\n @if (item.buttons?.length) {\n <a\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"item.buttons?.[0]?.linkType\"\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"{\n red: $index % 3 === 0,\n blue: $index % 3 === 1,\n green: $index % 3 === 2,\n }\"\n [attr.aria-label]=\"\n item.buttons?.[0]?.label\n \"\n >\n <span>{{\n item.buttons?.[0]?.label\n }}</span>\n </a>\n }\n </div>\n </div>\n }\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-h03{padding-top:8.1rem;padding-bottom:13.2rem}.mdl-h03 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-h03 .mdl-container .m-title{text-align:center;color:#515050b2;font-weight:400;font-size:4.4rem;line-height:5.8rem;font-family:jokker,sans-serif}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-h03 .mdl-container .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h03 .mdl-container .m-title{font-size:2.4rem;line-height:3rem}}.mdl-h03 .mdl-container .m-title{max-width:101.5rem}.mdl-h03 .mdl-container .m-title strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-title ::ng-deep strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-cards-container{display:grid;align-items:start;flex-direction:row;gap:7rem;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.mdl-h03 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;max-width:48rem;width:27vw;cursor:pointer}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.blue) .m-card-top{background-color:#5b87da}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.red) .m-card-top{background-color:#ff4338}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.green) .m-card-top{background-color:#3fd5ae}@media (hover: hover){.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content{margin-top:-11rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-180%)}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none}}.mdl-h03 .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;height:31vw;max-height:56rem}.mdl-h03 .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-h03 .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-h03 .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;transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;top:50%;transform:translateY(-40%);opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:3.3rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;color:#515050b2}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container{gap:5.5rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{height:34vw}}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{max-width:66rem}}@media (max-width: 1080px){.mdl-h03{padding-top:7.5rem;padding-bottom:4.3rem}.mdl-h03 .mdl-container .m-cards-container{flex-direction:column;display:flex}.mdl-h03 .mdl-container .m-cards-container .m-card{width:48rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{max-height:62.2rem;height:62.2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-logo{width:27rem}}@media (max-width: 768px){.mdl-h03{padding-left:14.4rem!important;padding-right:14.4rem!important}.mdl-h03 .mdl-container .m-cards-container{width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{height:89vw;width:100%;min-height:60rem;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.blue) .m-content .m-logo{filter:invert(62%) sepia(36%) saturate(7040%) hue-rotate(200deg) brightness(96%) contrast(76%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.red) .m-content .m-logo{filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.green) .m-content .m-logo{filter:invert(67%) sepia(70%) saturate(373%) hue-rotate(113deg) brightness(93%) contrast(90%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:16rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:relative;opacity:1;transform:none;top:auto;margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{display:none}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:1;transform:none}}@media (max-width: 540px){.mdl-h03{padding-left:5.1rem!important;padding-right:5.1rem!important}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card{min-height:auto;height:60rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 375px){.mdl-h03{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container{gap:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card{height:44rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{width:20rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.4rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:12rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
13757
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonListC3ImgTxtComponent, isStandalone: true, selector: "lib-babylon-list-c3-img-txt", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "<section class=\"mdl-h03 list-c3-img-txt\">\n <div class=\"mdl-container\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n\n @if (items?.length) {\n <div class=\"m-cards-container\">\n @for (item of items; track $index) {\n @if (item) {\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n [ngStyle]=\"{\n 'background-image': item.img?.src\n ? 'url(' + item.img?.src + ')'\n : 'none',\n }\"\n ></div>\n\n <div class=\"m-content\">\n @if (item.texts?.pretitle) {\n <img\n [src]=\"\n '/assets/babylon/svg/branding/' +\n item.texts?.pretitle +\n '.svg'\n \"\n alt=\"logo\"\n class=\"m-logo\"\n />\n }\n @if (item.texts?.title) {\n <h3 class=\"m-title\">\n {{ item.texts?.title }}\n </h3>\n }\n @if (item.texts?.subtitle) {\n <h4 class=\"m-subtitle\">\n {{ item.texts?.subtitle }}\n </h4>\n }\n\n @if (item.buttons?.length) {\n <a\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"item.buttons?.[0]?.linkType\"\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"{\n red: $index % 3 === 0,\n blue: $index % 3 === 1,\n green: $index % 3 === 2,\n }\"\n [attr.aria-label]=\"\n item.buttons?.[0]?.label\n \"\n >\n <span>{{\n item.buttons?.[0]?.label\n }}</span>\n </a>\n }\n </div>\n </div>\n }\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-h03{padding-top:8.1rem;padding-bottom:13.2rem}.mdl-h03 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-h03 .mdl-container .m-title{text-align:center;color:#515050b2;font-weight:400;font-size:4.4rem;line-height:5.8rem;font-family:jokker,sans-serif}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-h03 .mdl-container .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h03 .mdl-container .m-title{font-size:2.4rem;line-height:3rem}}.mdl-h03 .mdl-container .m-title{max-width:101.5rem}.mdl-h03 .mdl-container .m-title strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-title ::ng-deep strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-cards-container{display:grid;align-items:start;flex-direction:row;gap:7rem;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.mdl-h03 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;max-width:48rem;width:27vw;cursor:pointer}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.blue) .m-card-top{background-color:#5b87da}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.red) .m-card-top{background-color:#ff4338}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.green) .m-card-top{background-color:#3fd5ae}@media (hover: hover){.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content{margin-top:-11rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-180%)}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none}}.mdl-h03 .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;height:31vw;max-height:56rem}.mdl-h03 .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-h03 .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-h03 .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;transition:all .3s ease;width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;top:50%;transform:translateY(-40%);opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:3.3rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;color:#515050b2}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container{gap:5.5rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{height:34vw}}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{max-width:66rem}}@media (max-width: 1080px){.mdl-h03{padding-top:7.5rem;padding-bottom:4.3rem}.mdl-h03 .mdl-container .m-cards-container{flex-direction:column;display:flex}.mdl-h03 .mdl-container .m-cards-container .m-card{width:48rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{max-height:62.2rem;height:62.2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-logo{width:27rem}}@media (max-width: 768px){.mdl-h03{padding-left:14.4rem!important;padding-right:14.4rem!important}.mdl-h03 .mdl-container .m-cards-container{width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{height:89vw;width:100%;min-height:60rem;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.blue) .m-content .m-logo{filter:invert(62%) sepia(36%) saturate(7040%) hue-rotate(200deg) brightness(96%) contrast(76%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.red) .m-content .m-logo{filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.green) .m-content .m-logo{filter:invert(67%) sepia(70%) saturate(373%) hue-rotate(113deg) brightness(93%) contrast(90%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:16rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:relative;opacity:1;transform:none;top:auto;margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{display:none}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:1;transform:none}}@media (max-width: 540px){.mdl-h03{padding-left:5.1rem!important;padding-right:5.1rem!important}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card{min-height:auto;height:60rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 375px){.mdl-h03{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container{gap:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card{height:44rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{width:20rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.4rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:12rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
13653
13758
|
}
|
|
13654
13759
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonListC3ImgTxtComponent, decorators: [{
|
|
13655
13760
|
type: Component,
|
|
13656
|
-
args: [{ selector: 'lib-babylon-list-c3-img-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-h03 list-c3-img-txt\">\n <div class=\"mdl-container\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n\n @if (items?.length) {\n <div class=\"m-cards-container\">\n @for (item of items; track $index) {\n @if (item) {\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n [ngStyle]=\"{\n 'background-image': item.img?.src\n ? 'url(' + item.img?.src + ')'\n : 'none',\n }\"\n ></div>\n\n <div class=\"m-content\">\n @if (item.texts?.pretitle) {\n <img\n [src]=\"\n '/assets/babylon/svg/branding/' +\n item.texts?.pretitle +\n '.svg'\n \"\n alt=\"logo\"\n class=\"m-logo\"\n />\n }\n @if (item.texts?.title) {\n <h3 class=\"m-title\">\n {{ item.texts?.title }}\n </h3>\n }\n @if (item.texts?.subtitle) {\n <h4 class=\"m-subtitle\">\n {{ item.texts?.subtitle }}\n </h4>\n }\n\n @if (item.buttons?.length) {\n <a\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"item.buttons?.[0]?.linkType\"\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"{\n red: $index % 3 === 0,\n blue: $index % 3 === 1,\n green: $index % 3 === 2,\n }\"\n [attr.aria-label]=\"\n item.buttons?.[0]?.label\n \"\n >\n <span>{{\n item.buttons?.[0]?.label\n }}</span>\n </a>\n }\n </div>\n </div>\n }\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-h03{padding-top:8.1rem;padding-bottom:13.2rem}.mdl-h03 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-h03 .mdl-container .m-title{text-align:center;color:#515050b2;font-weight:400;font-size:4.4rem;line-height:5.8rem;font-family:jokker,sans-serif}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-h03 .mdl-container .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h03 .mdl-container .m-title{font-size:2.4rem;line-height:3rem}}.mdl-h03 .mdl-container .m-title{max-width:101.5rem}.mdl-h03 .mdl-container .m-title strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-title ::ng-deep strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-cards-container{display:grid;align-items:start;flex-direction:row;gap:7rem;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.mdl-h03 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;max-width:48rem;width:27vw;cursor:pointer}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.blue) .m-card-top{background-color:#5b87da}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.red) .m-card-top{background-color:#ff4338}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.green) .m-card-top{background-color:#3fd5ae}@media (hover: hover){.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content{margin-top:-11rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-180%)}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none}}.mdl-h03 .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;height:31vw;max-height:56rem}.mdl-h03 .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-h03 .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-h03 .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;transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;top:50%;transform:translateY(-40%);opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:3.3rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;color:#515050b2}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container{gap:5.5rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{height:34vw}}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{max-width:66rem}}@media (max-width: 1080px){.mdl-h03{padding-top:7.5rem;padding-bottom:4.3rem}.mdl-h03 .mdl-container .m-cards-container{flex-direction:column;display:flex}.mdl-h03 .mdl-container .m-cards-container .m-card{width:48rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{max-height:62.2rem;height:62.2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-logo{width:27rem}}@media (max-width: 768px){.mdl-h03{padding-left:14.4rem!important;padding-right:14.4rem!important}.mdl-h03 .mdl-container .m-cards-container{width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{height:89vw;width:100%;min-height:60rem;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.blue) .m-content .m-logo{filter:invert(62%) sepia(36%) saturate(7040%) hue-rotate(200deg) brightness(96%) contrast(76%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.red) .m-content .m-logo{filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.green) .m-content .m-logo{filter:invert(67%) sepia(70%) saturate(373%) hue-rotate(113deg) brightness(93%) contrast(90%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:16rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:relative;opacity:1;transform:none;top:auto;margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{display:none}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:1;transform:none}}@media (max-width: 540px){.mdl-h03{padding-left:5.1rem!important;padding-right:5.1rem!important}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card{min-height:auto;height:60rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 375px){.mdl-h03{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container{gap:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card{height:44rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{width:20rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.4rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:12rem}}\n"] }]
|
|
13761
|
+
args: [{ selector: 'lib-babylon-list-c3-img-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-h03 list-c3-img-txt\">\n <div class=\"mdl-container\">\n @if (texts?.title) {\n <h2 class=\"m-title\" [innerHTML]=\"texts?.title\"></h2>\n }\n\n @if (items?.length) {\n <div class=\"m-cards-container\">\n @for (item of items; track $index) {\n @if (item) {\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n [ngStyle]=\"{\n 'background-image': item.img?.src\n ? 'url(' + item.img?.src + ')'\n : 'none',\n }\"\n ></div>\n\n <div class=\"m-content\">\n @if (item.texts?.pretitle) {\n <img\n [src]=\"\n '/assets/babylon/svg/branding/' +\n item.texts?.pretitle +\n '.svg'\n \"\n alt=\"logo\"\n class=\"m-logo\"\n />\n }\n @if (item.texts?.title) {\n <h3 class=\"m-title\">\n {{ item.texts?.title }}\n </h3>\n }\n @if (item.texts?.subtitle) {\n <h4 class=\"m-subtitle\">\n {{ item.texts?.subtitle }}\n </h4>\n }\n\n @if (item.buttons?.length) {\n <a\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"item.buttons?.[0]?.linkType\"\n type=\"button\"\n class=\"m-button-sm\"\n [ngClass]=\"{\n red: $index % 3 === 0,\n blue: $index % 3 === 1,\n green: $index % 3 === 2,\n }\"\n [attr.aria-label]=\"\n item.buttons?.[0]?.label\n \"\n >\n <span>{{\n item.buttons?.[0]?.label\n }}</span>\n </a>\n }\n </div>\n </div>\n }\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-h03{padding-top:8.1rem;padding-bottom:13.2rem}.mdl-h03 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center}.mdl-h03 .mdl-container .m-title{text-align:center;color:#515050b2;font-weight:400;font-size:4.4rem;line-height:5.8rem;font-family:jokker,sans-serif}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-h03 .mdl-container .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-h03 .mdl-container .m-title{font-size:2.4rem;line-height:3rem}}.mdl-h03 .mdl-container .m-title{max-width:101.5rem}.mdl-h03 .mdl-container .m-title strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-title ::ng-deep strong{color:#515050;font-weight:500}.mdl-h03 .mdl-container .m-cards-container{display:grid;align-items:start;flex-direction:row;gap:7rem;max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.mdl-h03 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;max-width:48rem;width:27vw;cursor:pointer}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.blue) .m-card-top{background-color:#5b87da}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.red) .m-card-top{background-color:#ff4338}.mdl-h03 .mdl-container .m-cards-container .m-card:hover:has(.m-button-sm.green) .m-card-top{background-color:#3fd5ae}@media (hover: hover){.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top{background-blend-mode:multiply}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content{margin-top:-11rem}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-logo{opacity:1;transform:translateY(-180%)}.mdl-h03 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none}}.mdl-h03 .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;height:31vw;max-height:56rem}.mdl-h03 .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-h03 .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-h03 .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;transition:all .3s ease;width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:absolute;top:50%;transform:translateY(-40%);opacity:0;transition:all .3s ease;filter:invert(100%) sepia(6%) saturate(3350%) hue-rotate(358deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:3.3rem;opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:3.8rem}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:2.8rem;line-height:3.2rem}}@media (max-width: 1080px){.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;font-size:3.2rem;line-height:3.8rem}}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-weight:400;color:#515050b2}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-cards-container{gap:5.5rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{height:34vw}}@media (max-width: 1366px){.mdl-h03 .mdl-container .m-title{max-width:66rem}}@media (max-width: 1080px){.mdl-h03{padding-top:7.5rem;padding-bottom:4.3rem}.mdl-h03 .mdl-container .m-cards-container{flex-direction:column;display:flex}.mdl-h03 .mdl-container .m-cards-container .m-card{width:48rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top{max-height:62.2rem;height:62.2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-logo{width:27rem}}@media (max-width: 768px){.mdl-h03{padding-left:14.4rem!important;padding-right:14.4rem!important}.mdl-h03 .mdl-container .m-cards-container{width:100%}.mdl-h03 .mdl-container .m-cards-container .m-card{height:89vw;width:100%;min-height:60rem;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.blue) .m-content .m-logo{filter:invert(62%) sepia(36%) saturate(7040%) hue-rotate(200deg) brightness(96%) contrast(76%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.red) .m-content .m-logo{filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card:has(.m-button-sm.green) .m-content .m-logo{filter:invert(67%) sepia(70%) saturate(373%) hue-rotate(113deg) brightness(93%) contrast(90%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:16rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{position:relative;opacity:1;transform:none;top:auto;margin-bottom:1rem;filter:invert(42%) sepia(21%) saturate(7460%) hue-rotate(337deg) brightness(108%) contrast(116%)}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-title{display:none}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:1;transform:none}}@media (max-width: 540px){.mdl-h03{padding-left:5.1rem!important;padding-right:5.1rem!important}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container .m-card{min-height:auto;height:60rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.8rem}}@media (max-width: 375px){.mdl-h03{padding-left:3.7rem!important;padding-right:3.7rem!important;padding-top:5rem;padding-bottom:5rem}.mdl-h03 .mdl-container .m-title{width:100%;max-width:none}.mdl-h03 .mdl-container .m-cards-container{gap:4rem}.mdl-h03 .mdl-container .m-cards-container .m-card{height:44rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-logo{width:20rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-subtitle{font-size:2.4rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{margin-top:2rem}.mdl-h03 .mdl-container .m-cards-container .m-card .m-card-top:after{height:12rem}}\n"] }]
|
|
13657
13762
|
}], propDecorators: { texts: [{
|
|
13658
13763
|
type: Input
|
|
13659
13764
|
}], items: [{
|
|
@@ -14835,7 +14940,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
14835
14940
|
|
|
14836
14941
|
class BabylonSliC5ImgTxtComponent {
|
|
14837
14942
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC5ImgTxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14838
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonSliC5ImgTxtComponent, isStandalone: true, selector: "lib-babylon-sli-c5-img-txt", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "@if (items?.length) {\n <section class=\"mdl-experiencias\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-head\">\n @if (texts.pretitle) {\n <div class=\"m-pretitulo\">{{ texts.pretitle }}</div>\n }\n <div class=\"m-subhead\">\n @if (texts.title) {\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n </div>\n </div>\n }\n <div class=\"m-content\">\n <div class=\"swiper\">\n <div class=\"swiper-container\" babylonSwiperSliderV2>\n <div class=\"swiper-wrapper\">\n @if (items?.length) {\n @for (item of items; track $index) {\n <div\n class=\"swiper-slide\"\n [ngClass]=\"{\n 'js-experiencias-slider':\n $index == 0,\n }\"\n [ngClass]=\"{\n 'card-art': $index % 2 !== 0,\n }\"\n >\n @if (\n item.multimedia?.imagenes?.length\n ) {\n <a\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"\n item.buttons?.[0]?.linkType\n \"\n >\n <img\n [src]=\"\n item.multimedia\n ?.imagenes?.[0]?.img\n ?.src\n \"\n [alt]=\"\n item.multimedia\n ?.imagenes?.[0]?.img\n ?.alt\n \"\n />\n </a>\n } @else if (item.images?.length) {\n <a\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"\n item.buttons?.[0]?.linkType\n \"\n >\n <img\n [src]=\"\n item.images?.[0]?.img\n ?.src\n \"\n [alt]=\"\n item.images?.[0]?.img\n ?.alt\n \"\n />\n </a>\n }\n @if (\n item.texts?.title ||\n item.texts?.name\n ) {\n <div class=\"m-texto\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n @if (item.buttons?.length) {\n <a\n class=\"m-button-sm\"\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"\n item.buttons?.[0]?.linkType\n \"\n >\n {{ item.buttons?.[0]?.label }}\n </a>\n }\n </div>\n }\n }\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"swiper-button-prev swiper-button-prev\"\n aria-label=\"Previous slide\"\n ></button>\n <button\n type=\"button\"\n class=\"swiper-button-next swiper-button-next\"\n aria-label=\"Next slide\"\n ></button>\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias .mdl-container{width:auto;position:relative}.mdl-experiencias .mdl-container .m-head{height:33rem;display:flex;flex-direction:column;justify-content:space-evenly}.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-experiencias .mdl-container .m-head .m-pretitulo{color:#515050b2}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;justify-content:space-between;align-items:flex-end}.mdl-experiencias .mdl-container .m-head .m-subhead div{list-style:none!important;padding:0;max-width:55rem}.mdl-experiencias .mdl-container .m-head .m-subhead div:before{display:none}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{color:#515050}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{color:#515050b2}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:30rem 0 0 30rem;left:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper-button-next{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:0 30rem 30rem 0;right:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper{overflow:visible;height:auto}.mdl-experiencias .mdl-container .m-content .swiper:hover .swiper-container .swiper-wrapper .card-art{margin-top:0}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper{display:flex;min-height:65rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide{background-position:bottom;background-size:cover;transition:transform .4s ease,opacity .4s ease,margin-top .4s ease}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-button-sm{margin:2.9rem auto;display:block;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-button-sm{display:none;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:42rem;object-fit:cover}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{color:#515050b2;margin-top:.6rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo{margin-top:0!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{margin:2.9rem auto;display:block!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:8.4rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:55rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:6rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.mdl-experiencias .mdl-container .m-content{margin-top:4rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:64rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:5rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{gap:2rem}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{text-align:left}.mdl-experiencias .mdl-container .m-content{position:relative}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{height:30rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{max-width:100%}}@media (max-width: 500px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:0}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content{margin:4rem 4.8rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonSwiperSliderV2Directive, selector: "[babylonSwiperSliderV2]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14943
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonSliC5ImgTxtComponent, isStandalone: true, selector: "lib-babylon-sli-c5-img-txt", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "@if (items?.length) {\n <section class=\"mdl-experiencias\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-head\">\n @if (texts.pretitle) {\n <div class=\"m-pretitulo\">{{ texts.pretitle }}</div>\n }\n <div class=\"m-subhead\">\n @if (texts.title) {\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n }\n @if (texts.description ?? texts.subtitle) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n texts.description ?? texts.subtitle\n \"\n ></div>\n }\n </div>\n </div>\n }\n <div class=\"m-content\">\n <div class=\"swiper\">\n <div class=\"swiper-container\" babylonSwiperSliderV2>\n <div class=\"swiper-wrapper\">\n @if (items?.length) {\n @for (item of items; track $index) {\n <div\n class=\"swiper-slide\"\n [ngClass]=\"{\n 'js-experiencias-slider':\n $index == 0,\n }\"\n [ngClass]=\"{\n 'card-art': $index % 2 !== 0,\n }\"\n >\n @if (\n item.multimedia?.imagenes?.[0] ??\n item?.img;\n as img\n ) {\n <a\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"\n item.buttons?.[0]?.linkType\n \"\n >\n <img\n [src]=\"img?.src\"\n [alt]=\"img?.img?.alt\"\n />\n </a>\n } @else if (item.images?.length) {\n <a\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"\n item.buttons?.[0]?.linkType\n \"\n >\n <img\n [src]=\"\n item.images?.[0]?.img\n ?.src\n \"\n [alt]=\"\n item.images?.[0]?.img\n ?.alt\n \"\n />\n </a>\n }\n @if (\n item.texts?.title ||\n item.texts?.name\n ) {\n <div class=\"m-texto\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n @if (item.buttons?.length) {\n <a\n class=\"m-button-sm\"\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"\n item.buttons?.[0]?.linkType\n \"\n >\n {{ item.buttons?.[0]?.label }}\n </a>\n }\n </div>\n }\n }\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"swiper-button-prev swiper-button-prev\"\n aria-label=\"Previous slide\"\n ></button>\n <button\n type=\"button\"\n class=\"swiper-button-next swiper-button-next\"\n aria-label=\"Next slide\"\n ></button>\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias .mdl-container{width:auto;position:relative}.mdl-experiencias .mdl-container .m-head{height:33rem;display:flex;flex-direction:column;justify-content:space-evenly}.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-experiencias .mdl-container .m-head .m-pretitulo{color:#515050b2}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;justify-content:space-between;align-items:flex-end}.mdl-experiencias .mdl-container .m-head .m-subhead div{list-style:none!important;padding:0;max-width:55rem}.mdl-experiencias .mdl-container .m-head .m-subhead div:before{display:none}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{color:#515050}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{color:#515050b2}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:30rem 0 0 30rem;left:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper-button-next{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:0 30rem 30rem 0;right:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper{overflow:visible;height:auto}.mdl-experiencias .mdl-container .m-content .swiper:hover .swiper-container .swiper-wrapper .card-art{margin-top:0}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper{display:flex;min-height:65rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide{background-position:bottom;background-size:cover;transition:transform .4s ease,opacity .4s ease,margin-top .4s ease}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-button-sm{margin:2.9rem auto;display:block;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-button-sm{display:none;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:42rem;object-fit:cover}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{color:#515050b2;margin-top:.6rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo{margin-top:0!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{margin:2.9rem auto;display:block!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:8.4rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:55rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:6rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.mdl-experiencias .mdl-container .m-content{margin-top:4rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:64rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:5rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{gap:2rem}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{text-align:left}.mdl-experiencias .mdl-container .m-content{position:relative}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{height:30rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{max-width:100%}}@media (max-width: 500px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:0}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content{margin:4rem 4.8rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonSwiperSliderV2Directive, selector: "[babylonSwiperSliderV2]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14839
14944
|
}
|
|
14840
14945
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC5ImgTxtComponent, decorators: [{
|
|
14841
14946
|
type: Component,
|
|
@@ -14843,7 +14948,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
14843
14948
|
CommonModule,
|
|
14844
14949
|
BabylonSwiperSliderV2Directive,
|
|
14845
14950
|
BabylonLinkTypeDirective,
|
|
14846
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (items?.length) {\n <section class=\"mdl-experiencias\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-head\">\n @if (texts.pretitle) {\n <div class=\"m-pretitulo\">{{ texts.pretitle }}</div>\n }\n <div class=\"m-subhead\">\n @if (texts.title) {\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n </div>\n </div>\n }\n <div class=\"m-content\">\n <div class=\"swiper\">\n <div class=\"swiper-container\" babylonSwiperSliderV2>\n <div class=\"swiper-wrapper\">\n @if (items?.length) {\n @for (item of items; track $index) {\n <div\n class=\"swiper-slide\"\n [ngClass]=\"{\n 'js-experiencias-slider':\n $index == 0,\n }\"\n [ngClass]=\"{\n 'card-art': $index % 2 !== 0,\n }\"\n >\n @if (\n item.multimedia?.imagenes?.length\n ) {\n <a\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"\n item.buttons?.[0]?.linkType\n \"\n >\n <img\n [src]=\"\n item.multimedia\n ?.imagenes?.[0]?.img\n ?.src\n \"\n [alt]=\"\n item.multimedia\n ?.imagenes?.[0]?.img\n ?.alt\n \"\n />\n </a>\n } @else if (item.images?.length) {\n <a\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"\n item.buttons?.[0]?.linkType\n \"\n >\n <img\n [src]=\"\n item.images?.[0]?.img\n ?.src\n \"\n [alt]=\"\n item.images?.[0]?.img\n ?.alt\n \"\n />\n </a>\n }\n @if (\n item.texts?.title ||\n item.texts?.name\n ) {\n <div class=\"m-texto\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n @if (item.buttons?.length) {\n <a\n class=\"m-button-sm\"\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"\n item.buttons?.[0]?.linkType\n \"\n >\n {{ item.buttons?.[0]?.label }}\n </a>\n }\n </div>\n }\n }\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"swiper-button-prev swiper-button-prev\"\n aria-label=\"Previous slide\"\n ></button>\n <button\n type=\"button\"\n class=\"swiper-button-next swiper-button-next\"\n aria-label=\"Next slide\"\n ></button>\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias .mdl-container{width:auto;position:relative}.mdl-experiencias .mdl-container .m-head{height:33rem;display:flex;flex-direction:column;justify-content:space-evenly}.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-experiencias .mdl-container .m-head .m-pretitulo{color:#515050b2}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;justify-content:space-between;align-items:flex-end}.mdl-experiencias .mdl-container .m-head .m-subhead div{list-style:none!important;padding:0;max-width:55rem}.mdl-experiencias .mdl-container .m-head .m-subhead div:before{display:none}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{color:#515050}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{color:#515050b2}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:30rem 0 0 30rem;left:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper-button-next{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:0 30rem 30rem 0;right:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper{overflow:visible;height:auto}.mdl-experiencias .mdl-container .m-content .swiper:hover .swiper-container .swiper-wrapper .card-art{margin-top:0}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper{display:flex;min-height:65rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide{background-position:bottom;background-size:cover;transition:transform .4s ease,opacity .4s ease,margin-top .4s ease}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-button-sm{margin:2.9rem auto;display:block;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-button-sm{display:none;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:42rem;object-fit:cover}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{color:#515050b2;margin-top:.6rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo{margin-top:0!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{margin:2.9rem auto;display:block!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:8.4rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:55rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:6rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.mdl-experiencias .mdl-container .m-content{margin-top:4rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:64rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:5rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{gap:2rem}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{text-align:left}.mdl-experiencias .mdl-container .m-content{position:relative}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{height:30rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{max-width:100%}}@media (max-width: 500px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:0}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content{margin:4rem 4.8rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem}}\n"] }]
|
|
14951
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (items?.length) {\n <section class=\"mdl-experiencias\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-head\">\n @if (texts.pretitle) {\n <div class=\"m-pretitulo\">{{ texts.pretitle }}</div>\n }\n <div class=\"m-subhead\">\n @if (texts.title) {\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n }\n @if (texts.description ?? texts.subtitle) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"\n texts.description ?? texts.subtitle\n \"\n ></div>\n }\n </div>\n </div>\n }\n <div class=\"m-content\">\n <div class=\"swiper\">\n <div class=\"swiper-container\" babylonSwiperSliderV2>\n <div class=\"swiper-wrapper\">\n @if (items?.length) {\n @for (item of items; track $index) {\n <div\n class=\"swiper-slide\"\n [ngClass]=\"{\n 'js-experiencias-slider':\n $index == 0,\n }\"\n [ngClass]=\"{\n 'card-art': $index % 2 !== 0,\n }\"\n >\n @if (\n item.multimedia?.imagenes?.[0] ??\n item?.img;\n as img\n ) {\n <a\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"\n item.buttons?.[0]?.linkType\n \"\n >\n <img\n [src]=\"img?.src\"\n [alt]=\"img?.img?.alt\"\n />\n </a>\n } @else if (item.images?.length) {\n <a\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"\n item.buttons?.[0]?.linkType\n \"\n >\n <img\n [src]=\"\n item.images?.[0]?.img\n ?.src\n \"\n [alt]=\"\n item.images?.[0]?.img\n ?.alt\n \"\n />\n </a>\n }\n @if (\n item.texts?.title ||\n item.texts?.name\n ) {\n <div class=\"m-texto\">\n {{\n item.texts?.title ??\n item.texts?.name\n }}\n </div>\n }\n\n @if (item.buttons?.length) {\n <a\n class=\"m-button-sm\"\n [href]=\"item.buttons?.[0]?.url\"\n [linkType]=\"\n item.buttons?.[0]?.linkType\n \"\n >\n {{ item.buttons?.[0]?.label }}\n </a>\n }\n </div>\n }\n }\n </div>\n </div>\n </div>\n <button\n type=\"button\"\n class=\"swiper-button-prev swiper-button-prev\"\n aria-label=\"Previous slide\"\n ></button>\n <button\n type=\"button\"\n class=\"swiper-button-next swiper-button-next\"\n aria-label=\"Next slide\"\n ></button>\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias .mdl-container{width:auto;position:relative}.mdl-experiencias .mdl-container .m-head{height:33rem;display:flex;flex-direction:column;justify-content:space-evenly}.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;letter-spacing:.18rem;text-transform:uppercase}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-pretitulo{font-size:1.4rem;letter-spacing:.056rem}}.mdl-experiencias .mdl-container .m-head .m-pretitulo{color:#515050b2}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;justify-content:space-between;align-items:flex-end}.mdl-experiencias .mdl-container .m-head .m-subhead div{list-style:none!important;padding:0;max-width:55rem}.mdl-experiencias .mdl-container .m-head .m-subhead div:before{display:none}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-family:jokker,sans-serif;font-weight:400;font-size:4.4rem;line-height:5.8rem}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{font-size:2.4rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-titulo{color:#515050}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{font-size:2.2rem;line-height:3rem}}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{color:#515050b2}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:30rem 0 0 30rem;left:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-prev:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper-button-next{background-color:#ff4338;width:4.8rem;height:4.8rem;border-radius:0 30rem 30rem 0;right:-4.8rem;top:53rem;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:hover{background-color:#ed3b37;transition:.3s}.mdl-experiencias .mdl-container .m-content .swiper-button-next:after{font-size:1.2rem;color:var(--cl_background_white);font-weight:700}.mdl-experiencias .mdl-container .m-content .swiper{overflow:visible;height:auto}.mdl-experiencias .mdl-container .m-content .swiper:hover .swiper-container .swiper-wrapper .card-art{margin-top:0}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper{display:flex;min-height:65rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide{background-position:bottom;background-size:cover;transition:transform .4s ease,opacity .4s ease,margin-top .4s ease}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide:hover .m-button-sm{margin:2.9rem auto;display:block;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-button-sm{display:none;transition:.5s}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{width:100%;height:42rem;object-fit:cover}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{font-size:2.2rem;line-height:2.6rem}}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide .m-texto{color:#515050b2;margin-top:.6rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo{margin-top:0!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{margin:2.9rem auto;display:block!important}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:8.4rem}@media (max-width: 1366px){.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:55rem}}@media (max-width: 1080px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:6rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{display:flex;align-items:flex-start;flex-direction:column;gap:4rem}.mdl-experiencias .mdl-container .m-content{margin-top:4rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev,.mdl-experiencias .mdl-container .m-content .swiper-button-next{top:64rem}}@media (max-width: 540px){.mdl-experiencias .mdl-container .m-head{height:auto}.mdl-experiencias .mdl-container .m-head .m-pretitulo{padding:5rem 0}.mdl-experiencias .mdl-container .m-head .m-subhead{gap:2rem}.mdl-experiencias .mdl-container .m-head .m-subhead .m-texto{text-align:left}.mdl-experiencias .mdl-container .m-content{position:relative}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem;top:30%}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .swiper-slide img{height:30rem}.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .botonactivo .m-button-sm{max-width:100%}}@media (max-width: 500px){.mdl-experiencias .mdl-container .m-content .swiper .swiper-container .swiper-wrapper .card-art{margin-top:0}}@media (max-width: 375px){.mdl-experiencias .mdl-container .m-content{margin:4rem 4.8rem}.mdl-experiencias .mdl-container .m-content .swiper-button-prev{left:-3rem;width:3rem;height:3rem}.mdl-experiencias .mdl-container .m-content .swiper-button-next{right:-3rem;width:3rem;height:3rem}}\n"] }]
|
|
14847
14952
|
}], propDecorators: { texts: [{
|
|
14848
14953
|
type: Input
|
|
14849
14954
|
}], items: [{
|
|
@@ -16666,15 +16771,14 @@ var defaultContent$d = {
|
|
|
16666
16771
|
class C3TxtImgCtaComponent {
|
|
16667
16772
|
constructor() {
|
|
16668
16773
|
this.fallbackContent = defaultContent$d;
|
|
16669
|
-
this.content = this.fallbackContent;
|
|
16670
16774
|
}
|
|
16671
16775
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C3TxtImgCtaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16672
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
16776
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C3TxtImgCtaComponent, isStandalone: true, selector: "c3-txt-img-cta", inputs: { multimedia: "multimedia" }, ngImport: i0, template: "@if (multimedia) {\n <section class=\"mdl-mdh018\">\n <div class=\"mdl-container\">\n @if (multimedia.staticImagenes?.[0]; as left) {\n <div class=\"m-left\">\n <div class=\"m-img\">\n <img\n [src]=\"left.img?.src\"\n [alt]=\"left.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n <div class=\"m-content\">\n @if (left.title) {\n <div class=\"m-text\">\n {{ left.title }}\n </div>\n }\n @if (left.buttons?.[0]; as button) {\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n <span>{{ button.label }}</span>\n </a>\n }\n </div>\n </div>\n }\n @if (multimedia.imagenes?.[0]; as right) {\n <div class=\"m-right\">\n <div class=\"m-img\">\n <img\n [src]=\"right.img?.src\"\n [alt]=\"right.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n <div class=\"m-content\">\n @if (right.title) {\n <div class=\"m-title\">{{ right.title }}</div>\n }\n @if (right.description) {\n <div class=\"m-text\">\n {{ right.description }}\n </div>\n }\n </div>\n </div>\n }\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.mdl-mdh018{padding-left:0!important;padding-bottom:8rem;padding-top:8rem}.mdl-mdh018.reverse{flex-direction:row-reverse;padding-right:0!important;padding-left:10rem!important}.mdl-mdh018.reverse .mdl-container .m-right{flex-direction:row-reverse}.mdl-mdh018.reverse .mdl-container .m-left .m-content{margin:auto auto 0 0}.mdl-mdh018 .mdl-container{display:flex;flex-direction:row;gap:6rem;margin:0;height:73rem;max-width:180rem}.mdl-mdh018 .mdl-container .m-left{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;align-items:end}.mdl-mdh018 .mdl-container .m-left .m-img{height:41rem;width:100%}.mdl-mdh018 .mdl-container .m-left .m-img img{width:100%;height:100%;object-fit:cover}.mdl-mdh018 .mdl-container .m-left .m-content{display:flex;flex-direction:column;gap:5rem;align-items:start;width:76%}.mdl-mdh018 .mdl-container .m-left .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-mdh018 .mdl-container .m-left .m-content .m-text{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-mdh018 .mdl-container .m-left .m-content .m-text{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-mdh018 .mdl-container .m-left .m-content .m-text{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-mdh018 .mdl-container .m-left .m-content .m-text{font-size:1.2rem;line-height:2rem}}.mdl-mdh018 .mdl-container .m-left .m-content .m-text{text-align:start;color:#515050bf}.mdl-mdh018 .mdl-container .m-right{display:flex;flex-direction:row;gap:10rem}.mdl-mdh018 .mdl-container .m-right .m-img{height:100%;max-width:52rem;width:114vw}.mdl-mdh018 .mdl-container .m-right .m-img img{width:100%;height:100%;object-fit:cover}.mdl-mdh018 .mdl-container .m-right .m-content{display:flex;flex-direction:column;gap:7rem;padding-top:14.3rem}.mdl-mdh018 .mdl-container .m-right .m-content .m-title{color:#515050bf;font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-mdh018 .mdl-container .m-right .m-content .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh018 .mdl-container .m-right .m-content .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh018 .mdl-container .m-right .m-content .m-title{font-size:2.4rem;line-height:3rem}}.mdl-mdh018 .mdl-container .m-right .m-content .m-text{color:#515050bf;font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-mdh018 .mdl-container .m-right .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-mdh018 .mdl-container .m-right .m-content .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-mdh018 .mdl-container .m-right .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-mdh018 .mdl-container .m-right .m-content .m-text{font-size:2.2rem;line-height:3rem}}@media (max-width: 1680px){.mdl-mdh018 .mdl-container{height:70rem}}@media (max-width: 1366px){.mdl-mdh018{padding-bottom:6rem;padding-top:6rem}.mdl-mdh018 .mdl-container{height:55rem;gap:4.5rem}.mdl-mdh018 .mdl-container .m-left{width:calc(36% - 2.25rem)}.mdl-mdh018 .mdl-container .m-left .m-content{gap:3.7rem}.mdl-mdh018 .mdl-container .m-left .m-img{height:31rem}.mdl-mdh018 .mdl-container .m-right{width:calc(64% - 2.25rem);gap:7.5rem}.mdl-mdh018 .mdl-container .m-right .m-img{width:100vw;min-width:33rem}.mdl-mdh018 .mdl-container .m-right .m-content{gap:5rem;padding-top:10rem}.mdl-mdh018 .mdl-container .m-right .m-content .m-title{font-size:3.3rem}.mdl-mdh018 .mdl-container .m-right .m-content .m-text{font-size:2.4rem}}@media (max-width: 1080px){.mdl-mdh018{padding-right:2.5rem!important}.mdl-mdh018.reverse{padding-left:5.5rem!important}.mdl-mdh018 .mdl-container{height:48rem}.mdl-mdh018 .mdl-container .m-right{gap:4.5rem}.mdl-mdh018 .mdl-container .m-right .m-img{min-width:26rem}.mdl-mdh018 .mdl-container .m-right .m-content{gap:2rem;padding-top:2rem}.mdl-mdh018 .mdl-container .m-right .m-content .m-title{font-size:2.4rem}.mdl-mdh018 .mdl-container .m-right .m-content .m-text{font-size:1.8rem;line-height:26px}}@media (max-width: 768px){.mdl-mdh018{padding-right:0!important}.mdl-mdh018.reverse{padding-left:0!important}.mdl-mdh018.reverse .mdl-container .m-right{padding-left:2rem}.mdl-mdh018 .mdl-container{flex-direction:column;height:auto}.mdl-mdh018 .mdl-container .m-left{width:100%}.mdl-mdh018 .mdl-container .m-left .m-content{width:100%;padding:0 2rem;box-sizing:border-box}.mdl-mdh018 .mdl-container .m-left .m-content .m-text{font-size:1.5rem}.mdl-mdh018 .mdl-container .m-right{width:100%}.mdl-mdh018 .mdl-container .m-right .m-img{width:50%;min-width:auto}.mdl-mdh018 .mdl-container .m-right .m-content{width:50%}}@media (max-width: 375px){.mdl-mdh018 .mdl-container .m-right{gap:1.5rem}.mdl-mdh018 .mdl-container .m-right .m-content{padding-right:2rem;gap:1rem;padding-top:0}.mdl-mdh018 .mdl-container .m-right .m-content .m-title{font-size:2rem}.mdl-mdh018 .mdl-container .m-right .m-content .m-text{line-height:2rem;font-size:1.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }] }); }
|
|
16673
16777
|
}
|
|
16674
16778
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C3TxtImgCtaComponent, decorators: [{
|
|
16675
16779
|
type: Component,
|
|
16676
|
-
args: [{ selector: 'c3-txt-img-cta', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-mdh018\">\n
|
|
16677
|
-
}], propDecorators: {
|
|
16780
|
+
args: [{ selector: 'c3-txt-img-cta', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (multimedia) {\n <section class=\"mdl-mdh018\">\n <div class=\"mdl-container\">\n @if (multimedia.staticImagenes?.[0]; as left) {\n <div class=\"m-left\">\n <div class=\"m-img\">\n <img\n [src]=\"left.img?.src\"\n [alt]=\"left.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n <div class=\"m-content\">\n @if (left.title) {\n <div class=\"m-text\">\n {{ left.title }}\n </div>\n }\n @if (left.buttons?.[0]; as button) {\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"button.label\"\n >\n <span>{{ button.label }}</span>\n </a>\n }\n </div>\n </div>\n }\n @if (multimedia.imagenes?.[0]; as right) {\n <div class=\"m-right\">\n <div class=\"m-img\">\n <img\n [src]=\"right.img?.src\"\n [alt]=\"right.img?.alt\"\n loading=\"lazy\"\n />\n </div>\n <div class=\"m-content\">\n @if (right.title) {\n <div class=\"m-title\">{{ right.title }}</div>\n }\n @if (right.description) {\n <div class=\"m-text\">\n {{ right.description }}\n </div>\n }\n </div>\n </div>\n }\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";.mdl-mdh018{padding-left:0!important;padding-bottom:8rem;padding-top:8rem}.mdl-mdh018.reverse{flex-direction:row-reverse;padding-right:0!important;padding-left:10rem!important}.mdl-mdh018.reverse .mdl-container .m-right{flex-direction:row-reverse}.mdl-mdh018.reverse .mdl-container .m-left .m-content{margin:auto auto 0 0}.mdl-mdh018 .mdl-container{display:flex;flex-direction:row;gap:6rem;margin:0;height:73rem;max-width:180rem}.mdl-mdh018 .mdl-container .m-left{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;align-items:end}.mdl-mdh018 .mdl-container .m-left .m-img{height:41rem;width:100%}.mdl-mdh018 .mdl-container .m-left .m-img img{width:100%;height:100%;object-fit:cover}.mdl-mdh018 .mdl-container .m-left .m-content{display:flex;flex-direction:column;gap:5rem;align-items:start;width:76%}.mdl-mdh018 .mdl-container .m-left .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:2.8rem}@media (max-width: 1366px){.mdl-mdh018 .mdl-container .m-left .m-content .m-text{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 1080px){.mdl-mdh018 .mdl-container .m-left .m-content .m-text{font-size:1.5rem;line-height:2.4rem}}@media (max-width: 540px){.mdl-mdh018 .mdl-container .m-left .m-content .m-text{font-size:1.4rem;line-height:2.4rem}}@media (max-width: 375px){.mdl-mdh018 .mdl-container .m-left .m-content .m-text{font-size:1.2rem;line-height:2rem}}.mdl-mdh018 .mdl-container .m-left .m-content .m-text{text-align:start;color:#515050bf}.mdl-mdh018 .mdl-container .m-right{display:flex;flex-direction:row;gap:10rem}.mdl-mdh018 .mdl-container .m-right .m-img{height:100%;max-width:52rem;width:114vw}.mdl-mdh018 .mdl-container .m-right .m-img img{width:100%;height:100%;object-fit:cover}.mdl-mdh018 .mdl-container .m-right .m-content{display:flex;flex-direction:column;gap:7rem;padding-top:14.3rem}.mdl-mdh018 .mdl-container .m-right .m-content .m-title{color:#515050bf;font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-mdh018 .mdl-container .m-right .m-content .m-title{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh018 .mdl-container .m-right .m-content .m-title{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh018 .mdl-container .m-right .m-content .m-title{font-size:2.4rem;line-height:3rem}}.mdl-mdh018 .mdl-container .m-right .m-content .m-text{color:#515050bf;font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-mdh018 .mdl-container .m-right .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 1080px){.mdl-mdh018 .mdl-container .m-right .m-content .m-text{font-size:3.2rem;line-height:4.6rem}}@media (max-width: 540px){.mdl-mdh018 .mdl-container .m-right .m-content .m-text{font-size:2.8rem;line-height:3.8rem}}@media (max-width: 375px){.mdl-mdh018 .mdl-container .m-right .m-content .m-text{font-size:2.2rem;line-height:3rem}}@media (max-width: 1680px){.mdl-mdh018 .mdl-container{height:70rem}}@media (max-width: 1366px){.mdl-mdh018{padding-bottom:6rem;padding-top:6rem}.mdl-mdh018 .mdl-container{height:55rem;gap:4.5rem}.mdl-mdh018 .mdl-container .m-left{width:calc(36% - 2.25rem)}.mdl-mdh018 .mdl-container .m-left .m-content{gap:3.7rem}.mdl-mdh018 .mdl-container .m-left .m-img{height:31rem}.mdl-mdh018 .mdl-container .m-right{width:calc(64% - 2.25rem);gap:7.5rem}.mdl-mdh018 .mdl-container .m-right .m-img{width:100vw;min-width:33rem}.mdl-mdh018 .mdl-container .m-right .m-content{gap:5rem;padding-top:10rem}.mdl-mdh018 .mdl-container .m-right .m-content .m-title{font-size:3.3rem}.mdl-mdh018 .mdl-container .m-right .m-content .m-text{font-size:2.4rem}}@media (max-width: 1080px){.mdl-mdh018{padding-right:2.5rem!important}.mdl-mdh018.reverse{padding-left:5.5rem!important}.mdl-mdh018 .mdl-container{height:48rem}.mdl-mdh018 .mdl-container .m-right{gap:4.5rem}.mdl-mdh018 .mdl-container .m-right .m-img{min-width:26rem}.mdl-mdh018 .mdl-container .m-right .m-content{gap:2rem;padding-top:2rem}.mdl-mdh018 .mdl-container .m-right .m-content .m-title{font-size:2.4rem}.mdl-mdh018 .mdl-container .m-right .m-content .m-text{font-size:1.8rem;line-height:26px}}@media (max-width: 768px){.mdl-mdh018{padding-right:0!important}.mdl-mdh018.reverse{padding-left:0!important}.mdl-mdh018.reverse .mdl-container .m-right{padding-left:2rem}.mdl-mdh018 .mdl-container{flex-direction:column;height:auto}.mdl-mdh018 .mdl-container .m-left{width:100%}.mdl-mdh018 .mdl-container .m-left .m-content{width:100%;padding:0 2rem;box-sizing:border-box}.mdl-mdh018 .mdl-container .m-left .m-content .m-text{font-size:1.5rem}.mdl-mdh018 .mdl-container .m-right{width:100%}.mdl-mdh018 .mdl-container .m-right .m-img{width:50%;min-width:auto}.mdl-mdh018 .mdl-container .m-right .m-content{width:50%}}@media (max-width: 375px){.mdl-mdh018 .mdl-container .m-right{gap:1.5rem}.mdl-mdh018 .mdl-container .m-right .m-content{padding-right:2rem;gap:1rem;padding-top:0}.mdl-mdh018 .mdl-container .m-right .m-content .m-title{font-size:2rem}.mdl-mdh018 .mdl-container .m-right .m-content .m-text{line-height:2rem;font-size:1.5rem}}\n"] }]
|
|
16781
|
+
}], propDecorators: { multimedia: [{
|
|
16678
16782
|
type: Input
|
|
16679
16783
|
}] } });
|
|
16680
16784
|
|
|
@@ -17399,11 +17503,11 @@ class CarC2TxtCtaComponent {
|
|
|
17399
17503
|
return getFirstImageByTagFromImages(imagenes, tagName);
|
|
17400
17504
|
}
|
|
17401
17505
|
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 }); }
|
|
17402
|
-
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" }, usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-mdh011\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts) {\n @if (texts.title) {\n <div class=\"m-title\">{{ texts.title }}</div>\n }\n @if (texts.description) {\n <div class=\"m-text\">\n {{ texts.description }}\n </div>\n }\n }\n @if (buttons?.[0]; as btn) {\n <a\n class=\"m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n }\n </div>\n\n @if (items) {\n <div class=\"m-cards-container\">\n <div class=\"swiper\">\n <div class=\"swiper-container\">\n <div class=\"swiper-wrapper\">\n @for (card of items; track $index) {\n <div class=\"swiper-slide\">\n @if (card.multimedia?.imagenes) {\n @if (\n getFirstImageByTag(\n tagName,\n card.multimedia?.imagenes ?? []\n );\n as img\n ) {\n <ng-container>\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n img.img?.src\n \"\n >\n @if (img.title) {\n <div class=\"m-tag\">\n {{ img.title }}\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 class=\"m-button-sm\"\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]=\"btn?.target\"\n [attr.rel]=\"\n (btn?.target ||\n '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"\n btn?.label\n \"\n >\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", 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;background-color:#fff9f9}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%}.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}.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:#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}.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}}@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 }); }
|
|
17506
|
+
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" }, 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?.title ||\n card.texts?.name\n ) {\n <div class=\"m-tag\">\n {{\n card.title ||\n card\n .texts\n ?.name\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 class=\"m-button-sm\"\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%}.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:#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}}@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 }); }
|
|
17403
17507
|
}
|
|
17404
17508
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CarC2TxtCtaComponent, decorators: [{
|
|
17405
17509
|
type: Component,
|
|
17406
|
-
args: [{ selector: 'car-c2-txt-cta', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-mdh011\">\n <div class=\"mdl-container\">\n <div class=\"m-content-top\">\n @if (texts) {\n @if (texts.title) {\n <div class=\"m-title\">{{ texts.title }}</div>\n }\n @if (texts.description) {\n <div class=\"m-text\">\n {{ texts.description }}\n </div>\n }\n }\n @if (buttons?.[0]; as btn) {\n <a\n class=\"m-underline-red\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"btn.label\"\n >\n {{ btn.label }}\n </a>\n }\n </div>\n\n @if (items) {\n <div class=\"m-cards-container\">\n <div class=\"swiper\">\n <div class=\"swiper-container\">\n <div class=\"swiper-wrapper\">\n @for (card of items; track $index) {\n <div class=\"swiper-slide\">\n @if (card.multimedia?.imagenes) {\n @if (\n getFirstImageByTag(\n tagName,\n card.multimedia?.imagenes ?? []\n );\n as img\n ) {\n <ng-container>\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n img.img?.src\n \"\n >\n @if (img.title) {\n <div class=\"m-tag\">\n {{ img.title }}\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 class=\"m-button-sm\"\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]=\"btn?.target\"\n [attr.rel]=\"\n (btn?.target ||\n '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [attr.aria-label]=\"\n btn?.label\n \"\n >\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", 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;background-color:#fff9f9}.mdl-mdh011 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;width:100%}.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}.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:#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}.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}}@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"] }]
|
|
17510
|
+
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?.title ||\n card.texts?.name\n ) {\n <div class=\"m-tag\">\n {{\n card.title ||\n card\n .texts\n ?.name\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 class=\"m-button-sm\"\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%}.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:#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}}@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"] }]
|
|
17407
17511
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { texts: [{
|
|
17408
17512
|
type: Input
|
|
17409
17513
|
}], items: [{
|
|
@@ -17472,18 +17576,21 @@ var defaultContent$a = {
|
|
|
17472
17576
|
const DEFAULT_CONTENT$5 = defaultContent$a;
|
|
17473
17577
|
class LisC2ImgTxtCv4Component {
|
|
17474
17578
|
constructor() {
|
|
17475
|
-
this.
|
|
17579
|
+
this.tagName = 'LisC2ImgTxtCv4Component';
|
|
17476
17580
|
}
|
|
17477
17581
|
trackByCard(index, card) {
|
|
17478
17582
|
return card.title ?? `${index}`;
|
|
17479
17583
|
}
|
|
17584
|
+
getFirstImageByTag(tagName, images) {
|
|
17585
|
+
return getFirstImageByTagFromImages(images, tagName);
|
|
17586
|
+
}
|
|
17480
17587
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2ImgTxtCv4Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17481
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LisC2ImgTxtCv4Component, isStandalone: true, selector: "lis-c2-img-txt-cv4", inputs: { content: "content" }, ngImport: i0, template: "<section class=\"mdl-mdh003-v2\" *ngIf=\"content.cards?.length\">\n <div class=\"mdl-container\">\n <div class=\"m-cards-container\">\n <div class=\"m-card\" *ngFor=\"let card of content.cards; trackBy: trackByCard\">\n <div class=\"m-card-top\" [style.background-image]=\"'url(' + card.image + ')'\"> </div>\n <div class=\"m-content\">\n <div class=\"m-title\">{{ card.title }}</div>\n <a\n class=\"m-button-sm\"\n [ngClass]=\"{ red: card.primaryButton.variant !== 'default' }\"\n [href]=\"card.primaryButton.url || '#'\"\n [attr.target]=\"card.primaryButton.target || '_self'\"\n [attr.aria-label]=\"card.primaryButton.ariaLabel || card.primaryButton.label\"\n [attr.rel]=\"(card.primaryButton.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n >\n <span>{{ card.primaryButton.label }}</span>\n </a>\n <a\n class=\"m-but m-underline-red\"\n [href]=\"card.secondaryButton.url || '#'\"\n [attr.target]=\"card.secondaryButton.target || '_self'\"\n [attr.aria-label]=\"card.secondaryButton.ariaLabel || card.secondaryButton.label\"\n [attr.rel]=\"(card.secondaryButton.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n >\n <span>{{ card.secondaryButton.label }}</span>\n </a>\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}}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-mdh003-v2{padding-top:8.1rem;background-color:#fff9f9}.mdl-mdh003-v2 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;overflow:hidden}.mdl-mdh003-v2 .mdl-container .m-cards-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 7rem;width:100%;max-width:137rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;width:calc(50% - 3.5rem);aspect-ratio:650/560}.mdl-mdh003-v2 .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;max-height:78rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:4rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-red.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff9f9;position:absolute;bottom:0;left:0}.mdl-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-mdh003-v2 .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%;gap:2rem;transition:all .3s ease}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-size:3.2rem;font-weight:400}@media (max-width: 1366px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2.8rem}}@media (max-width: 540px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2.4rem}}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050b2}@media (min-width: 769px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:7rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-40%)}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}@media (max-width: 1366px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{height:21%}}@media (max-width: 1080px){.mdl-mdh003-v2 .mdl-container .m-cards-container{gap:0 4.4rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{width:calc(50% - 2.2rem)}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content{margin-top:-3rem}}@media (max-width: 768px){.mdl-mdh003-v2 .mdl-container .m-cards-container{gap:4rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{width:100%}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{bottom:0rem;height:9.8rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:before{height:2rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content{margin-top:-5rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none;transition:all .3s ease}}@media (max-width: 540px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{bottom:2rem;height:7.8rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
17588
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC2ImgTxtCv4Component, isStandalone: true, selector: "lis-c2-img-txt-cv4", inputs: { items: "items" }, ngImport: i0, template: "@if (items) {\n <section class=\"mdl-mdh003-v2\">\n <div class=\"mdl-container\">\n <div class=\"m-cards-container\">\n @for (item of items; track $index) {\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n (getFirstImageByTag(\n tagName,\n item.multimedia?.imagenes ?? []\n )?.img?.src ??\n item.multimedia?.imagenes?.[0]?.img?.src) +\n ')'\n \"\n ></div>\n <div class=\"m-content\">\n @if (item.texts?.title ?? item.texts?.name) {\n <div class=\"m-title\">\n {{ item.texts?.title ?? item.texts?.name }}\n </div>\n }\n @if (item.buttons) {\n @for (btn of item.buttons; track $index) {\n <a\n class=\"m-button-sm\"\n [ngClass]=\"{\n red: $index % 2 === 0,\n 'm-button-sm': $index % 2 === 0,\n 'm-but m-underline-red':\n $index % 2 !== 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\n [attr.aria-label]=\"btn.label\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n }\n </div>\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/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-mdh003-v2{padding-top:8.1rem;background-color:#fff9f9}.mdl-mdh003-v2 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;overflow:hidden}.mdl-mdh003-v2 .mdl-container .m-cards-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 7rem;width:100%;max-width:137rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;width:calc(50% - 3.5rem);aspect-ratio:650/560}.mdl-mdh003-v2 .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;max-height:78rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:4rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-red.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff9f9;position:absolute;bottom:0;left:0}.mdl-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-mdh003-v2 .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%;gap:2rem;transition:all .3s ease}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-size:3.2rem;font-weight:400}@media (max-width: 1366px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2.8rem}}@media (max-width: 540px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2.4rem}}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050b2}@media (min-width: 769px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:7rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-40%)}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}@media (max-width: 1366px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{height:21%}}@media (max-width: 1080px){.mdl-mdh003-v2 .mdl-container .m-cards-container{gap:0 4.4rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{width:calc(50% - 2.2rem)}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content{margin-top:-3rem}}@media (max-width: 768px){.mdl-mdh003-v2 .mdl-container .m-cards-container{gap:4rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{width:100%}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{bottom:0rem;height:9.8rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:before{height:2rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content{margin-top:-5rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none;transition:all .3s ease}}@media (max-width: 540px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{bottom:2rem;height:7.8rem}}\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 }); }
|
|
17482
17589
|
}
|
|
17483
17590
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2ImgTxtCv4Component, decorators: [{
|
|
17484
17591
|
type: Component,
|
|
17485
|
-
args: [{ selector: 'lis-c2-img-txt-cv4', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule], template: "<section class=\"mdl-mdh003-v2\" *ngIf=\"content.cards?.length\">\n <div class=\"mdl-container\">\n <div class=\"m-cards-container\">\n <div class=\"m-card\" *ngFor=\"let card of content.cards; trackBy: trackByCard\">\n <div class=\"m-card-top\" [style.background-image]=\"'url(' + card.image + ')'\"> </div>\n <div class=\"m-content\">\n <div class=\"m-title\">{{ card.title }}</div>\n <a\n class=\"m-button-sm\"\n [ngClass]=\"{ red: card.primaryButton.variant !== 'default' }\"\n [href]=\"card.primaryButton.url || '#'\"\n [attr.target]=\"card.primaryButton.target || '_self'\"\n [attr.aria-label]=\"card.primaryButton.ariaLabel || card.primaryButton.label\"\n [attr.rel]=\"(card.primaryButton.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n >\n <span>{{ card.primaryButton.label }}</span>\n </a>\n <a\n class=\"m-but m-underline-red\"\n [href]=\"card.secondaryButton.url || '#'\"\n [attr.target]=\"card.secondaryButton.target || '_self'\"\n [attr.aria-label]=\"card.secondaryButton.ariaLabel || card.secondaryButton.label\"\n [attr.rel]=\"(card.secondaryButton.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n >\n <span>{{ card.secondaryButton.label }}</span>\n </a>\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}}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-mdh003-v2{padding-top:8.1rem;background-color:#fff9f9}.mdl-mdh003-v2 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;overflow:hidden}.mdl-mdh003-v2 .mdl-container .m-cards-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 7rem;width:100%;max-width:137rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;width:calc(50% - 3.5rem);aspect-ratio:650/560}.mdl-mdh003-v2 .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;max-height:78rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:4rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-red.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff9f9;position:absolute;bottom:0;left:0}.mdl-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-mdh003-v2 .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%;gap:2rem;transition:all .3s ease}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-size:3.2rem;font-weight:400}@media (max-width: 1366px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2.8rem}}@media (max-width: 540px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2.4rem}}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050b2}@media (min-width: 769px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:7rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-40%)}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}@media (max-width: 1366px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{height:21%}}@media (max-width: 1080px){.mdl-mdh003-v2 .mdl-container .m-cards-container{gap:0 4.4rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{width:calc(50% - 2.2rem)}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content{margin-top:-3rem}}@media (max-width: 768px){.mdl-mdh003-v2 .mdl-container .m-cards-container{gap:4rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{width:100%}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{bottom:0rem;height:9.8rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:before{height:2rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content{margin-top:-5rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none;transition:all .3s ease}}@media (max-width: 540px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{bottom:2rem;height:7.8rem}}\n"] }]
|
|
17486
|
-
}], propDecorators: {
|
|
17592
|
+
args: [{ selector: 'lis-c2-img-txt-cv4', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (items) {\n <section class=\"mdl-mdh003-v2\">\n <div class=\"mdl-container\">\n <div class=\"m-cards-container\">\n @for (item of items; track $index) {\n <div class=\"m-card\">\n <div\n class=\"m-card-top\"\n [style.background-image]=\"\n 'url(' +\n (getFirstImageByTag(\n tagName,\n item.multimedia?.imagenes ?? []\n )?.img?.src ??\n item.multimedia?.imagenes?.[0]?.img?.src) +\n ')'\n \"\n ></div>\n <div class=\"m-content\">\n @if (item.texts?.title ?? item.texts?.name) {\n <div class=\"m-title\">\n {{ item.texts?.title ?? item.texts?.name }}\n </div>\n }\n @if (item.buttons) {\n @for (btn of item.buttons; track $index) {\n <a\n class=\"m-button-sm\"\n [ngClass]=\"{\n red: $index % 2 === 0,\n 'm-button-sm': $index % 2 === 0,\n 'm-but m-underline-red':\n $index % 2 !== 0,\n }\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"btn.target || '_self'\"\n [attr.aria-label]=\"btn.label\"\n [attr.rel]=\"\n (btn.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n }\n }\n </div>\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/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-mdh003-v2{padding-top:8.1rem;background-color:#fff9f9}.mdl-mdh003-v2 .mdl-container{display:flex;flex-direction:column;gap:4rem;align-items:center;overflow:hidden}.mdl-mdh003-v2 .mdl-container .m-cards-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 7rem;width:100%;max-width:137rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{-webkit-tap-highlight-color:transparent;position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;width:calc(50% - 3.5rem);aspect-ratio:650/560}.mdl-mdh003-v2 .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;max-height:78rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{content:\"\";width:102%;transition:all .3s ease;height:13.8rem;left:-1px;bottom:4rem;position:absolute;background-image:url(/assets/babylon/svg/others/cards-footer-shape-red.svg);background-position:center;background-size:cover;background-repeat:no-repeat}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:before{content:\"\";width:100%;height:8rem;background-color:#fff9f9;position:absolute;bottom:0;left:0}.mdl-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .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-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{font-size:2.2rem;line-height:3rem}}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-icon .m-text{padding:6rem 5rem;color:#515050b2}.mdl-mdh003-v2 .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%;gap:2rem;transition:all .3s ease}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-button-sm{opacity:0;transform:translateY(-118%);transition:all .3s ease;width:100%;max-width:26rem;min-width:20rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:0;transform:translateY(-118%);transition:all .3s ease}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-family:jokker,sans-serif;font-size:3.2rem;font-weight:400}@media (max-width: 1366px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2.8rem}}@media (max-width: 540px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{font-size:2.4rem}}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-title{color:#515050b2}@media (min-width: 769px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-card-top:after{bottom:7rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content{transform:translateY(-40%)}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content .m-button-sm{opacity:1;transform:none;width:100%;max-width:26rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card:hover .m-content .m-but{opacity:1;transform:none}}@media (max-width: 1366px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{height:21%}}@media (max-width: 1080px){.mdl-mdh003-v2 .mdl-container .m-cards-container{gap:0 4.4rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{width:calc(50% - 2.2rem)}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content{margin-top:-3rem}}@media (max-width: 768px){.mdl-mdh003-v2 .mdl-container .m-cards-container{gap:4rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card{width:100%}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{bottom:0rem;height:9.8rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:before{height:2rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content{margin-top:-5rem}.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-button-sm,.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-content .m-but{opacity:1;transform:none;transition:all .3s ease}}@media (max-width: 540px){.mdl-mdh003-v2 .mdl-container .m-cards-container .m-card .m-card-top:after{bottom:2rem;height:7.8rem}}\n"] }]
|
|
17593
|
+
}], propDecorators: { items: [{
|
|
17487
17594
|
type: Input
|
|
17488
17595
|
}] } });
|
|
17489
17596
|
|
|
@@ -18253,11 +18360,11 @@ class SliC1ImgSvgComponent {
|
|
|
18253
18360
|
return getFirstImageByTagFromImages(imagenes, tagName);
|
|
18254
18361
|
}
|
|
18255
18362
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC1ImgSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18256
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SliC1ImgSvgComponent, isStandalone: true, selector: "sli-c1-img-svg", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "<section class=\"mdl-mdh012\">\n <div class=\"mdl-container\">\n @if (\n getFirstImageByTag(\n tagName,\n items?.[0]?.multimedia?.imagenes ?? items ?? []\n )\n ) {\n <img\n [src]=\"\n getFirstImageByTag(\n tagName,\n items?.[0]?.multimedia?.imagenes ?? items ?? []\n )?.img?.src\n \"\n [alt]=\"\n getFirstImageByTag(\n tagName,\n items?.[0]?.multimedia?.imagenes ?? items ?? []\n )?.img?.alt\n \"\n />\n }\n <div class=\"m-tag\">\n @if (items?.[0]?.title ?? texts?.title) {\n <div class=\"m-texto\">\n {{ items?.[0]?.title ?? texts?.title }}\n </div>\n }\n </div>\n @if (items?.[0]?.texts?.svg ?? texts?.svg) {\n <div class=\"m-icono\">\n <img\n [src]=\"\n '/assets/babylon/svg/icons/' +\n (items?.[0]?.texts?.svg ?? texts?.svg) +\n '.svg'\n \"\n alt=\"logo\"\n />\n </div>\n }\n <div class=\"m-marco\"></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}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/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/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/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/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/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/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/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-mdh012{padding:0!important;display:flex}.mdl-mdh012 .mdl-container{position:relative;max-width:200rem;background-color:#ffd45b;width:100%;height:87rem}.mdl-mdh012 .mdl-container img{width:100%;height:100%;object-fit:cover;position:absolute}.mdl-mdh012 .mdl-container .m-tag{background-color:#ff4238b3;width:48.9rem;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.mdl-mdh012 .mdl-container .m-tag .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 1366px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:2.2rem;line-height:2.6rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:1.8rem;line-height:2.4rem}}.mdl-mdh012 .mdl-container .m-tag .m-texto{color:#fff;padding:5rem 6rem;text-align:end}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:10rem solid white;opacity:1;position:absolute;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono img{height:30.8rem;width:auto;display:block}@media (hover: hover){.mdl-mdh012 .mdl-container:hover .m-marco{opacity:0}.mdl-mdh012 .mdl-container:hover .m-icono{opacity:0;transform:translate(-50%,-50%) scale(.6)}}@media (max-width: 1680px){.mdl-mdh012 .mdl-container{height:74rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:8.5rem solid white}}@media (max-width: 1366px){.mdl-mdh012 .mdl-container{height:66rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.5rem solid white}.mdl-mdh012 .mdl-container .m-icono img{height:16.6rem}.mdl-mdh012 .mdl-container .m-tag{width:34.6rem}.mdl-mdh012 .mdl-container .m-tag .m-texto{padding:4rem}}@media (max-width: 1280px){.mdl-mdh012 .mdl-container{height:61.8rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.1rem solid white}}@media (max-width: 1080px){.mdl-mdh012 .mdl-container{height:49.4rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:5.6rem solid white}}@media (max-width: 768px){.mdl-mdh012 .mdl-container{height:49rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:4.4rem solid white}.mdl-mdh012 .mdl-container .m-icono{transform:none;top:11rem;right:10rem;left:auto}.mdl-mdh012 .mdl-container .m-icono img{height:8.3rem}.mdl-mdh012 .mdl-container .m-tag{width:100%;bottom:-2.2rem;top:auto;z-index:0;display:flex;justify-content:center;background-color:#ff4338;height:12rem;bottom:-1.6rem;align-items:center}.mdl-mdh012 .mdl-container .m-tag .m-texto{width:36.1rem;text-align:center}}@media (max-width: 540px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:3rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-3rem}.mdl-mdh012 .mdl-container .m-icono{top:8rem;right:8rem}.mdl-mdh012 .mdl-container .m-icono img{height:5.9rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:2rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-4rem}.mdl-mdh012 .mdl-container .m-icono{top:5rem;right:5rem}.mdl-mdh012 .mdl-container .m-icono img{height:3.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18363
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SliC1ImgSvgComponent, isStandalone: true, selector: "sli-c1-img-svg", inputs: { texts: "texts", items: "items" }, ngImport: i0, template: "<section class=\"mdl-mdh012\">\n <div class=\"mdl-container\">\n @if (getFirstImageByTag(tagName, items ?? []) ?? items?.[0]; as img) {\n <img [src]=\"img?.img?.src\" [alt]=\"img?.img?.alt\" />\n }\n <div class=\"m-tag\">\n @if (items?.[0]?.title ?? texts?.title) {\n <div class=\"m-texto\">\n {{ items?.[0]?.title ?? texts?.title }}\n </div>\n }\n </div>\n @if (items?.[0]?.texts?.svg ?? texts?.svg) {\n <div class=\"m-icono\">\n <img\n [src]=\"\n '/assets/babylon/svg/icons/' +\n (items?.[0]?.texts?.svg ?? texts?.svg) +\n '.svg'\n \"\n alt=\"logo\"\n />\n </div>\n }\n <div class=\"m-marco\"></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}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/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/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/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/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/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/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/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-mdh012{padding:0!important;display:flex}.mdl-mdh012 .mdl-container{position:relative;max-width:200rem;background-color:#ffd45b;width:100%;height:87rem}.mdl-mdh012 .mdl-container img{width:100%;height:100%;object-fit:cover;position:absolute}.mdl-mdh012 .mdl-container .m-tag{background-color:#ff4238b3;width:48.9rem;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.mdl-mdh012 .mdl-container .m-tag .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 1366px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:2.2rem;line-height:2.6rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:1.8rem;line-height:2.4rem}}.mdl-mdh012 .mdl-container .m-tag .m-texto{color:#fff;padding:5rem 6rem;text-align:end}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:10rem solid white;opacity:1;position:absolute;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono img{height:30.8rem;width:auto;display:block}@media (hover: hover){.mdl-mdh012 .mdl-container:hover .m-marco{opacity:0}.mdl-mdh012 .mdl-container:hover .m-icono{opacity:0;transform:translate(-50%,-50%) scale(.6)}}@media (max-width: 1680px){.mdl-mdh012 .mdl-container{height:74rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:8.5rem solid white}}@media (max-width: 1366px){.mdl-mdh012 .mdl-container{height:66rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.5rem solid white}.mdl-mdh012 .mdl-container .m-icono img{height:16.6rem}.mdl-mdh012 .mdl-container .m-tag{width:34.6rem}.mdl-mdh012 .mdl-container .m-tag .m-texto{padding:4rem}}@media (max-width: 1280px){.mdl-mdh012 .mdl-container{height:61.8rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.1rem solid white}}@media (max-width: 1080px){.mdl-mdh012 .mdl-container{height:49.4rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:5.6rem solid white}}@media (max-width: 768px){.mdl-mdh012 .mdl-container{height:49rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:4.4rem solid white}.mdl-mdh012 .mdl-container .m-icono{transform:none;top:11rem;right:10rem;left:auto}.mdl-mdh012 .mdl-container .m-icono img{height:8.3rem}.mdl-mdh012 .mdl-container .m-tag{width:100%;bottom:-2.2rem;top:auto;z-index:0;display:flex;justify-content:center;background-color:#ff4338;height:12rem;bottom:-1.6rem;align-items:center}.mdl-mdh012 .mdl-container .m-tag .m-texto{width:36.1rem;text-align:center}}@media (max-width: 540px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:3rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-3rem}.mdl-mdh012 .mdl-container .m-icono{top:8rem;right:8rem}.mdl-mdh012 .mdl-container .m-icono img{height:5.9rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:2rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-4rem}.mdl-mdh012 .mdl-container .m-icono{top:5rem;right:5rem}.mdl-mdh012 .mdl-container .m-icono img{height:3.5rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18257
18364
|
}
|
|
18258
18365
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC1ImgSvgComponent, decorators: [{
|
|
18259
18366
|
type: Component,
|
|
18260
|
-
args: [{ selector: 'sli-c1-img-svg', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule], template: "<section class=\"mdl-mdh012\">\n <div class=\"mdl-container\">\n @if (\n getFirstImageByTag(\n tagName,\n items?.[0]?.multimedia?.imagenes ?? items ?? []\n )\n ) {\n <img\n [src]=\"\n getFirstImageByTag(\n tagName,\n items?.[0]?.multimedia?.imagenes ?? items ?? []\n )?.img?.src\n \"\n [alt]=\"\n getFirstImageByTag(\n tagName,\n items?.[0]?.multimedia?.imagenes ?? items ?? []\n )?.img?.alt\n \"\n />\n }\n <div class=\"m-tag\">\n @if (items?.[0]?.title ?? texts?.title) {\n <div class=\"m-texto\">\n {{ items?.[0]?.title ?? texts?.title }}\n </div>\n }\n </div>\n @if (items?.[0]?.texts?.svg ?? texts?.svg) {\n <div class=\"m-icono\">\n <img\n [src]=\"\n '/assets/babylon/svg/icons/' +\n (items?.[0]?.texts?.svg ?? texts?.svg) +\n '.svg'\n \"\n alt=\"logo\"\n />\n </div>\n }\n <div class=\"m-marco\"></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}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/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/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/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/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/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/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/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-mdh012{padding:0!important;display:flex}.mdl-mdh012 .mdl-container{position:relative;max-width:200rem;background-color:#ffd45b;width:100%;height:87rem}.mdl-mdh012 .mdl-container img{width:100%;height:100%;object-fit:cover;position:absolute}.mdl-mdh012 .mdl-container .m-tag{background-color:#ff4238b3;width:48.9rem;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.mdl-mdh012 .mdl-container .m-tag .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 1366px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:2.2rem;line-height:2.6rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:1.8rem;line-height:2.4rem}}.mdl-mdh012 .mdl-container .m-tag .m-texto{color:#fff;padding:5rem 6rem;text-align:end}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:10rem solid white;opacity:1;position:absolute;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono img{height:30.8rem;width:auto;display:block}@media (hover: hover){.mdl-mdh012 .mdl-container:hover .m-marco{opacity:0}.mdl-mdh012 .mdl-container:hover .m-icono{opacity:0;transform:translate(-50%,-50%) scale(.6)}}@media (max-width: 1680px){.mdl-mdh012 .mdl-container{height:74rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:8.5rem solid white}}@media (max-width: 1366px){.mdl-mdh012 .mdl-container{height:66rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.5rem solid white}.mdl-mdh012 .mdl-container .m-icono img{height:16.6rem}.mdl-mdh012 .mdl-container .m-tag{width:34.6rem}.mdl-mdh012 .mdl-container .m-tag .m-texto{padding:4rem}}@media (max-width: 1280px){.mdl-mdh012 .mdl-container{height:61.8rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.1rem solid white}}@media (max-width: 1080px){.mdl-mdh012 .mdl-container{height:49.4rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:5.6rem solid white}}@media (max-width: 768px){.mdl-mdh012 .mdl-container{height:49rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:4.4rem solid white}.mdl-mdh012 .mdl-container .m-icono{transform:none;top:11rem;right:10rem;left:auto}.mdl-mdh012 .mdl-container .m-icono img{height:8.3rem}.mdl-mdh012 .mdl-container .m-tag{width:100%;bottom:-2.2rem;top:auto;z-index:0;display:flex;justify-content:center;background-color:#ff4338;height:12rem;bottom:-1.6rem;align-items:center}.mdl-mdh012 .mdl-container .m-tag .m-texto{width:36.1rem;text-align:center}}@media (max-width: 540px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:3rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-3rem}.mdl-mdh012 .mdl-container .m-icono{top:8rem;right:8rem}.mdl-mdh012 .mdl-container .m-icono img{height:5.9rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:2rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-4rem}.mdl-mdh012 .mdl-container .m-icono{top:5rem;right:5rem}.mdl-mdh012 .mdl-container .m-icono img{height:3.5rem}}\n"] }]
|
|
18367
|
+
args: [{ selector: 'sli-c1-img-svg', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule], template: "<section class=\"mdl-mdh012\">\n <div class=\"mdl-container\">\n @if (getFirstImageByTag(tagName, items ?? []) ?? items?.[0]; as img) {\n <img [src]=\"img?.img?.src\" [alt]=\"img?.img?.alt\" />\n }\n <div class=\"m-tag\">\n @if (items?.[0]?.title ?? texts?.title) {\n <div class=\"m-texto\">\n {{ items?.[0]?.title ?? texts?.title }}\n </div>\n }\n </div>\n @if (items?.[0]?.texts?.svg ?? texts?.svg) {\n <div class=\"m-icono\">\n <img\n [src]=\"\n '/assets/babylon/svg/icons/' +\n (items?.[0]?.texts?.svg ?? texts?.svg) +\n '.svg'\n \"\n alt=\"logo\"\n />\n </div>\n }\n <div class=\"m-marco\"></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}}select.mini-arrow{position:relative;background-image:url(/assets/babylon/svg/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/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/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/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/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/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/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-mdh012{padding:0!important;display:flex}.mdl-mdh012 .mdl-container{position:relative;max-width:200rem;background-color:#ffd45b;width:100%;height:87rem}.mdl-mdh012 .mdl-container img{width:100%;height:100%;object-fit:cover;position:absolute}.mdl-mdh012 .mdl-container .m-tag{background-color:#ff4238b3;width:48.9rem;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.mdl-mdh012 .mdl-container .m-tag .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2.8rem;line-height:3.6rem}@media (max-width: 1366px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:2.2rem;line-height:2.6rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container .m-tag .m-texto{font-size:1.8rem;line-height:2.4rem}}.mdl-mdh012 .mdl-container .m-tag .m-texto{color:#fff;padding:5rem 6rem;text-align:end}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:10rem solid white;opacity:1;position:absolute;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .4s ease,transform .4s ease}.mdl-mdh012 .mdl-container .m-icono img{height:30.8rem;width:auto;display:block}@media (hover: hover){.mdl-mdh012 .mdl-container:hover .m-marco{opacity:0}.mdl-mdh012 .mdl-container:hover .m-icono{opacity:0;transform:translate(-50%,-50%) scale(.6)}}@media (max-width: 1680px){.mdl-mdh012 .mdl-container{height:74rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:8.5rem solid white}}@media (max-width: 1366px){.mdl-mdh012 .mdl-container{height:66rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.5rem solid white}.mdl-mdh012 .mdl-container .m-icono img{height:16.6rem}.mdl-mdh012 .mdl-container .m-tag{width:34.6rem}.mdl-mdh012 .mdl-container .m-tag .m-texto{padding:4rem}}@media (max-width: 1280px){.mdl-mdh012 .mdl-container{height:61.8rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:7.1rem solid white}}@media (max-width: 1080px){.mdl-mdh012 .mdl-container{height:49.4rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:5.6rem solid white}}@media (max-width: 768px){.mdl-mdh012 .mdl-container{height:49rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:4.4rem solid white}.mdl-mdh012 .mdl-container .m-icono{transform:none;top:11rem;right:10rem;left:auto}.mdl-mdh012 .mdl-container .m-icono img{height:8.3rem}.mdl-mdh012 .mdl-container .m-tag{width:100%;bottom:-2.2rem;top:auto;z-index:0;display:flex;justify-content:center;background-color:#ff4338;height:12rem;bottom:-1.6rem;align-items:center}.mdl-mdh012 .mdl-container .m-tag .m-texto{width:36.1rem;text-align:center}}@media (max-width: 540px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:3rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-3rem}.mdl-mdh012 .mdl-container .m-icono{top:8rem;right:8rem}.mdl-mdh012 .mdl-container .m-icono img{height:5.9rem}}@media (max-width: 375px){.mdl-mdh012 .mdl-container{height:35rem}.mdl-mdh012 .mdl-container .m-marco{width:100%;height:100%;border:2rem solid white}.mdl-mdh012 .mdl-container .m-tag{bottom:-4rem}.mdl-mdh012 .mdl-container .m-icono{top:5rem;right:5rem}.mdl-mdh012 .mdl-container .m-icono img{height:3.5rem}}\n"] }]
|
|
18261
18368
|
}], propDecorators: { texts: [{
|
|
18262
18369
|
type: Input
|
|
18263
18370
|
}], items: [{
|
|
@@ -18526,7 +18633,6 @@ Swiper.use([Navigation]);
|
|
|
18526
18633
|
const DEFAULT_CONTENT = defaultContent$1;
|
|
18527
18634
|
class SliC2TxtCarImgCComponent {
|
|
18528
18635
|
constructor() {
|
|
18529
|
-
this.content = DEFAULT_CONTENT;
|
|
18530
18636
|
this.platformId = inject(PLATFORM_ID);
|
|
18531
18637
|
}
|
|
18532
18638
|
ngAfterViewInit() {
|
|
@@ -18537,7 +18643,8 @@ class SliC2TxtCarImgCComponent {
|
|
|
18537
18643
|
ngOnChanges(changes) {
|
|
18538
18644
|
if (!isPlatformBrowser(this.platformId))
|
|
18539
18645
|
return;
|
|
18540
|
-
if (changes['
|
|
18646
|
+
if ((changes['items'] && !changes['items'].firstChange) ||
|
|
18647
|
+
(changes['multimedia'] && !changes['multimedia'].firstChange)) {
|
|
18541
18648
|
this.initializeSwiper();
|
|
18542
18649
|
}
|
|
18543
18650
|
}
|
|
@@ -18572,12 +18679,18 @@ class SliC2TxtCarImgCComponent {
|
|
|
18572
18679
|
}
|
|
18573
18680
|
}
|
|
18574
18681
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2TxtCarImgCComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18575
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SliC2TxtCarImgCComponent, isStandalone: true, selector: "sli-c2-txt-car-img-c", inputs: { content: "content" }, viewQueries: [{ propertyName: "swiperContainer", first: true, predicate: ["swiperContainer"], descendants: true }, { propertyName: "nextButton", first: true, predicate: ["nextButton"], descendants: true }, { propertyName: "prevButton", first: true, predicate: ["prevButton"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-mdh015\" [ngClass]=\"{ reverse: content.reverse }\">\n <div class=\"mdl-container\">\n <div class=\"swiper-container\" *ngIf=\"content.slides?.length\">\n <div class=\"m-title top-title\">\n <h1>{{ content.title }}</h1>\n </div>\n\n <div class=\"swiper-overflow\" #swiperContainer>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\" *ngFor=\"let slide of content.slides; trackBy: trackBySlide\">\n <div class=\"slide-grid\">\n <img class=\"img-right\" [src]=\"slide.mainImage\" [alt]=\"slide.title\" />\n <div class=\"m-right\">\n <div class=\"m-img\">\n <img [src]=\"slide.detailImage\" [alt]=\"slide.title\" />\n </div>\n <div class=\"m-content\">\n <div class=\"m-title\">\n <h3>{{ slide.title }}</h3>\n </div>\n <div class=\"m-text\">\n {{ slide.description }}\n </div>\n <ng-container *ngIf=\"slide.button as button\">\n <a\n *ngIf=\"button.url; else slideButton\"\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.ariaLabel || button.label\"\n [attr.rel]=\"(button.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n >\n <span>{{ button.label }}</span>\n </a>\n <ng-template #slideButton>\n <button type=\"button\" class=\"m-button-sm\" [attr.aria-label]=\"button.ariaLabel || button.label\">\n <span>{{ button.label }}</span>\n </button>\n </ng-template>\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"m-swiper-button next\" #nextButton aria-label=\"Siguiente\">\n <svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\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 class=\"m-swiper-button prev\" #prevButton aria-label=\"Anterior\">\n <svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\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 </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}}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-mdh015.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh015.reverse .mdl-container .swiper-container .m-title{text-align:end}.mdl-mdh015.reverse .mdl-container .m-right{align-items:start}.mdl-mdh015 .mdl-container{display:flex;flex-direction:row;gap:6rem;padding:8rem 0;justify-content:space-between}.mdl-mdh015 .mdl-container .swiper-container{position:relative;width:100%}.mdl-mdh015 .mdl-container .swiper-container .top-title{margin-bottom:-5rem}.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-size:2.4rem;line-height:3rem}}.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{color:#515050}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow{overflow:hidden;width:100%}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper{width:100%;height:100%}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:cover}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid{align-items:flex-end;display:flex;gap:8rem}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid .img-right{height:62rem;width:55%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button{position:absolute;top:50%;z-index:9}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.next{left:55%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-4.8rem}.mdl-mdh015 .mdl-container .m-right{width:calc(45% - 8rem);justify-content:space-between;display:flex;flex-direction:column;overflow:hidden;gap:2rem;align-items:end}.mdl-mdh015 .mdl-container .m-right .m-img{width:30.6rem;height:37.8rem}.mdl-mdh015 .mdl-container .m-right .m-img img{height:100%;width:100%;object-fit:cover}.mdl-mdh015 .mdl-container .m-right .m-content{display:flex;flex-direction:column;height:100%;gap:2rem;justify-content:end}.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-size:2.4rem;line-height:3rem}}.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{color:#515050}.mdl-mdh015 .mdl-container .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .m-right .m-content .m-text{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .m-right .m-content .m-text{font-size:1.1rem;line-height:2rem}}.mdl-mdh015 .mdl-container .m-right .m-content .m-text{color:#515050b2}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid .img-right{height:47.1rem;width:55%}.mdl-mdh015 .mdl-container .m-right{width:38%}.mdl-mdh015 .mdl-container .m-right .m-img{height:28.7rem;width:23.2rem}}@media (max-width: 1080px){.mdl-mdh015 .mdl-container .swiper-container .top-title{margin-bottom:2rem}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button{top:36%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.next{left:100%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-4.8rem}.mdl-mdh015 .mdl-container .swiper-container .m-right{width:100%}.mdl-mdh015 .mdl-container .swiper-container .m-right .m-img{display:none}.mdl-mdh015 .mdl-container .swiper-container .m-right .m-content .m-button-sm{margin-top:1rem}.mdl-mdh015 .mdl-container .swiper-container .m-right .m-content .m-text{font-size:1.8rem;line-height:2.8rem}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid{gap:2rem;flex-direction:column}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid .img-right{width:100%}}@media (max-width: 768px){.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-3.8rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-3.2rem}}@media (max-width: 375px){.mdl-mdh015{padding:0 4rem!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18682
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SliC2TxtCarImgCComponent, isStandalone: true, selector: "sli-c2-txt-car-img-c", inputs: { items: "items", rightSide: "rightSide", texts: "texts", multimedia: "multimedia" }, viewQueries: [{ propertyName: "swiperContainer", first: true, predicate: ["swiperContainer"], descendants: true }, { propertyName: "nextButton", first: true, predicate: ["nextButton"], descendants: true }, { propertyName: "prevButton", first: true, predicate: ["prevButton"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (items?.length) {\n <section class=\"mdl-mdh015\" [ngClass]=\"{ reverse: rightSide }\">\n <div class=\"mdl-container\">\n <div class=\"swiper-container\">\n @if (texts?.title) {\n <div class=\"m-title top-title\">\n <h1>{{ texts?.title }}</h1>\n </div>\n }\n\n <div class=\"swiper-overflow swiper\" #swiperContainer>\n <div class=\"swiper-wrapper\">\n @for (item of items; track $index) {\n <div class=\"swiper-slide\">\n <div class=\"slide-grid\">\n @if (item.img) {\n <img\n class=\"img-right\"\n [src]=\"item.img.src\"\n [alt]=\"item.img.alt\"\n />\n }\n <div class=\"m-right\">\n @if (\n multimedia?.staticImagenes?.[$index]\n ) {\n <div class=\"m-img\">\n <img\n [src]=\"\n multimedia\n ?.staticImagenes?.[\n $index\n ]?.img?.src\n \"\n [alt]=\"\n multimedia\n ?.staticImagenes?.[\n $index\n ]?.img?.alt\n \"\n />\n </div>\n }\n <div class=\"m-content\">\n @if (item.title) {\n <div class=\"m-title\">\n <h3>{{ item.title }}</h3>\n </div>\n }\n @if (item.description) {\n <div class=\"m-text\">\n {{ item.description }}\n </div>\n }\n @if (item.buttons?.[0]; as btn) {\n <a\n class=\"m-button-sm\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"\n btn.target || '_self'\n \"\n [attr.aria-label]=\"\n btn.label\n \"\n [attr.rel]=\"\n (btn.target ||\n '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n <!-- <ng-template #slideButton>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [attr.aria-label]=\"\n button.ariaLabel ||\n button.label\n \"\n >\n <span>{{\n button.label\n }}</span>\n </button>\n </ng-template> -->\n }\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n </div>\n\n <div\n class=\"m-swiper-button next\"\n #nextButton\n aria-label=\"Siguiente\"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n <div\n class=\"m-swiper-button prev\"\n #prevButton\n aria-label=\"Anterior\"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </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-mdh015.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh015.reverse .mdl-container .swiper-container .m-title{text-align:end}.mdl-mdh015.reverse .mdl-container .m-right{align-items:start}.mdl-mdh015 .mdl-container{display:flex;flex-direction:row;gap:6rem;padding:8rem 0;justify-content:space-between}.mdl-mdh015 .mdl-container .swiper-container{position:relative;width:100%}.mdl-mdh015 .mdl-container .swiper-container .top-title{margin-bottom:-5rem}.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-size:2.4rem;line-height:3rem}}.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{color:#515050;padding:20px 0 30px}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow{overflow:hidden;width:100%}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper{width:100%;height:100%}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:cover}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid{align-items:flex-end;display:flex;gap:8rem}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid .img-right{height:62rem;width:55%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button{position:absolute;top:50%;z-index:9}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.next{left:55%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-4.8rem}.mdl-mdh015 .mdl-container .m-right{width:calc(45% - 8rem);justify-content:space-between;display:flex;flex-direction:column;overflow:hidden;gap:2rem;align-items:end}.mdl-mdh015 .mdl-container .m-right .m-img{width:30.6rem;height:37.8rem}.mdl-mdh015 .mdl-container .m-right .m-img img{height:100%;width:100%;object-fit:cover}.mdl-mdh015 .mdl-container .m-right .m-content{display:flex;flex-direction:column;height:100%;gap:2rem;justify-content:end}.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-size:2.4rem;line-height:3rem}}.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{color:#515050}.mdl-mdh015 .mdl-container .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .m-right .m-content .m-text{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .m-right .m-content .m-text{font-size:1.1rem;line-height:2rem}}.mdl-mdh015 .mdl-container .m-right .m-content .m-text{color:#515050b2}.mdl-mdh015 .swiper-overflow{width:100%;overflow:hidden}.mdl-mdh015 .swiper-overflow .swiper-wrapper{display:flex!important;flex-direction:row!important;width:100%;height:100%}.mdl-mdh015 .swiper-overflow .swiper-slide{flex-shrink:0!important;width:100%!important;height:auto}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid .img-right{height:47.1rem;width:55%}.mdl-mdh015 .mdl-container .m-right{width:38%}.mdl-mdh015 .mdl-container .m-right .m-img{height:28.7rem;width:23.2rem}}@media (max-width: 1080px){.mdl-mdh015 .mdl-container .swiper-container .top-title{margin-bottom:2rem}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button{top:36%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.next{left:100%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-4.8rem}.mdl-mdh015 .mdl-container .swiper-container .m-right{width:100%}.mdl-mdh015 .mdl-container .swiper-container .m-right .m-img{display:none}.mdl-mdh015 .mdl-container .swiper-container .m-right .m-content .m-button-sm{margin-top:1rem}.mdl-mdh015 .mdl-container .swiper-container .m-right .m-content .m-text{font-size:1.8rem;line-height:2.8rem}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid{gap:2rem;flex-direction:column}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid .img-right{width:100%}}@media (max-width: 768px){.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-3.8rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-3.2rem}}@media (max-width: 375px){.mdl-mdh015{padding:0 4rem!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18576
18683
|
}
|
|
18577
18684
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SliC2TxtCarImgCComponent, decorators: [{
|
|
18578
18685
|
type: Component,
|
|
18579
|
-
args: [{ selector: 'sli-c2-txt-car-img-c', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule], template: "<section class=\"mdl-mdh015\" [ngClass]=\"{ reverse: content.reverse }\">\n <div class=\"mdl-container\">\n <div class=\"swiper-container\" *ngIf=\"content.slides?.length\">\n <div class=\"m-title top-title\">\n <h1>{{ content.title }}</h1>\n </div>\n\n <div class=\"swiper-overflow\" #swiperContainer>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\" *ngFor=\"let slide of content.slides; trackBy: trackBySlide\">\n <div class=\"slide-grid\">\n <img class=\"img-right\" [src]=\"slide.mainImage\" [alt]=\"slide.title\" />\n <div class=\"m-right\">\n <div class=\"m-img\">\n <img [src]=\"slide.detailImage\" [alt]=\"slide.title\" />\n </div>\n <div class=\"m-content\">\n <div class=\"m-title\">\n <h3>{{ slide.title }}</h3>\n </div>\n <div class=\"m-text\">\n {{ slide.description }}\n </div>\n <ng-container *ngIf=\"slide.button as button\">\n <a\n *ngIf=\"button.url; else slideButton\"\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.ariaLabel || button.label\"\n [attr.rel]=\"(button.target || '_self') === '_blank' ? 'noopener noreferrer' : null\"\n >\n <span>{{ button.label }}</span>\n </a>\n <ng-template #slideButton>\n <button type=\"button\" class=\"m-button-sm\" [attr.aria-label]=\"button.ariaLabel || button.label\">\n <span>{{ button.label }}</span>\n </button>\n </ng-template>\n </ng-container>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"m-swiper-button next\" #nextButton aria-label=\"Siguiente\">\n <svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\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 class=\"m-swiper-button prev\" #prevButton aria-label=\"Anterior\">\n <svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\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 </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}}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-mdh015.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh015.reverse .mdl-container .swiper-container .m-title{text-align:end}.mdl-mdh015.reverse .mdl-container .m-right{align-items:start}.mdl-mdh015 .mdl-container{display:flex;flex-direction:row;gap:6rem;padding:8rem 0;justify-content:space-between}.mdl-mdh015 .mdl-container .swiper-container{position:relative;width:100%}.mdl-mdh015 .mdl-container .swiper-container .top-title{margin-bottom:-5rem}.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-size:2.4rem;line-height:3rem}}.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{color:#515050}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow{overflow:hidden;width:100%}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper{width:100%;height:100%}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:cover}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid{align-items:flex-end;display:flex;gap:8rem}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid .img-right{height:62rem;width:55%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button{position:absolute;top:50%;z-index:9}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.next{left:55%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-4.8rem}.mdl-mdh015 .mdl-container .m-right{width:calc(45% - 8rem);justify-content:space-between;display:flex;flex-direction:column;overflow:hidden;gap:2rem;align-items:end}.mdl-mdh015 .mdl-container .m-right .m-img{width:30.6rem;height:37.8rem}.mdl-mdh015 .mdl-container .m-right .m-img img{height:100%;width:100%;object-fit:cover}.mdl-mdh015 .mdl-container .m-right .m-content{display:flex;flex-direction:column;height:100%;gap:2rem;justify-content:end}.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-size:2.4rem;line-height:3rem}}.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{color:#515050}.mdl-mdh015 .mdl-container .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .m-right .m-content .m-text{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .m-right .m-content .m-text{font-size:1.1rem;line-height:2rem}}.mdl-mdh015 .mdl-container .m-right .m-content .m-text{color:#515050b2}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid .img-right{height:47.1rem;width:55%}.mdl-mdh015 .mdl-container .m-right{width:38%}.mdl-mdh015 .mdl-container .m-right .m-img{height:28.7rem;width:23.2rem}}@media (max-width: 1080px){.mdl-mdh015 .mdl-container .swiper-container .top-title{margin-bottom:2rem}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button{top:36%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.next{left:100%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-4.8rem}.mdl-mdh015 .mdl-container .swiper-container .m-right{width:100%}.mdl-mdh015 .mdl-container .swiper-container .m-right .m-img{display:none}.mdl-mdh015 .mdl-container .swiper-container .m-right .m-content .m-button-sm{margin-top:1rem}.mdl-mdh015 .mdl-container .swiper-container .m-right .m-content .m-text{font-size:1.8rem;line-height:2.8rem}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid{gap:2rem;flex-direction:column}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid .img-right{width:100%}}@media (max-width: 768px){.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-3.8rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-3.2rem}}@media (max-width: 375px){.mdl-mdh015{padding:0 4rem!important}}\n"] }]
|
|
18580
|
-
}], propDecorators: {
|
|
18686
|
+
args: [{ selector: 'sli-c2-txt-car-img-c', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "@if (items?.length) {\n <section class=\"mdl-mdh015\" [ngClass]=\"{ reverse: rightSide }\">\n <div class=\"mdl-container\">\n <div class=\"swiper-container\">\n @if (texts?.title) {\n <div class=\"m-title top-title\">\n <h1>{{ texts?.title }}</h1>\n </div>\n }\n\n <div class=\"swiper-overflow swiper\" #swiperContainer>\n <div class=\"swiper-wrapper\">\n @for (item of items; track $index) {\n <div class=\"swiper-slide\">\n <div class=\"slide-grid\">\n @if (item.img) {\n <img\n class=\"img-right\"\n [src]=\"item.img.src\"\n [alt]=\"item.img.alt\"\n />\n }\n <div class=\"m-right\">\n @if (\n multimedia?.staticImagenes?.[$index]\n ) {\n <div class=\"m-img\">\n <img\n [src]=\"\n multimedia\n ?.staticImagenes?.[\n $index\n ]?.img?.src\n \"\n [alt]=\"\n multimedia\n ?.staticImagenes?.[\n $index\n ]?.img?.alt\n \"\n />\n </div>\n }\n <div class=\"m-content\">\n @if (item.title) {\n <div class=\"m-title\">\n <h3>{{ item.title }}</h3>\n </div>\n }\n @if (item.description) {\n <div class=\"m-text\">\n {{ item.description }}\n </div>\n }\n @if (item.buttons?.[0]; as btn) {\n <a\n class=\"m-button-sm\"\n [href]=\"btn.url\"\n [linkType]=\"btn.linkType\"\n [attr.target]=\"\n btn.target || '_self'\n \"\n [attr.aria-label]=\"\n btn.label\n \"\n [attr.rel]=\"\n (btn.target ||\n '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ btn.label }}</span>\n </a>\n <!-- <ng-template #slideButton>\n <button\n type=\"button\"\n class=\"m-button-sm\"\n [attr.aria-label]=\"\n button.ariaLabel ||\n button.label\n \"\n >\n <span>{{\n button.label\n }}</span>\n </button>\n </ng-template> -->\n }\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n </div>\n\n <div\n class=\"m-swiper-button next\"\n #nextButton\n aria-label=\"Siguiente\"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.71533 5.31548L1.65157 0.281695C1.46948 0.100676 1.22288 -0.000650459 0.966022 3.77247e-06C0.709163 0.000657051 0.463085 0.103239 0.281921 0.285182C0.100757 0.467126 -0.000651881 0.713526 2.66678e-06 0.970178C0.000657215 1.22683 0.103322 1.47271 0.285411 1.65373L4.67307 5.98705L0.288403 10.3463C0.106314 10.5273 0.00364923 10.7732 0.0029947 11.0298C0.00234018 11.2865 0.103749 11.5329 0.284913 11.7148C0.466077 11.8968 0.712156 11.9993 0.969015 12C1.22587 12.0007 1.47247 11.8993 1.65456 11.7183L6.71633 6.68651C6.89815 6.50457 7.00019 6.25791 7 6.00079C6.99981 5.74367 6.89741 5.49716 6.71533 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n <div\n class=\"m-swiper-button prev\"\n #prevButton\n aria-label=\"Anterior\"\n >\n <svg\n width=\"7\"\n height=\"12\"\n viewBox=\"0 0 7 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.28467 5.31548L5.34843 0.281695C5.53052 0.100676 5.77712 -0.000650459 6.03398 3.77247e-06C6.29084 0.000657051 6.53692 0.103239 6.71808 0.285182C6.89924 0.467126 7.00065 0.713526 7 0.970178C6.99934 1.22683 6.89668 1.47271 6.71459 1.65373L2.32693 5.98705L6.7116 10.3463C6.89369 10.5273 6.99635 10.7732 6.99701 11.0298C6.99766 11.2865 6.89625 11.5329 6.71509 11.7148C6.53392 11.8968 6.28784 11.9993 6.03099 12C5.77413 12.0007 5.52753 11.8993 5.34544 11.7183L0.283673 6.68651C0.101853 6.50457 -0.000186192 6.25791 7.39071e-07 6.00079C0.00018767 5.74367 0.102586 5.49716 0.28467 5.31548Z\"\n fill=\"white\"\n />\n </svg>\n </div>\n </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-mdh015.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh015.reverse .mdl-container .swiper-container .m-title{text-align:end}.mdl-mdh015.reverse .mdl-container .m-right{align-items:start}.mdl-mdh015 .mdl-container{display:flex;flex-direction:row;gap:6rem;padding:8rem 0;justify-content:space-between}.mdl-mdh015 .mdl-container .swiper-container{position:relative;width:100%}.mdl-mdh015 .mdl-container .swiper-container .top-title{margin-bottom:-5rem}.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{font-size:2.4rem;line-height:3rem}}.mdl-mdh015 .mdl-container .swiper-container .m-title,.mdl-mdh015 .mdl-container .swiper-container .m-title *{color:#515050;padding:20px 0 30px}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow{overflow:hidden;width:100%}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper{width:100%;height:100%}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide img{width:100%;height:100%;object-fit:cover}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid{align-items:flex-end;display:flex;gap:8rem}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid .img-right{height:62rem;width:55%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button{position:absolute;top:50%;z-index:9}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.next{left:55%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-4.8rem}.mdl-mdh015 .mdl-container .m-right{width:calc(45% - 8rem);justify-content:space-between;display:flex;flex-direction:column;overflow:hidden;gap:2rem;align-items:end}.mdl-mdh015 .mdl-container .m-right .m-img{width:30.6rem;height:37.8rem}.mdl-mdh015 .mdl-container .m-right .m-img img{height:100%;width:100%;object-fit:cover}.mdl-mdh015 .mdl-container .m-right .m-content{display:flex;flex-direction:column;height:100%;gap:2rem;justify-content:end}.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-family:jokker,sans-serif;font-weight:300;font-size:4.4rem;line-height:5.8rem}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-size:3.6rem;line-height:4.8rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-size:3rem;line-height:4rem}}@media (max-width: 375px){.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{font-size:2.4rem;line-height:3rem}}.mdl-mdh015 .mdl-container .m-right .m-content .m-title,.mdl-mdh015 .mdl-container .m-right .m-content .m-title *{color:#515050}.mdl-mdh015 .mdl-container .m-right .m-content .m-text{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .m-right .m-content .m-text{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .m-right .m-content .m-text{font-size:1.1rem;line-height:2rem}}.mdl-mdh015 .mdl-container .m-right .m-content .m-text{color:#515050b2}.mdl-mdh015 .swiper-overflow{width:100%;overflow:hidden}.mdl-mdh015 .swiper-overflow .swiper-wrapper{display:flex!important;flex-direction:row!important;width:100%;height:100%}.mdl-mdh015 .swiper-overflow .swiper-slide{flex-shrink:0!important;width:100%!important;height:auto}@media (max-width: 1366px){.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid .img-right{height:47.1rem;width:55%}.mdl-mdh015 .mdl-container .m-right{width:38%}.mdl-mdh015 .mdl-container .m-right .m-img{height:28.7rem;width:23.2rem}}@media (max-width: 1080px){.mdl-mdh015 .mdl-container .swiper-container .top-title{margin-bottom:2rem}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button{top:36%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.next{left:100%}.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-4.8rem}.mdl-mdh015 .mdl-container .swiper-container .m-right{width:100%}.mdl-mdh015 .mdl-container .swiper-container .m-right .m-img{display:none}.mdl-mdh015 .mdl-container .swiper-container .m-right .m-content .m-button-sm{margin-top:1rem}.mdl-mdh015 .mdl-container .swiper-container .m-right .m-content .m-text{font-size:1.8rem;line-height:2.8rem}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid{gap:2rem;flex-direction:column}.mdl-mdh015 .mdl-container .swiper-container .swiper-overflow .swiper-wrapper .swiper-slide .slide-grid .img-right{width:100%}}@media (max-width: 768px){.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-3.8rem}}@media (max-width: 540px){.mdl-mdh015 .mdl-container .swiper-container .m-swiper-button.prev{left:-3.2rem}}@media (max-width: 375px){.mdl-mdh015{padding:0 4rem!important}}\n"] }]
|
|
18687
|
+
}], propDecorators: { items: [{
|
|
18688
|
+
type: Input
|
|
18689
|
+
}], rightSide: [{
|
|
18690
|
+
type: Input
|
|
18691
|
+
}], texts: [{
|
|
18692
|
+
type: Input
|
|
18693
|
+
}], multimedia: [{
|
|
18581
18694
|
type: Input
|
|
18582
18695
|
}], swiperContainer: [{
|
|
18583
18696
|
type: ViewChild,
|
|
@@ -18809,5 +18922,5 @@ function deepClean(value, opts) {
|
|
|
18809
18922
|
* Generated bundle index. Do not edit.
|
|
18810
18923
|
*/
|
|
18811
18924
|
|
|
18812
|
-
export { Babylon404Component, BabylonActionBannerComponent, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonAvC4ImgTextComponent, BabylonAvImgSocialComponent, BabylonAvTxtIcoComponent, BabylonBaImgTxtComponent, BabylonBaSliImgTxtComponent, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBookingWidgetComponent, BabylonBreadcrumbComponent, BabylonBreadcrumbV2Component, BabylonCleanPropsPipe, BabylonColorPickerComponent, BabylonComingsoonComponent, BabylonContactAddressComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonDynamicHeadingComponent, BabylonEngineComponent, BabylonEngineModalComponent, BabylonExternalScriptComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFilterModalComponent, BabylonFloatingButtonsComponent, BabylonFoAddrContImgComponent, BabylonFoC3ImgTxtComponent, BabylonFoLisC4TxtComponent, BabylonFoSliImgComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonFooterSocialI, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGlobalModalComponent, BabylonGrC2ImgComponent, BabylonGridGalleryComponent, BabylonGuestsPopupComponent, BabylonHeSvgListComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuLogoCenterComponent, BabylonHeaderMenuShowComponent, BabylonHeaderMobileComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2ColImgComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoGridI, BabylonInfoImgComponent, BabylonInfoImgSliderComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigZagCounterComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLanguageModalComponent, BabylonLanguageModalV2Component, BabylonLanguageModalV3Component, BabylonLegalComponent, BabylonLisC2ImgVidComponent, BabylonLisC2TxtComponent, BabylonLisC4TxtIcoComponent, BabylonLisSvgTxtCtaComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListGridComponent, BabylonListGridI, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonModalMultipleMotorsComponent, BabylonModalService, BabylonNewsletterComponent, BabylonNewsletterI, BabylonNewsletterModalV2Component, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupComponent, BabylonOfferPopupComponentV2, BabylonOfferPopupV3Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonPressListComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSliC1ImgTextComponent, BabylonSliC5ImgTxtComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colClearComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, ButtonType, C2ImgTxtSvgComponent, C2TxtCtaComponent, C2TxtCtaDesComponent, C2TxtMdh005Component, C2TxtRrssComponent, C3TxtImgCtaComponent, C4C1ImgTxtCComponent, C4C1ImgTxtComponent, C4C1TxtComponent, C4FoLinkSvgComponent, C4ForC2TxtComponent, C4HeImgTxtComponent, C4LisC2ImgTxtComponent, C4MeTxtSvgCtaComponent, C4SliC2ImgTxtCComponent, C4SliC2TxtImgComponent, C4TxtSvgComponent, CarC2TxtCtaComponent, H04SliderTextComponent, LisC2ImgTxtCv4Component, LisC2TxtImgComponent, LisC2TxtImgSvgCComponent, LisC3TxtImgCtComponent, LisC4TxtDesCtaComponent, ListRoomsComponent, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, SliC1ImgSvgComponent, SliC2ImgComponent, SliC2ImgTxtCtaV3Component, SliC2ImgTxtCv5Component, SliC2TxtCarImgCComponent, SliC2TxtImgSvgCComponent, Utils, complex_links, organization_name };
|
|
18925
|
+
export { Babylon404Component, BabylonActionBannerComponent, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonAvC4ImgTextComponent, BabylonAvImgSocialComponent, BabylonAvTxtIcoComponent, BabylonBaImgTxtComponent, BabylonBaSliImgTxtComponent, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBookingWidgetComponent, BabylonBreadcrumbComponent, BabylonBreadcrumbV2Component, BabylonCleanPropsPipe, BabylonColorPickerComponent, BabylonComingsoonComponent, BabylonContactAddressComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonDynamicHeadingComponent, BabylonEngineComponent, BabylonEngineModalComponent, BabylonEngineWidgetModalComponent, BabylonExternalScriptComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFilterModalComponent, BabylonFloatingButtonsComponent, BabylonFoAddrContImgComponent, BabylonFoC3ImgTxtComponent, BabylonFoLisC4TxtComponent, BabylonFoSliImgComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonFooterSocialI, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGlobalModalComponent, BabylonGrC2ImgComponent, BabylonGridGalleryComponent, BabylonGuestsPopupComponent, BabylonHeSvgListComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuLogoCenterComponent, BabylonHeaderMenuShowComponent, BabylonHeaderMobileComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2ColImgComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoGridI, BabylonInfoImgComponent, BabylonInfoImgSliderComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigZagCounterComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLanguageModalComponent, BabylonLanguageModalV2Component, BabylonLanguageModalV3Component, BabylonLegalComponent, BabylonLisC2ImgVidComponent, BabylonLisC2TxtComponent, BabylonLisC4TxtIcoComponent, BabylonLisSvgTxtCtaComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListGridComponent, BabylonListGridI, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonModalMultipleMotorsComponent, BabylonModalService, BabylonNewsletterComponent, BabylonNewsletterI, BabylonNewsletterModalV2Component, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupComponent, BabylonOfferPopupComponentV2, BabylonOfferPopupV3Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonPressListComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSliC1ImgTextComponent, BabylonSliC5ImgTxtComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colClearComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, ButtonType, C2ImgTxtSvgComponent, C2TxtCtaComponent, C2TxtCtaDesComponent, C2TxtMdh005Component, C2TxtRrssComponent, C3TxtImgCtaComponent, C4C1ImgTxtCComponent, C4C1ImgTxtComponent, C4C1TxtComponent, C4FoLinkSvgComponent, C4ForC2TxtComponent, C4HeImgTxtComponent, C4LisC2ImgTxtComponent, C4MeTxtSvgCtaComponent, C4SliC2ImgTxtCComponent, C4SliC2TxtImgComponent, C4TxtSvgComponent, CarC2TxtCtaComponent, H04SliderTextComponent, LisC2ImgTxtCv4Component, LisC2TxtImgComponent, LisC2TxtImgSvgCComponent, LisC3TxtImgCtComponent, LisC4TxtDesCtaComponent, ListRoomsComponent, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, SliC1ImgSvgComponent, SliC2ImgComponent, SliC2ImgTxtCtaV3Component, SliC2ImgTxtCv5Component, SliC2TxtCarImgCComponent, SliC2TxtImgSvgCComponent, Utils, complex_links, organization_name };
|
|
18813
18926
|
//# sourceMappingURL=ctt-babylon.mjs.map
|