ctt-babylon 0.13.0 → 0.13.1
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-lis-c2-txt/babylon-lis-c2-txt.component.mjs +26 -260
- package/esm2022/lib/components/external/core/c2-img-txt-svg/c2-img-txt-svg.component.mjs +19 -3
- package/esm2022/lib/components/external/core/lis-c2-txt-img/lis-c2-txt-img.component.mjs +149 -71
- package/esm2022/lib/interfaces/babylon-global.interface.mjs +1 -1
- package/esm2022/lib/interfaces/babylon-globals-gallery-filters.mjs +2 -0
- package/esm2022/lib/interfaces/babylon-text-info.interface.mjs +1 -1
- package/esm2022/lib/services/mapper/mapper.service.mjs +40 -1
- package/fesm2022/ctt-babylon.mjs +228 -331
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-lis-c2-txt/babylon-lis-c2-txt.component.d.ts +12 -14
- package/lib/components/external/core/c2-img-txt-svg/c2-img-txt-svg.component.d.ts +10 -1
- package/lib/components/external/core/lis-c2-txt-img/lis-c2-txt-img.component.d.ts +52 -31
- package/lib/interfaces/babylon-global.interface.d.ts +2 -0
- package/lib/interfaces/babylon-globals-gallery-filters.d.ts +5 -0
- package/lib/interfaces/babylon-text-info.interface.d.ts +4 -0
- package/lib/services/mapper/mapper.service.d.ts +2 -0
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -3081,6 +3081,7 @@ class MapperService {
|
|
|
3081
3081
|
hotels: this.mapHotelsGlobal(props?.hotels),
|
|
3082
3082
|
destinations: this.mapGlobalDestinations(props?.destinations),
|
|
3083
3083
|
consultTypes: this.mapGlobalConsultTypes(props, ndPropsConsult),
|
|
3084
|
+
filters: this.mapGlobalsFilters(props?.filters),
|
|
3084
3085
|
};
|
|
3085
3086
|
return cleanDeep(result, {
|
|
3086
3087
|
removeNull: true,
|
|
@@ -3088,6 +3089,40 @@ class MapperService {
|
|
|
3088
3089
|
pruneEmpty: true,
|
|
3089
3090
|
});
|
|
3090
3091
|
}
|
|
3092
|
+
mapGlobalsFilters(filters) {
|
|
3093
|
+
return {
|
|
3094
|
+
filters: filters?.map((item, index) => ({
|
|
3095
|
+
id: index,
|
|
3096
|
+
all: item.all,
|
|
3097
|
+
room: item.room,
|
|
3098
|
+
rooms: item.rooms,
|
|
3099
|
+
text: item.name,
|
|
3100
|
+
})),
|
|
3101
|
+
images: filters
|
|
3102
|
+
?.reduce((acc, filter, filterIndex) => {
|
|
3103
|
+
if (filter.multimedia) {
|
|
3104
|
+
const multimediaWithFilter = filter.multimedia.map((item) => ({
|
|
3105
|
+
...item,
|
|
3106
|
+
filter: filterIndex,
|
|
3107
|
+
}));
|
|
3108
|
+
return [
|
|
3109
|
+
...acc,
|
|
3110
|
+
{
|
|
3111
|
+
multimedia: multimediaWithFilter,
|
|
3112
|
+
filterIndex,
|
|
3113
|
+
},
|
|
3114
|
+
];
|
|
3115
|
+
}
|
|
3116
|
+
return acc;
|
|
3117
|
+
}, [])
|
|
3118
|
+
.flatMap(({ multimedia }) => multimedia)
|
|
3119
|
+
.map((img) => ({
|
|
3120
|
+
title: img.title,
|
|
3121
|
+
img: this.getImageResponsive(img, false),
|
|
3122
|
+
filter: img?.filter,
|
|
3123
|
+
})),
|
|
3124
|
+
};
|
|
3125
|
+
}
|
|
3091
3126
|
mapGlobalConsultTypes(props, ndPropsConsult) {
|
|
3092
3127
|
const consultTypes = props?.consultTypes ?? ndPropsConsult;
|
|
3093
3128
|
return {
|
|
@@ -3206,6 +3241,10 @@ class MapperService {
|
|
|
3206
3241
|
inputPlaceholder: this.getTextValue(texts?.inputPlaceholder),
|
|
3207
3242
|
newsErrorEmail: this.getTextValue(texts?.newsErrorEmail),
|
|
3208
3243
|
successsubscriber: this.getTextValue(texts?.successsubscriber),
|
|
3244
|
+
mapUrl: this.getTextValue(texts?.mapUrl ?? texts?.mapurl),
|
|
3245
|
+
rooms: this.getTextValue(texts?.rooms),
|
|
3246
|
+
categories: this.getTextValue(texts?.categories),
|
|
3247
|
+
all: this.getTextValue(texts?.all),
|
|
3209
3248
|
};
|
|
3210
3249
|
}
|
|
3211
3250
|
getTextValue(text) {
|
|
@@ -13116,267 +13155,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
13116
13155
|
class BabylonLisC2TxtComponent {
|
|
13117
13156
|
constructor() {
|
|
13118
13157
|
this.activeIndex = null;
|
|
13119
|
-
// === AQUÍ tu variable dinámica ===
|
|
13120
|
-
this.faqItems = [
|
|
13121
|
-
{
|
|
13122
|
-
title: 'Costa Brava',
|
|
13123
|
-
colorClass: 'green',
|
|
13124
|
-
hotels: [
|
|
13125
|
-
{
|
|
13126
|
-
label: 'ALEGRIA Florida Park',
|
|
13127
|
-
href: '#',
|
|
13128
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13129
|
-
showBigIcons: true,
|
|
13130
|
-
},
|
|
13131
|
-
{
|
|
13132
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13133
|
-
href: '#',
|
|
13134
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13135
|
-
},
|
|
13136
|
-
{
|
|
13137
|
-
label: 'ALEGRIA Florida Park',
|
|
13138
|
-
href: '#',
|
|
13139
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13140
|
-
},
|
|
13141
|
-
{
|
|
13142
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13143
|
-
href: '#',
|
|
13144
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13145
|
-
showSmallIcons: true,
|
|
13146
|
-
},
|
|
13147
|
-
{
|
|
13148
|
-
label: 'ALEGRIA Florida Park',
|
|
13149
|
-
href: '#',
|
|
13150
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13151
|
-
},
|
|
13152
|
-
{
|
|
13153
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13154
|
-
href: '#',
|
|
13155
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13156
|
-
},
|
|
13157
|
-
],
|
|
13158
|
-
},
|
|
13159
|
-
{
|
|
13160
|
-
title: 'Costa Barcelona',
|
|
13161
|
-
colorClass: 'blue',
|
|
13162
|
-
hotels: [
|
|
13163
|
-
{
|
|
13164
|
-
label: 'ALEGRIA Florida Park',
|
|
13165
|
-
href: '#',
|
|
13166
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13167
|
-
},
|
|
13168
|
-
{
|
|
13169
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13170
|
-
href: '#',
|
|
13171
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13172
|
-
},
|
|
13173
|
-
{
|
|
13174
|
-
label: 'ALEGRIA Florida Park',
|
|
13175
|
-
href: '#',
|
|
13176
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13177
|
-
},
|
|
13178
|
-
{
|
|
13179
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13180
|
-
href: '#',
|
|
13181
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13182
|
-
},
|
|
13183
|
-
{
|
|
13184
|
-
label: 'ALEGRIA Florida Park',
|
|
13185
|
-
href: '#',
|
|
13186
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13187
|
-
},
|
|
13188
|
-
{
|
|
13189
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13190
|
-
href: '#',
|
|
13191
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13192
|
-
},
|
|
13193
|
-
],
|
|
13194
|
-
},
|
|
13195
|
-
{
|
|
13196
|
-
title: 'Costa Dorada',
|
|
13197
|
-
colorClass: 'red',
|
|
13198
|
-
hotels: [
|
|
13199
|
-
{
|
|
13200
|
-
label: 'ALEGRIA Florida Park',
|
|
13201
|
-
href: '#',
|
|
13202
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13203
|
-
},
|
|
13204
|
-
{
|
|
13205
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13206
|
-
href: '#',
|
|
13207
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13208
|
-
},
|
|
13209
|
-
{
|
|
13210
|
-
label: 'ALEGRIA Florida Park',
|
|
13211
|
-
href: '#',
|
|
13212
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13213
|
-
},
|
|
13214
|
-
{
|
|
13215
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13216
|
-
href: '#',
|
|
13217
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13218
|
-
},
|
|
13219
|
-
{
|
|
13220
|
-
label: 'ALEGRIA Florida Park',
|
|
13221
|
-
href: '#',
|
|
13222
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13223
|
-
},
|
|
13224
|
-
{
|
|
13225
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13226
|
-
href: '#',
|
|
13227
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13228
|
-
},
|
|
13229
|
-
],
|
|
13230
|
-
},
|
|
13231
|
-
{
|
|
13232
|
-
title: 'Costa Almería',
|
|
13233
|
-
colorClass: '',
|
|
13234
|
-
hotels: [
|
|
13235
|
-
{
|
|
13236
|
-
label: 'ALEGRIA Florida Park',
|
|
13237
|
-
href: '#',
|
|
13238
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13239
|
-
},
|
|
13240
|
-
{
|
|
13241
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13242
|
-
href: '#',
|
|
13243
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13244
|
-
},
|
|
13245
|
-
{
|
|
13246
|
-
label: 'ALEGRIA Florida Park',
|
|
13247
|
-
href: '#',
|
|
13248
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13249
|
-
},
|
|
13250
|
-
{
|
|
13251
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13252
|
-
href: '#',
|
|
13253
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13254
|
-
},
|
|
13255
|
-
{
|
|
13256
|
-
label: 'ALEGRIA Florida Park',
|
|
13257
|
-
href: '#',
|
|
13258
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13259
|
-
},
|
|
13260
|
-
{
|
|
13261
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13262
|
-
href: '#',
|
|
13263
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13264
|
-
},
|
|
13265
|
-
],
|
|
13266
|
-
},
|
|
13267
|
-
{
|
|
13268
|
-
title: 'Cádiz',
|
|
13269
|
-
colorClass: '',
|
|
13270
|
-
hotels: [
|
|
13271
|
-
{
|
|
13272
|
-
label: 'ALEGRIA Florida Park',
|
|
13273
|
-
href: '#',
|
|
13274
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13275
|
-
},
|
|
13276
|
-
{
|
|
13277
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13278
|
-
href: '#',
|
|
13279
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13280
|
-
},
|
|
13281
|
-
{
|
|
13282
|
-
label: 'ALEGRIA Florida Park',
|
|
13283
|
-
href: '#',
|
|
13284
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13285
|
-
},
|
|
13286
|
-
{
|
|
13287
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13288
|
-
href: '#',
|
|
13289
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13290
|
-
},
|
|
13291
|
-
{
|
|
13292
|
-
label: 'ALEGRIA Florida Park',
|
|
13293
|
-
href: '#',
|
|
13294
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13295
|
-
},
|
|
13296
|
-
{
|
|
13297
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13298
|
-
href: '#',
|
|
13299
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13300
|
-
},
|
|
13301
|
-
],
|
|
13302
|
-
},
|
|
13303
|
-
{
|
|
13304
|
-
title: 'Tenerife',
|
|
13305
|
-
colorClass: '',
|
|
13306
|
-
hotels: [
|
|
13307
|
-
{
|
|
13308
|
-
label: 'ALEGRIA Florida Park',
|
|
13309
|
-
href: '#',
|
|
13310
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13311
|
-
},
|
|
13312
|
-
{
|
|
13313
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13314
|
-
href: '#',
|
|
13315
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13316
|
-
},
|
|
13317
|
-
{
|
|
13318
|
-
label: 'ALEGRIA Florida Park',
|
|
13319
|
-
href: '#',
|
|
13320
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13321
|
-
},
|
|
13322
|
-
{
|
|
13323
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13324
|
-
href: '#',
|
|
13325
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13326
|
-
},
|
|
13327
|
-
{
|
|
13328
|
-
label: 'ALEGRIA Florida Park',
|
|
13329
|
-
href: '#',
|
|
13330
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13331
|
-
},
|
|
13332
|
-
{
|
|
13333
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13334
|
-
href: '#',
|
|
13335
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13336
|
-
},
|
|
13337
|
-
],
|
|
13338
|
-
},
|
|
13339
|
-
{
|
|
13340
|
-
title: 'Andorra',
|
|
13341
|
-
colorClass: '',
|
|
13342
|
-
hotels: [
|
|
13343
|
-
{
|
|
13344
|
-
label: 'ALEGRIA Florida Park',
|
|
13345
|
-
href: '#',
|
|
13346
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13347
|
-
},
|
|
13348
|
-
{
|
|
13349
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13350
|
-
href: '#',
|
|
13351
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13352
|
-
},
|
|
13353
|
-
{
|
|
13354
|
-
label: 'ALEGRIA Florida Park',
|
|
13355
|
-
href: '#',
|
|
13356
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13357
|
-
},
|
|
13358
|
-
{
|
|
13359
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13360
|
-
href: '#',
|
|
13361
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13362
|
-
},
|
|
13363
|
-
{
|
|
13364
|
-
label: 'ALEGRIA Florida Park',
|
|
13365
|
-
href: '#',
|
|
13366
|
-
ariaLabel: 'ALEGRIA Florida Park',
|
|
13367
|
-
},
|
|
13368
|
-
{
|
|
13369
|
-
label: 'Hotel Cartago Nova by Alegria',
|
|
13370
|
-
href: '#',
|
|
13371
|
-
ariaLabel: 'Hotel Cartago Nova by Alegria',
|
|
13372
|
-
},
|
|
13373
|
-
],
|
|
13374
|
-
},
|
|
13375
|
-
];
|
|
13376
13158
|
}
|
|
13377
13159
|
getNumber(text) {
|
|
13378
13160
|
return Utils.extractNumberRange(text);
|
|
13379
13161
|
}
|
|
13162
|
+
get faqsNormalized() {
|
|
13163
|
+
if (this.items?.length) {
|
|
13164
|
+
return this.items
|
|
13165
|
+
.filter((it) => !!it?.label && !!it?.description)
|
|
13166
|
+
.map((it) => ({
|
|
13167
|
+
kind: 'item',
|
|
13168
|
+
title: String(it.label ?? ''),
|
|
13169
|
+
text: String(it.description ?? ''),
|
|
13170
|
+
}));
|
|
13171
|
+
}
|
|
13172
|
+
if (this.destinations?.length) {
|
|
13173
|
+
return this.destinations
|
|
13174
|
+
.filter((d) => !!d?.name)
|
|
13175
|
+
.map((d) => ({
|
|
13176
|
+
kind: 'destination',
|
|
13177
|
+
title: String(d.name ?? ''),
|
|
13178
|
+
hotels: d.hotels ?? [],
|
|
13179
|
+
}));
|
|
13180
|
+
}
|
|
13181
|
+
return [];
|
|
13182
|
+
}
|
|
13380
13183
|
ngAfterViewInit() { }
|
|
13381
13184
|
onToggleFaq(index) {
|
|
13382
13185
|
const answersArr = this.answers.toArray();
|
|
@@ -13409,17 +13212,19 @@ class BabylonLisC2TxtComponent {
|
|
|
13409
13212
|
return this.hotels.find((h) => Number(h?.id) === idNum);
|
|
13410
13213
|
}
|
|
13411
13214
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLisC2TxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13412
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonLisC2TxtComponent, isStandalone: true, selector: "lib-babylon-lis-c2-txt", inputs: { texts: "texts", destinations: "destinations", hotels: "hotels" }, viewQueries: [{ propertyName: "answers", predicate: ["faqAnswer"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-f03\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-content\">\n <div class=\"m-top\">\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n <p class=\"m-texto\">\n {{ texts.description }}\n </p>\n </div>\n </div>\n }\n\n @if (destinations?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of destinations; track $index) {\n <div class=\"faq-item\" [class.active]=\"isActive($index)\">\n <button\n class=\"faq-hoteles\"\n [attr.aria-expanded]=\"isActive($index)\"\n (click)=\"onToggleFaq($index)\"\n >\n {{ item?.name }}\n <span\n class=\"faq-icon\"\n [class.rotate]=\"isActive($index)\"\n ></span>\n </button>\n\n <div\n class=\"faq-answer\"\n #faqAnswer\n [class.open]=\"isActive($index)\"\n >\n @if (item?.hotels?.length) {\n @for (el of item?.hotels; track $index) {\n @if (getHotelById(el.id); as hotel) {\n <a\n class=\"item\"\n [href]=\"hotel.buttons?.[0]?.url\"\n [linkType]=\"\n hotel.buttons?.[0]?.linkType\n \"\n [attr.aria-label]=\"\n hotel.buttons?.[0]?.label\n \"\n [style.--hover-color]=\"\n hotel?.styles?.primary\n \"\n >\n {{ hotel.texts?.name }}\n\n @if (\n hotel.hoteltype === 'Hotel' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n hotel.hoteltype ===\n 'Apartamento' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n />\n </svg>\n }\n </div>\n }\n\n <!-- SVG grandes del primer link de Costa Brava -->\n <!-- <ng-container\n *ngIf=\"hotel.showBigIcons\"\n > -->\n <!-- tus 2 SVG grandes tal cual -->\n <!-- (copiados de tu HTML original) -->\n <!-- ... -->\n <!-- </ng-container> -->\n\n <!-- SVG peque\u00F1os del link que los lleva -->\n <!-- <ng-container\n *ngIf=\"hotel.showSmallIcons\"\n > -->\n <!-- tus 3 SVG peque\u00F1os tal cual -->\n <!-- ... -->\n <!-- </ng-container> -->\n </a>\n }\n }\n }\n </div>\n </div>\n }\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-f03 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between}.mdl-f03 .mdl-container .m-content{width:100%;max-width:38.7rem;height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-f03 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{width:100%;max-width:32.8rem;color:#515050}.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{color:#515050}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-listadofaqs{width:100%;max-width:95.6rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0;cursor:pointer}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .category{align-items:center;display:flex}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover:before{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover svg path{fill:#ff4338;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover:before{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover svg path{fill:#5b87da;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover:before{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover svg path{fill:#3fd5ae;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles .faq-icon{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0;filter:none!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon:hover{transform:rotate(90deg)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.1rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{display:flex;justify-content:space-between;align-items:center;width:100%;color:#51505099;font-weight:400!important;cursor:pointer;padding:1rem 0;font-weight:700;transition:color .3s ease;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.3rem;height:1.3rem;position:absolute;right:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon:hover{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 2.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{display:flex;flex-direction:row;gap:1.5rem;position:relative;transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg{width:1.3rem;height:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg path{transition:all .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:before{content:\"\\2022\";position:absolute;left:-20px;color:#ed3b37;font-size:1.8rem;line-height:1;top:50%;transform:translateY(-50%);transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover{color:#ed3b37;color:var(--hover-color, currentColor)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg{fill:var(--hover-color, currentColor);opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg path{fill:var(--hover-color, currentColor)!important;fill-opacity:1!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg *{fill:var(--hover-color, currentColor)!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover:before{color:var(--hover-color, currentColor)}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs{max-width:72.5rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:3.2rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{max-width:41.8rem;line-height:3.6rem}.mdl-f03 .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem}.mdl-f03 .mdl-container .m-listadofaqs{max-width:100%}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{padding:3rem 0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{line-height:5.5rem;font-size:1.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{padding:2rem 0 1rem 2.8rem;max-height:max-content!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{padding:0 3rem 0 0;color:#51505099;font-size:2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{width:.9rem;height:.9rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 768px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 540px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 44rem){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{font-size:1.3rem;line-height:3.8rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
13215
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonLisC2TxtComponent, isStandalone: true, selector: "lib-babylon-lis-c2-txt", inputs: { texts: "texts", destinations: "destinations", hotels: "hotels", items: "items" }, viewQueries: [{ propertyName: "answers", predicate: ["faqAnswer"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-f03\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-content\">\n <div class=\"m-top\">\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n <p class=\"m-texto\">\n {{ texts.description }}\n </p>\n </div>\n </div>\n }\n\n @if (faqsNormalized?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of faqsNormalized; track $index) {\n <div class=\"faq-item\" [class.active]=\"isActive($index)\">\n <button\n class=\"faq-hoteles\"\n [attr.aria-expanded]=\"isActive($index)\"\n (click)=\"onToggleFaq($index)\"\n >\n {{ item?.title }}\n <span\n class=\"faq-icon\"\n [class.rotate]=\"isActive($index)\"\n ></span>\n </button>\n\n <div\n class=\"faq-answer\"\n #faqAnswer\n [class.open]=\"isActive($index)\"\n >\n @if (item.kind === 'item') {\n <div class=\"faq-text\">\n {{ item.text }}\n </div>\n } @else {\n @if (item?.hotels?.length) {\n @for (el of item?.hotels; track $index) {\n @if (getHotelById(el.id); as hotel) {\n <a\n class=\"item\"\n [href]=\"hotel.buttons?.[0]?.url\"\n [linkType]=\"\n hotel.buttons?.[0]?.linkType\n \"\n [attr.aria-label]=\"\n hotel.buttons?.[0]?.label\n \"\n [style.--hover-color]=\"\n hotel?.styles?.primary\n \"\n >\n {{ hotel.texts?.name }}\n\n @if (\n hotel.hoteltype ===\n 'Hotel' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n hotel.hoteltype ===\n 'Apartamento' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n />\n </svg>\n }\n </div>\n }\n\n <!-- SVG grandes del primer link de Costa Brava -->\n <!-- <ng-container\n *ngIf=\"hotel.showBigIcons\"\n > -->\n <!-- tus 2 SVG grandes tal cual -->\n <!-- (copiados de tu HTML original) -->\n <!-- ... -->\n <!-- </ng-container> -->\n\n <!-- SVG peque\u00F1os del link que los lleva -->\n <!-- <ng-container\n *ngIf=\"hotel.showSmallIcons\"\n > -->\n <!-- tus 3 SVG peque\u00F1os tal cual -->\n <!-- ... -->\n <!-- </ng-container> -->\n </a>\n }\n }\n }\n }\n </div>\n </div>\n }\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-f03 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between}.mdl-f03 .mdl-container .m-content{width:100%;max-width:38.7rem;height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-f03 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{width:100%;max-width:32.8rem;color:#515050}.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{color:#515050}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-listadofaqs{width:100%;max-width:95.6rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0;cursor:pointer}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .category{align-items:center;display:flex}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover:before{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover svg path{fill:#ff4338;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover:before{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover svg path{fill:#5b87da;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover:before{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover svg path{fill:#3fd5ae;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles .faq-icon{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0;filter:none!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon:hover{transform:rotate(90deg)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.1rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{display:flex;justify-content:space-between;align-items:center;width:100%;color:#51505099;font-weight:400!important;cursor:pointer;padding:1rem 0;font-weight:700;transition:color .3s ease;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.3rem;height:1.3rem;position:absolute;right:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon:hover{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 2.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{display:flex;flex-direction:row;gap:1.5rem;position:relative;transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg{width:1.3rem;height:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg path{transition:all .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:before{content:\"\\2022\";position:absolute;left:-20px;color:#ed3b37;font-size:1.8rem;line-height:1;top:50%;transform:translateY(-50%);transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover{color:#ed3b37;color:var(--hover-color, currentColor)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg{fill:var(--hover-color, currentColor);opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg path{fill:var(--hover-color, currentColor)!important;fill-opacity:1!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg *{fill:var(--hover-color, currentColor)!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover:before{color:var(--hover-color, currentColor)}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs{max-width:72.5rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:3.2rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{max-width:41.8rem;line-height:3.6rem}.mdl-f03 .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem}.mdl-f03 .mdl-container .m-listadofaqs{max-width:100%}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{padding:3rem 0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{line-height:5.5rem;font-size:1.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{padding:2rem 0 1rem 2.8rem;max-height:max-content!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{padding:0 3rem 0 0;color:#51505099;font-size:2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{width:.9rem;height:.9rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 768px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 540px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 44rem){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{font-size:1.3rem;line-height:3.8rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
13413
13216
|
}
|
|
13414
13217
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLisC2TxtComponent, decorators: [{
|
|
13415
13218
|
type: Component,
|
|
13416
|
-
args: [{ selector: 'lib-babylon-lis-c2-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-f03\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-content\">\n <div class=\"m-top\">\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n <p class=\"m-texto\">\n {{ texts.description }}\n </p>\n </div>\n </div>\n }\n\n @if (destinations?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of destinations; track $index) {\n <div class=\"faq-item\" [class.active]=\"isActive($index)\">\n <button\n class=\"faq-hoteles\"\n [attr.aria-expanded]=\"isActive($index)\"\n (click)=\"onToggleFaq($index)\"\n >\n {{ item?.name }}\n <span\n class=\"faq-icon\"\n [class.rotate]=\"isActive($index)\"\n ></span>\n </button>\n\n <div\n class=\"faq-answer\"\n #faqAnswer\n [class.open]=\"isActive($index)\"\n >\n @if (item?.hotels?.length) {\n @for (el of item?.hotels; track $index) {\n @if (getHotelById(el.id); as hotel) {\n <a\n class=\"item\"\n [href]=\"hotel.buttons?.[0]?.url\"\n [linkType]=\"\n hotel.buttons?.[0]?.linkType\n \"\n [attr.aria-label]=\"\n hotel.buttons?.[0]?.label\n \"\n [style.--hover-color]=\"\n hotel?.styles?.primary\n \"\n >\n {{ hotel.texts?.name }}\n\n @if (\n hotel.hoteltype === 'Hotel' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n hotel.hoteltype ===\n 'Apartamento' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n />\n </svg>\n }\n </div>\n }\n\n <!-- SVG grandes del primer link de Costa Brava -->\n <!-- <ng-container\n *ngIf=\"hotel.showBigIcons\"\n > -->\n <!-- tus 2 SVG grandes tal cual -->\n <!-- (copiados de tu HTML original) -->\n <!-- ... -->\n <!-- </ng-container> -->\n\n <!-- SVG peque\u00F1os del link que los lleva -->\n <!-- <ng-container\n *ngIf=\"hotel.showSmallIcons\"\n > -->\n <!-- tus 3 SVG peque\u00F1os tal cual -->\n <!-- ... -->\n <!-- </ng-container> -->\n </a>\n }\n }\n }\n </div>\n </div>\n }\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-f03 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between}.mdl-f03 .mdl-container .m-content{width:100%;max-width:38.7rem;height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-f03 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{width:100%;max-width:32.8rem;color:#515050}.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{color:#515050}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-listadofaqs{width:100%;max-width:95.6rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0;cursor:pointer}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .category{align-items:center;display:flex}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover:before{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover svg path{fill:#ff4338;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover:before{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover svg path{fill:#5b87da;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover:before{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover svg path{fill:#3fd5ae;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles .faq-icon{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0;filter:none!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon:hover{transform:rotate(90deg)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.1rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{display:flex;justify-content:space-between;align-items:center;width:100%;color:#51505099;font-weight:400!important;cursor:pointer;padding:1rem 0;font-weight:700;transition:color .3s ease;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.3rem;height:1.3rem;position:absolute;right:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon:hover{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 2.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{display:flex;flex-direction:row;gap:1.5rem;position:relative;transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg{width:1.3rem;height:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg path{transition:all .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:before{content:\"\\2022\";position:absolute;left:-20px;color:#ed3b37;font-size:1.8rem;line-height:1;top:50%;transform:translateY(-50%);transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover{color:#ed3b37;color:var(--hover-color, currentColor)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg{fill:var(--hover-color, currentColor);opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg path{fill:var(--hover-color, currentColor)!important;fill-opacity:1!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg *{fill:var(--hover-color, currentColor)!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover:before{color:var(--hover-color, currentColor)}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs{max-width:72.5rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:3.2rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{max-width:41.8rem;line-height:3.6rem}.mdl-f03 .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem}.mdl-f03 .mdl-container .m-listadofaqs{max-width:100%}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{padding:3rem 0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{line-height:5.5rem;font-size:1.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{padding:2rem 0 1rem 2.8rem;max-height:max-content!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{padding:0 3rem 0 0;color:#51505099;font-size:2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{width:.9rem;height:.9rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 768px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 540px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 44rem){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{font-size:1.3rem;line-height:3.8rem}}\n"] }]
|
|
13219
|
+
args: [{ selector: 'lib-babylon-lis-c2-txt', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-f03\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-content\">\n <div class=\"m-top\">\n <h2 class=\"m-titulo\">\n {{ texts.title }}\n </h2>\n <p class=\"m-texto\">\n {{ texts.description }}\n </p>\n </div>\n </div>\n }\n\n @if (faqsNormalized?.length) {\n <div class=\"m-listadofaqs\">\n @for (item of faqsNormalized; track $index) {\n <div class=\"faq-item\" [class.active]=\"isActive($index)\">\n <button\n class=\"faq-hoteles\"\n [attr.aria-expanded]=\"isActive($index)\"\n (click)=\"onToggleFaq($index)\"\n >\n {{ item?.title }}\n <span\n class=\"faq-icon\"\n [class.rotate]=\"isActive($index)\"\n ></span>\n </button>\n\n <div\n class=\"faq-answer\"\n #faqAnswer\n [class.open]=\"isActive($index)\"\n >\n @if (item.kind === 'item') {\n <div class=\"faq-text\">\n {{ item.text }}\n </div>\n } @else {\n @if (item?.hotels?.length) {\n @for (el of item?.hotels; track $index) {\n @if (getHotelById(el.id); as hotel) {\n <a\n class=\"item\"\n [href]=\"hotel.buttons?.[0]?.url\"\n [linkType]=\"\n hotel.buttons?.[0]?.linkType\n \"\n [attr.aria-label]=\"\n hotel.buttons?.[0]?.label\n \"\n [style.--hover-color]=\"\n hotel?.styles?.primary\n \"\n >\n {{ hotel.texts?.name }}\n\n @if (\n hotel.hoteltype ===\n 'Hotel' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n >\n <g\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g>\n <g>\n <g\n transform=\"translate(-1404.000000, -5922.000000) translate(191.000000, 5865.000000) translate(1109.000000, 57.000000)\"\n >\n <g>\n <path\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n fill-rule=\"nonzero\"\n d=\"M10 0l2.294 7.104c.034.106.133.178.245.178L20 7.267l-6.046 4.374v.001c-.09.066-.128.182-.093.289l2.322 7.095-6.032-4.4c-.09-.065-.213-.065-.303 0l-6.029 4.4 2.322-7.095H6.14c.035-.107-.003-.223-.094-.289L0 7.268l7.461.015.001-.001c.112 0 .211-.072.245-.178L10 0z\"\n transform=\"translate(104.000000, 0.000000)\"\n />\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n }\n </div>\n }\n\n @if (\n hotel.hoteltype ===\n 'Apartamento' &&\n hotel?.hotelcategory\n ) {\n <div class=\"category\">\n @for (\n item of getNumber(\n hotel.hotelcategory ??\n ''\n );\n track $index\n ) {\n <svg\n width=\"13\"\n height=\"13\"\n viewBox=\"0 0 13 13\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.146296 4.26479L1.14015 2.01692C1.31289 1.62559 1.62559 1.31289 2.01692 1.14015L4.26479 0.146297C4.58174 0.00641826 4.93356 -0.0343944 5.27412 0.0292127C5.61467 0.0928198 5.92805 0.257876 6.17314 0.50273L7.9475 2.27839C8.1606 2.49155 8.31388 2.75701 8.39197 3.04813C8.47006 3.33925 8.4702 3.64578 8.39239 3.93698L7.93579 5.64109L12.866 10.5713C12.9085 10.6136 12.9422 10.6639 12.9652 10.7193C12.9882 10.7746 13 10.834 13 10.8939V12.5447C12.9993 12.6652 12.9511 12.7807 12.8659 12.8659C12.7807 12.9511 12.6652 12.9993 12.5447 13H10.8939C10.7926 12.9998 10.6942 12.9659 10.6142 12.9038C10.5341 12.8416 10.477 12.7547 10.4516 12.6566L10.2045 11.6796L9.3303 11.5131C9.24322 11.4968 9.16282 11.4553 9.09903 11.3938C9.03523 11.3323 8.99082 11.2535 8.97127 11.1671L8.73321 10.1173L7.89026 10.0367C7.78479 10.0274 7.68608 9.9808 7.61188 9.90528L5.64109 7.93579L3.93697 8.39239C3.6458 8.47047 3.33919 8.47046 3.04802 8.39236C2.75685 8.31426 2.4914 8.16082 2.27839 7.9475L0.502729 6.17314C0.257875 5.92805 0.0928202 5.61467 0.029213 5.27412C-0.0343943 4.93357 0.00641727 4.58174 0.146296 4.26479ZM3.6703 5.08953C3.81061 5.22968 3.98932 5.32508 4.18385 5.36369C4.37837 5.40229 4.57997 5.38236 4.76317 5.30641C4.94636 5.23047 5.10294 5.10191 5.21309 4.937C5.32324 4.7721 5.38203 4.57823 5.38203 4.37991C5.38203 4.1816 5.32324 3.98773 5.21309 3.82283C5.10294 3.65792 4.94636 3.52936 4.76317 3.45342C4.57997 3.37747 4.37837 3.35754 4.18385 3.39614C3.98932 3.43475 3.81061 3.53015 3.6703 3.6703C3.57689 3.76336 3.50277 3.87395 3.45219 3.99572C3.40162 4.1175 3.37558 4.24806 3.37558 4.37991C3.37558 4.51177 3.40162 4.64233 3.45219 4.76411C3.50277 4.88588 3.57689 4.99647 3.6703 5.08953Z\"\n fill=\"#515050\"\n fill-opacity=\"0.3\"\n />\n </svg>\n }\n </div>\n }\n\n <!-- SVG grandes del primer link de Costa Brava -->\n <!-- <ng-container\n *ngIf=\"hotel.showBigIcons\"\n > -->\n <!-- tus 2 SVG grandes tal cual -->\n <!-- (copiados de tu HTML original) -->\n <!-- ... -->\n <!-- </ng-container> -->\n\n <!-- SVG peque\u00F1os del link que los lleva -->\n <!-- <ng-container\n *ngIf=\"hotel.showSmallIcons\"\n > -->\n <!-- tus 3 SVG peque\u00F1os tal cual -->\n <!-- ... -->\n <!-- </ng-container> -->\n </a>\n }\n }\n }\n }\n </div>\n </div>\n }\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-button-big{display:block;min-width:max-content;max-width:100%;width:33rem;text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;cursor:pointer;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-big{font-size:1.6rem}}.m-button-big.red{background-color:#ff4338}@media (hover: hover){.m-button-big.red:hover{background-color:#ed3b37}}.m-button-big.blue{background-color:#5b87da}@media (hover: hover){.m-button-big.blue:hover{background-color:#446ecd}}.m-button-big.green{background-color:#3fd5ae}@media (hover: hover){.m-button-big.green:hover{background-color:#2ec99b}}.m-button-big.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-big.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-big span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-big:hover{background-color:#ed3b37}}.m-button-sm{display:block;min-width:max-content;width:100%;max-width:26rem;text-align:center;cursor:pointer;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease;height:4.8rem;position:relative;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button-sm{font-size:1.6rem}}.m-button-sm.red{background-color:#ff4338}@media (hover: hover){.m-button-sm.red:hover{background-color:#ed3b37}}.m-button-sm.blue{background-color:#5b87da}@media (hover: hover){.m-button-sm.blue:hover{background-color:#446ecd}}.m-button-sm.green{background-color:#3fd5ae}@media (hover: hover){.m-button-sm.green:hover{background-color:#2ec99b}}.m-button-sm.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button-sm.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}.m-button-sm span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media (hover: hover){.m-button-sm:hover{background-color:#ed3b37}}.m-underline{display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;color:#515050;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline{font-size:1.6rem}}@media (hover: hover){.m-underline:hover,.m-underline.active{color:#ed3b37}.m-underline:hover:after,.m-underline.active:after{opacity:1;width:100%}}.m-underline:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;z-index:1}.m-underline:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:0;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}.m-underline-red{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-red{font-size:1.6rem}}.m-underline-red:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-red:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#ed3b37;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-red:hover{color:#ed3b37}.m-underline-red:hover:after{width:100%}}.m-underline-blue{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-blue{font-size:1.6rem}}.m-underline-blue:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-blue:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#446ecd;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-blue:hover{color:#446ecd}.m-underline-blue:hover:after{width:100%}}.m-underline-green{color:#515050b2;display:block;width:max-content;position:relative;text-align:center;cursor:pointer;transition:.3s ease;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-underline-green{font-size:1.6rem}}.m-underline-green:before{content:\"\";position:absolute;bottom:-1rem;left:0;width:100%;height:.1rem;background-color:#515050b2;z-index:1}.m-underline-green:after{content:\"\";position:absolute;bottom:-1rem;left:0;opacity:1;width:0%;height:.2rem;background-color:#2ec99b;transition:.3s ease;z-index:2}@media (hover: hover){.m-underline-green:hover{color:#2ec99b}.m-underline-green:hover:after{width:100%}}.m-swiper-button{width:4.8rem;height:4.8rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative}.m-swiper-button.swiper-button-disabled{opacity:.7}.m-swiper-button svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button.prev{border-top-left-radius:8rem;border-bottom-left-radius:8rem}.m-swiper-button.next{border-top-right-radius:8rem;border-bottom-right-radius:8rem}@media (hover: hover){.m-swiper-button:hover{background-color:#ed3b37}}@media (max-width: 768px){.m-swiper-button{width:3.8rem;height:3.8rem}}@media (max-width: 540px){.m-swiper-button{width:3.2rem;height:3.2rem}.m-swiper-button svg{width:.5rem}}.m-swiper-button-s{width:3rem;height:3rem;background-color:#ff4338;transition:.3s ease;cursor:pointer;position:relative;border-radius:100%}.m-swiper-button-s svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.m-swiper-button-s.prev svg{left:45%}.m-swiper-button-s.next svg{left:55%}@media (hover: hover){.m-swiper-button-s:hover{background-color:#ed3b37}}.m-button-close{background-color:#ff4338;width:4.4rem;height:4.4rem;border-radius:100%;transition:.3s ease;cursor:pointer;position:relative}.m-button-close svg{transition:transform .4s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media (hover: hover){.m-button-close:hover{background-color:#ed3b37}.m-button-close:hover svg{transform:rotate(180deg)}}.m-button{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button{font-size:1.6rem}}.m-button{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;background-color:#ff4338;border-radius:.4rem;transition:.3s ease}@media (hover: hover){.m-button:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}.m-button2{display:block;width:max-content;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.m-button2{font-size:1.6rem}}.m-button2{text-align:center;box-sizing:border-box;padding:1.1rem;color:#fff;border-radius:.4rem;transition:.3s ease;background-color:transparent;border:.1rem solid white}.m-button2.red{background-color:#ff4338}@media (hover: hover){.m-button2.red:hover{background-color:#ed3b37}}.m-button2.blue{background-color:#5b87da}@media (hover: hover){.m-button2.blue:hover{background-color:#446ecd}}.m-button2.green{background-color:#3fd5ae}@media (hover: hover){.m-button2.green:hover{background-color:#2ec99b}}.m-button2.underline{color:#fff;border:.1rem solid white;background-color:transparent}@media (hover: hover){.m-button2.underline:hover{border:.1rem solid #ed3b37;background-color:#ed3b37}}@media (hover: hover){.m-button2:hover{background-color:#ed3b37}}@media (max-width: 540px){.m-button2{min-width:unset;max-width:33rem;width:100%;font-size:1.6rem}}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input:not([type=radio]):not([type=checkbox]),textarea,select{background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::placeholder,textarea::placeholder,select::placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{font-size:1.4rem;font-weight:500}input:not([type=radio]):not([type=checkbox])::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{font-size:1.4rem;font-weight:500}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f6f6f6 inset!important;-webkit-text-fill-color:white!important;transition:background-color 5000s ease-in-out 0s}select{position:relative;cursor:pointer}select.mini-arrow{position:relative;background-repeat:no-repeat;background-position-x:\"calc(100% - 0.8rem)\";background-position-y:50%;min-width:.8rem}select option{font-size:1.4rem;font-weight:500;color:#000}.m-checkbox-group{display:flex;flex-direction:row;align-items:flex-start}.m-checkbox-group .m-checkbox,.m-checkbox-group input{border-radius:0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.8rem;height:2.8rem;border:.1rem solid #d2d2d2;background-color:transparent;padding:0;margin-right:2rem;border-radius:0;cursor:pointer;position:relative}.m-checkbox-group .m-checkbox:checked,.m-checkbox-group input:checked{background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:1.6rem;position:relative;left:0rem;top:0rem}.m-checkbox-group label{font-size:1.3rem;font-weight:600;max-width:\"calc(100% - 5rem)\"}.m-radio-group{display:flex;flex-direction:row;align-items:center}.m-radio-group .m-radio{-webkit-appearance:none;width:2.8rem;height:2.8rem;border:.2rem solid #d2d2d2;background-color:transparent;border-radius:50%;padding:0;margin-right:2rem;cursor:pointer;position:relative}.m-radio-group .m-radio:checked{background-color:#fff!important}.m-radio-group .m-radio:checked:after{content:\" \";position:absolute;top:50%;left:50%;width:1.6rem;height:1.6rem;border-radius:50%;background-color:#eec52b;transform:translate(-50%,-50%)}.m-radio-group label{font-size:1.4rem;font-weight:500;max-width:\"calc(100% - 5rem)\"}.m-input.m-calendar{background-repeat:no-repeat;background-position-x:\"calc(100% - 2rem)\";background-position-y:50%}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#00000082!important}section[class*=mdl]{padding-left:10rem;padding-right:10rem;box-sizing:border-box}@media (max-width: 1366px){section[class*=mdl]{padding-left:9rem;padding-right:9rem}}@media (max-width: 1280px){section[class*=mdl]{padding-left:8rem;padding-right:8rem}}@media (max-width: 1080px){section[class*=mdl]{padding-left:9.5rem;padding-right:9.5rem}}@media (max-width: 768px){section[class*=mdl]{padding-left:7.7rem;padding-right:7.7rem}}@media (max-width: 540px){section[class*=mdl]{padding-left:4.1rem;padding-right:4.1rem}}@media (max-width: 375px){section[class*=mdl]{padding-left:2.7rem;padding-right:2.7rem}}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.readmoreinit{overflow:hidden}.readmoreinit{line-height:1.6!important}@media screen and (max-width: 1200px){.readmoreinit{line-height:1.6!important}}@media screen and (max-width: 600px){.readmoreinit{line-height:1.6!important}}.read-more{display:flex;flex-direction:column;font-family:jokker,sans-serif;font-size:1.5rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;color:#e6411e;text-decoration:underline;cursor:pointer;margin-top:2rem}.read-more .less{display:none}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}.fancybox__container{background-color:#fff}.fancybox__container .fancybox__slide{flex-direction:column-reverse}.fancybox__container .fancybox__backdrop,.fancybox__container .fancybox__counter{display:none}.fancybox__container .fancybox__caption{color:#515050b2;text-align:center;font-family:jokker,sans-serif;font-weight:400;font-size:1.8rem;line-height:3.9rem;padding:0rem 0 2rem}@media (max-width: 540px){.fancybox__container .fancybox__caption{font-size:1.5rem}}@media (max-width: 375px){.fancybox__container .fancybox__caption{font-size:1.3rem}}.fancybox__container .fancybox__thumbs{display:none}.fancybox__container .fancybox__nav .carousel__button{background-color:#ff4338;top:55%}.fancybox__container .fancybox__nav .carousel__button svg{stroke:#fff;stroke-width:.3rem}.fancybox__container .carousel__button.is-close svg{display:none}.fancybox__container .carousel__button.is-close{background-size:100%;width:4.2rem;height:4.2rem;top:-4.7rem;right:-5rem;transition:transform .3s ease;transform:rotate(0)}.fancybox__container .carousel__button.is-close:hover{transition:transform .3s ease;transform:rotate(180deg)}@media (max-width: 540px){.fancybox__container .carousel__button.is-close{width:3rem;height:3rem}}.fancybox__container .fancybox__toolbar{border-bottom:none;margin:0 0 0 auto;padding:1rem}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items button:not(.fancybox__button--close){display:none}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close{background-color:#ff4338}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg{width:40%}.fancybox__container .fancybox__toolbar .fancybox__toolbar__items .fancybox__button--close svg path{stroke:#fff;stroke-width:.3rem}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-f03 .mdl-container{display:flex;margin-top:7rem;margin-bottom:7rem;justify-content:space-between}.mdl-f03 .mdl-container .m-content{width:100%;max-width:38.7rem;height:auto;display:flex;flex-direction:column;justify-content:space-between}.mdl-f03 .mdl-container .m-content .m-top{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{width:100%;max-width:32.8rem;color:#515050}.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-top .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-top .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-content .m-bottom{gap:5rem;display:flex;flex-direction:column}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-family:jokker,sans-serif;font-weight:300;font-size:3.2rem;line-height:4.6rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:2.4rem;line-height:3.4rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{font-size:1.8rem;line-height:2.6rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-titulo{color:#515050}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-content .m-bottom .m-texto{color:#515050b2}.mdl-f03 .mdl-container .m-listadofaqs{width:100%;max-width:95.6rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{border-bottom:.1rem solid #e4e4e4;padding:2.2rem 0;cursor:pointer}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .category{align-items:center;display:flex}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover:before{color:#ff4338}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.red .faq-answer a:hover svg path{fill:#ff4338;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover:before{color:#5b87da}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.blue .faq-answer a:hover svg path{fill:#5b87da;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover:before{color:#3fd5ae}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.green .faq-answer a:hover svg path{fill:#3fd5ae;fill-opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:hover .faq-hoteles .faq-icon{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles{color:#515050;font-weight:500!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0;filter:none!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item.active .faq-hoteles .faq-icon:hover{transform:rotate(90deg)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item:first-child{border-top:.1rem solid #e4e4e4}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.5rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{font-size:1.1rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{display:flex;justify-content:space-between;align-items:center;width:100%;color:#51505099;font-weight:400!important;cursor:pointer;padding:1rem 0;font-weight:700;transition:color .3s ease;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{transition:transform .3s ease;transform:rotate(45deg);background:url(/assets/babylon/svg/icons/close.svg) no-repeat center center;background-size:contain;width:1.3rem;height:1.3rem;position:absolute;right:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon:hover{filter:invert(22%) sepia(99%) saturate(6457%) hue-rotate(356deg) brightness(95%) contrast(92%)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{transform:rotate(0);background-color:red;background:url(/assets/babylon/svg/icons/closeRed.svg) no-repeat center center;background-size:contain;width:3.7rem;height:3.7rem;right:0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-family:jokker,sans-serif;font-weight:300;font-size:2rem;line-height:3.9rem}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.5rem;line-height:3rem}}@media (max-width: 540px){.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{font-size:1.1rem;line-height:2rem}}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer{max-height:0;overflow:hidden;padding:0;transition:max-height .35s ease,padding .35s ease;color:#515050b2;position:relative}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{max-width:76rem;padding:1rem 0;padding:1rem 0 1rem 2.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{display:flex;flex-direction:row;gap:1.5rem;position:relative;transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg{width:1.3rem;height:1.3rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a svg path{transition:all .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:before{content:\"\\2022\";position:absolute;left:-20px;color:#ed3b37;font-size:1.8rem;line-height:1;top:50%;transform:translateY(-50%);transition:color .3s ease}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover{color:#ed3b37;color:var(--hover-color, currentColor)}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg{fill:var(--hover-color, currentColor);opacity:1}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg path{fill:var(--hover-color, currentColor)!important;fill-opacity:1!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover .category svg *{fill:var(--hover-color, currentColor)!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a:hover:before{color:var(--hover-color, currentColor)}@media (max-width: 1366px){.mdl-f03 .mdl-container .m-listadofaqs{max-width:72.5rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:3.2rem}}@media (max-width: 1080px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{max-width:41.8rem;line-height:3.6rem}.mdl-f03 .mdl-container .m-content .m-bottom{gap:2.8rem}.mdl-f03 .mdl-container .m-content .m-bottom .m-button-sm{min-width:14.8rem;padding:.6rem!important;color:#fff;height:2.7rem;font-size:1rem}.mdl-f03 .mdl-container .m-listadofaqs{max-width:100%}.mdl-f03 .mdl-container .m-listadofaqs .faq-item{padding:3rem 0}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{line-height:5.5rem;font-size:1.8rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer.open{padding:2rem 0 1rem 2.8rem;max-height:max-content!important}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles{padding:0 3rem 0 0;color:#51505099;font-size:2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles .faq-icon{width:.9rem;height:.9rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-hoteles.active .faq-icon{width:2rem;right:.8rem;height:2rem}}@media (max-width: 768px){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 540px){.mdl-f03 .mdl-container{flex-direction:column;gap:3rem}.mdl-f03 .mdl-container .m-content{gap:3rem}.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.8rem}}@media (max-width: 44rem){.mdl-f03 .mdl-container .m-content .m-top .m-titulo{font-size:2.2rem}.mdl-f03 .mdl-container .m-listadofaqs .faq-item .faq-answer a{font-size:1.3rem;line-height:3.8rem}}\n"] }]
|
|
13417
13220
|
}], propDecorators: { texts: [{
|
|
13418
13221
|
type: Input
|
|
13419
13222
|
}], destinations: [{
|
|
13420
13223
|
type: Input
|
|
13421
13224
|
}], hotels: [{
|
|
13422
13225
|
type: Input
|
|
13226
|
+
}], items: [{
|
|
13227
|
+
type: Input
|
|
13423
13228
|
}], answers: [{
|
|
13424
13229
|
type: ViewChildren,
|
|
13425
13230
|
args: ['faqAnswer']
|
|
@@ -16458,6 +16263,7 @@ class C2ImgTxtSvgComponent {
|
|
|
16458
16263
|
constructor() {
|
|
16459
16264
|
this.content = DEFAULT_CONTENT$8;
|
|
16460
16265
|
this.reverse = false;
|
|
16266
|
+
this.tagNameMap = 'C2ImgTxtSvgMap';
|
|
16461
16267
|
}
|
|
16462
16268
|
trackByTitle(index, section) {
|
|
16463
16269
|
return section.title ?? `${index}`;
|
|
@@ -16465,16 +16271,29 @@ class C2ImgTxtSvgComponent {
|
|
|
16465
16271
|
trackByLine(index, line) {
|
|
16466
16272
|
return line.text ?? `${index}`;
|
|
16467
16273
|
}
|
|
16274
|
+
getFirstImageByTag(tagName) {
|
|
16275
|
+
return getFirstImageByTagFromMultimedia(this.multimedia, tagName);
|
|
16276
|
+
}
|
|
16468
16277
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2ImgTxtSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16469
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: C2ImgTxtSvgComponent, isStandalone: true, selector: "c2-img-txt-svg", inputs: { content: "content", reverse: "reverse" }, ngImport: i0, template: "<section class=\"mdl-mdh022\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <img [src]=\"content.leftImage\" alt=\"\" />\n\n <div class=\"text-container\">\n <div\n class=\"m-item\"\n *ngFor=\"\n let section of content.infoSections;\n trackBy: trackByTitle\n \"\n >\n <div class=\"m-title\">{{ section.title }}</div>\n <div\n class=\"m-subitle\"\n *ngFor=\"let line of section.lines; trackBy: trackByLine\"\n >\n <ng-container *ngIf=\"line.url; else textLine\">\n <a\n class=\"m-subitle\"\n [href]=\"line.url\"\n [attr.target]=\"line.target || '_self'\"\n [attr.aria-label]=\"line.text\"\n [attr.rel]=\"\n (line.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n {{ line.text }}\n </a>\n </ng-container>\n <ng-template #textLine>{{ line.text }}</ng-template>\n </div>\n </div>\n </div>\n </div>\n <a\n class=\"m-right\"\n [href]=\"content.mapUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <img [src]=\"content.mapImage\" alt=\"\" />\n <svg\n width=\"79\"\n height=\"89\"\n viewBox=\"0 0 79 89\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <path\n opacity=\"0.2\"\n d=\"M39 89C42.866 89 46 88.1046 46 87C46 85.8954 42.866 85 39 85C35.134 85 32 85.8954 32 87C32 88.1046 35.134 89 39 89Z\"\n fill=\"#515050\"\n />\n <path\n opacity=\"0.2\"\n d=\"M39 88C41.2091 88 43 87.5523 43 87C43 86.4477 41.2091 86 39 86C36.7909 86 35 86.4477 35 87C35 87.5523 36.7909 88 39 88Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M39.462 78.924C61.2563 78.924 78.924 61.2563 78.924 39.462C78.924 17.6677 61.2563 0 39.462 0C17.6677 0 0 17.6677 0 39.462C0 61.2563 17.6677 78.924 39.462 78.924Z\"\n fill=\"#FF4338\"\n />\n <path\n d=\"M39.8647 85.9677C39.7768 86.1195 39.6506 86.2455 39.4987 86.3331C39.3468 86.4207 39.1745 86.4668 38.9992 86.4668C38.8238 86.4668 38.6515 86.4207 38.4996 86.3331C38.3477 86.2455 38.2215 86.1195 38.1337 85.9677L28.8677 69.9677C28.7799 69.8158 28.7337 69.6434 28.7337 69.468C28.7337 69.2925 28.7798 69.1201 28.8674 68.9681C28.9551 68.8162 29.0812 68.6899 29.233 68.6021C29.3849 68.5142 29.5572 68.4679 29.7327 68.4677H48.2657C48.4411 68.4679 48.6134 68.5142 48.7653 68.6021C48.9172 68.6899 49.0433 68.8162 49.1309 68.9681C49.2186 69.1201 49.2647 69.2925 49.2646 69.468C49.2646 69.6434 49.2184 69.8158 49.1307 69.9677L39.8647 85.9677Z\"\n fill=\"#FF4338\"\n />\n <path\n d=\"M38.9996 49.1102L24.9029 35.0105C21.2427 31.3533 21.2427 25.4024 24.9029 21.7452C28.5601 18.0849 34.5109 18.0849 38.1682 21.7452L38.9996 22.5765L39.8338 21.7452C43.4911 18.0849 49.442 18.0849 53.0992 21.7452C56.7564 25.4024 56.7564 31.3533 53.0992 35.0105L38.9996 49.1102ZM31.5356 22.8187C30.1121 22.8187 28.6887 23.36 27.6032 24.4455C25.4352 26.6135 25.4352 30.1422 27.6032 32.3102L38.9996 43.7095L50.3988 32.3102C52.5669 30.1422 52.5669 26.6135 50.3988 24.4455C48.2308 22.2775 44.7022 22.2775 42.5342 24.4455L38.9996 27.9771L35.4679 24.4455C34.3854 23.36 32.959 22.8187 31.5356 22.8187Z\"\n fill=\"white\"\n />\n <path\n d=\"M38.9986 58.9953C32.037 58.9953 25.6196 55.1348 22.2524 48.9178L25.6106 47.0996C28.311 52.0816 33.4395 55.1766 38.9986 55.1766C44.5577 55.1766 49.6862 52.0816 52.3865 47.0996L55.7447 48.9178C52.3776 55.1348 45.9602 58.9953 38.9986 58.9953Z\"\n fill=\"white\"\n />\n </svg>\n <ng-container *ngIf=\"content.button as button\">\n <a\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]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n </a>\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-mdh022.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-right .m-button-sm{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:2.4rem}.mdl-mdh022 .mdl-container{display:flex;flex-direction:row;gap:6rem}.mdl-mdh022 .mdl-container .m-left{display:flex;flex-direction:column;width:30%}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:100%;object-fit:cover;height:auto}.mdl-mdh022 .mdl-container .m-left .text-container{display:flex;flex-direction:column;padding:7.5rem 7rem 7.2rem;border:1px solid #e4e4e4;border-top:none;gap:6rem;box-sizing:border-box}.mdl-mdh022 .mdl-container .m-left .text-container .m-item{display:flex;flex-direction:column;text-align:start}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.5rem}}@media (max-width: 1080px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.1rem}}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{color:#515050;font-weight:500;margin-bottom:2.4rem;text-transform:capitalize}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle{color:#515050b2;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;font-weight:400;line-height:2.8rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:not(:last-child){margin-bottom:.5rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:after{bottom:-.4rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:hover{color:#ed3b37;transition:.3s}.mdl-mdh022 .mdl-container .m-right{position:relative;width:70%}.mdl-mdh022 .mdl-container .m-right img{width:100%;height:100%;object-fit:cover}.mdl-mdh022 .mdl-container .m-right svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:absolute;bottom:4rem;right:0;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;max-width:20rem}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left{width:35%}.mdl-mdh022 .mdl-container .m-left .text-container{padding:3rem;gap:3rem;border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{margin-bottom:1.5rem;font-size:2rem}}@media (max-width: 1280px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:2rem;padding:2rem}}@media (max-width: 1080px){.mdl-mdh022.reverse .mdl-container{flex-direction:column-reverse}.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem;flex-direction:column-reverse}.mdl-mdh022 .mdl-container .m-left{width:100%;flex-direction:row}.mdl-mdh022 .mdl-container .m-left img{width:45%}.mdl-mdh022 .mdl-container .m-left .text-container{width:55%;padding:6rem 2rem 6rem 8rem;border-top:1px solid #e4e4e4;border-left:none}.mdl-mdh022 .mdl-container .m-right{width:100%}}@media (max-width: 768px){.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:column}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-right:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem}.mdl-mdh022 .mdl-container .m-right svg{width:4.9rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{width:18rem}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:5rem 2rem 5rem 7rem;width:100%;border-left:1px solid #e4e4e4;border-top:none}}@media (max-width: 540px){.mdl-mdh022 .mdl-container{gap:3.2rem}.mdl-mdh022 .mdl-container .m-right svg{width:3.3rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:relative;right:auto;top:0;border-radius:2.4rem!important;margin-top:2.9rem;margin:2.9rem auto auto}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:4rem 2rem 4rem 6rem}}@media (max-width: 375px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:3rem;padding:3rem 1rem 3rem 2.1rem}}\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 }); }
|
|
16278
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C2ImgTxtSvgComponent, isStandalone: true, selector: "c2-img-txt-svg", inputs: { content: "content", reverse: "reverse", texts: "texts", multimedia: "multimedia", buttons: "buttons", links: "links", styles: "styles" }, ngImport: i0, template: "<section class=\"mdl-mdh022\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n }\n\n @if (links) {\n <div class=\"text-container\">\n <div class=\"m-item\">\n @if (texts?.addresstitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.addresstitle\"\n ></div>\n }\n @if (links?.[0]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n {{ link.label }}\n </a>\n </ng-container>\n </div>\n }\n </div>\n <div class=\"m-item\">\n @if (texts?.contacttitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.contacttitle\"\n ></div>\n }\n @if (links?.[1]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n {{ link.label }}\n </a>\n </ng-container>\n </div>\n }\n </div>\n </div>\n }\n </div>\n @if (getFirstImageByTag(tagNameMap); as mapImage) {\n <a\n class=\"m-right\"\n [href]=\"texts?.mapUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <img [src]=\"mapImage.img?.src\" alt=\"map\" />\n <svg\n width=\"79\"\n height=\"89\"\n viewBox=\"0 0 79 89\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <path\n opacity=\"0.2\"\n d=\"M39 89C42.866 89 46 88.1046 46 87C46 85.8954 42.866 85 39 85C35.134 85 32 85.8954 32 87C32 88.1046 35.134 89 39 89Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n opacity=\"0.2\"\n d=\"M39 88C41.2091 88 43 87.5523 43 87C43 86.4477 41.2091 86 39 86C36.7909 86 35 86.4477 35 87C35 87.5523 36.7909 88 39 88Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n d=\"M39.462 78.924C61.2563 78.924 78.924 61.2563 78.924 39.462C78.924 17.6677 61.2563 0 39.462 0C17.6677 0 0 17.6677 0 39.462C0 61.2563 17.6677 78.924 39.462 78.924Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M39.8647 85.9677C39.7768 86.1195 39.6506 86.2455 39.4987 86.3331C39.3468 86.4207 39.1745 86.4668 38.9992 86.4668C38.8238 86.4668 38.6515 86.4207 38.4996 86.3331C38.3477 86.2455 38.2215 86.1195 38.1337 85.9677L28.8677 69.9677C28.7799 69.8158 28.7337 69.6434 28.7337 69.468C28.7337 69.2925 28.7798 69.1201 28.8674 68.9681C28.9551 68.8162 29.0812 68.6899 29.233 68.6021C29.3849 68.5142 29.5572 68.4679 29.7327 68.4677H48.2657C48.4411 68.4679 48.6134 68.5142 48.7653 68.6021C48.9172 68.6899 49.0433 68.8162 49.1309 68.9681C49.2186 69.1201 49.2647 69.2925 49.2646 69.468C49.2646 69.6434 49.2184 69.8158 49.1307 69.9677L39.8647 85.9677Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M38.9996 49.1102L24.9029 35.0105C21.2427 31.3533 21.2427 25.4024 24.9029 21.7452C28.5601 18.0849 34.5109 18.0849 38.1682 21.7452L38.9996 22.5765L39.8338 21.7452C43.4911 18.0849 49.442 18.0849 53.0992 21.7452C56.7564 25.4024 56.7564 31.3533 53.0992 35.0105L38.9996 49.1102ZM31.5356 22.8187C30.1121 22.8187 28.6887 23.36 27.6032 24.4455C25.4352 26.6135 25.4352 30.1422 27.6032 32.3102L38.9996 43.7095L50.3988 32.3102C52.5669 30.1422 52.5669 26.6135 50.3988 24.4455C48.2308 22.2775 44.7022 22.2775 42.5342 24.4455L38.9996 27.9771L35.4679 24.4455C34.3854 23.36 32.959 22.8187 31.5356 22.8187Z\"\n fill=\"white\"\n />\n <path\n d=\"M38.9986 58.9953C32.037 58.9953 25.6196 55.1348 22.2524 48.9178L25.6106 47.0996C28.311 52.0816 33.4395 55.1766 38.9986 55.1766C44.5577 55.1766 49.6862 52.0816 52.3865 47.0996L55.7447 48.9178C52.3776 55.1348 45.9602 58.9953 38.9986 58.9953Z\"\n fill=\"white\"\n />\n </svg>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [style.--primary-color]=\"styles?.primary\"\n [style.--hover-color]=\"styles?.primaryHover\"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </a>\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:var(--primary-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:var(--hover-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-mdh022.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-right .m-button-sm{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:2.4rem}.mdl-mdh022 .mdl-container{display:flex;flex-direction:row;gap:6rem}.mdl-mdh022 .mdl-container .m-left{display:flex;flex-direction:column;width:30%}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:100%;object-fit:cover;height:auto}.mdl-mdh022 .mdl-container .m-left .text-container{display:flex;flex-direction:column;padding:7.5rem 7rem 7.2rem;border:1px solid #e4e4e4;border-top:none;gap:6rem;box-sizing:border-box}.mdl-mdh022 .mdl-container .m-left .text-container .m-item{display:flex;flex-direction:column;text-align:start}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.5rem}}@media (max-width: 1080px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.1rem}}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{color:#515050;font-weight:500;margin-bottom:2.4rem;text-transform:capitalize}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle{color:#515050b2;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;font-weight:400;line-height:2.8rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:not(:last-child){margin-bottom:.5rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:after{bottom:-.4rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:hover{color:#ed3b37;transition:.3s}.mdl-mdh022 .mdl-container .m-right{position:relative;width:70%}.mdl-mdh022 .mdl-container .m-right img{width:100%;height:100%;object-fit:cover}.mdl-mdh022 .mdl-container .m-right svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:absolute;bottom:4rem;right:0;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;max-width:20rem}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left{width:35%}.mdl-mdh022 .mdl-container .m-left .text-container{padding:3rem;gap:3rem;border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{margin-bottom:1.5rem;font-size:2rem}}@media (max-width: 1280px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:2rem;padding:2rem}}@media (max-width: 1080px){.mdl-mdh022.reverse .mdl-container{flex-direction:column-reverse}.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem;flex-direction:column-reverse}.mdl-mdh022 .mdl-container .m-left{width:100%;flex-direction:row}.mdl-mdh022 .mdl-container .m-left img{width:45%}.mdl-mdh022 .mdl-container .m-left .text-container{width:55%;padding:6rem 2rem 6rem 8rem;border-top:1px solid #e4e4e4;border-left:none}.mdl-mdh022 .mdl-container .m-right{width:100%}}@media (max-width: 768px){.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:column}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-right:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem}.mdl-mdh022 .mdl-container .m-right svg{width:4.9rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{width:18rem}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:5rem 2rem 5rem 7rem;width:100%;border-left:1px solid #e4e4e4;border-top:none}}@media (max-width: 540px){.mdl-mdh022 .mdl-container{gap:3.2rem}.mdl-mdh022 .mdl-container .m-right svg{width:3.3rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:relative;right:auto;top:0;border-radius:2.4rem!important;margin-top:2.9rem;margin:2.9rem auto auto}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:4rem 2rem 4rem 6rem}}@media (max-width: 375px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:3rem;padding:3rem 1rem 3rem 2.1rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
16470
16279
|
}
|
|
16471
16280
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C2ImgTxtSvgComponent, decorators: [{
|
|
16472
16281
|
type: Component,
|
|
16473
|
-
args: [{ selector: 'c2-img-txt-svg', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule], template: "<section class=\"mdl-mdh022\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n <img [src]=\"content.leftImage\" alt=\"\" />\n\n <div class=\"text-container\">\n <div\n class=\"m-item\"\n *ngFor=\"\n let section of content.infoSections;\n trackBy: trackByTitle\n \"\n >\n <div class=\"m-title\">{{ section.title }}</div>\n <div\n class=\"m-subitle\"\n *ngFor=\"let line of section.lines; trackBy: trackByLine\"\n >\n <ng-container *ngIf=\"line.url; else textLine\">\n <a\n class=\"m-subitle\"\n [href]=\"line.url\"\n [attr.target]=\"line.target || '_self'\"\n [attr.aria-label]=\"line.text\"\n [attr.rel]=\"\n (line.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n {{ line.text }}\n </a>\n </ng-container>\n <ng-template #textLine>{{ line.text }}</ng-template>\n </div>\n </div>\n </div>\n </div>\n <a\n class=\"m-right\"\n [href]=\"content.mapUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <img [src]=\"content.mapImage\" alt=\"\" />\n <svg\n width=\"79\"\n height=\"89\"\n viewBox=\"0 0 79 89\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <path\n opacity=\"0.2\"\n d=\"M39 89C42.866 89 46 88.1046 46 87C46 85.8954 42.866 85 39 85C35.134 85 32 85.8954 32 87C32 88.1046 35.134 89 39 89Z\"\n fill=\"#515050\"\n />\n <path\n opacity=\"0.2\"\n d=\"M39 88C41.2091 88 43 87.5523 43 87C43 86.4477 41.2091 86 39 86C36.7909 86 35 86.4477 35 87C35 87.5523 36.7909 88 39 88Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M39.462 78.924C61.2563 78.924 78.924 61.2563 78.924 39.462C78.924 17.6677 61.2563 0 39.462 0C17.6677 0 0 17.6677 0 39.462C0 61.2563 17.6677 78.924 39.462 78.924Z\"\n fill=\"#FF4338\"\n />\n <path\n d=\"M39.8647 85.9677C39.7768 86.1195 39.6506 86.2455 39.4987 86.3331C39.3468 86.4207 39.1745 86.4668 38.9992 86.4668C38.8238 86.4668 38.6515 86.4207 38.4996 86.3331C38.3477 86.2455 38.2215 86.1195 38.1337 85.9677L28.8677 69.9677C28.7799 69.8158 28.7337 69.6434 28.7337 69.468C28.7337 69.2925 28.7798 69.1201 28.8674 68.9681C28.9551 68.8162 29.0812 68.6899 29.233 68.6021C29.3849 68.5142 29.5572 68.4679 29.7327 68.4677H48.2657C48.4411 68.4679 48.6134 68.5142 48.7653 68.6021C48.9172 68.6899 49.0433 68.8162 49.1309 68.9681C49.2186 69.1201 49.2647 69.2925 49.2646 69.468C49.2646 69.6434 49.2184 69.8158 49.1307 69.9677L39.8647 85.9677Z\"\n fill=\"#FF4338\"\n />\n <path\n d=\"M38.9996 49.1102L24.9029 35.0105C21.2427 31.3533 21.2427 25.4024 24.9029 21.7452C28.5601 18.0849 34.5109 18.0849 38.1682 21.7452L38.9996 22.5765L39.8338 21.7452C43.4911 18.0849 49.442 18.0849 53.0992 21.7452C56.7564 25.4024 56.7564 31.3533 53.0992 35.0105L38.9996 49.1102ZM31.5356 22.8187C30.1121 22.8187 28.6887 23.36 27.6032 24.4455C25.4352 26.6135 25.4352 30.1422 27.6032 32.3102L38.9996 43.7095L50.3988 32.3102C52.5669 30.1422 52.5669 26.6135 50.3988 24.4455C48.2308 22.2775 44.7022 22.2775 42.5342 24.4455L38.9996 27.9771L35.4679 24.4455C34.3854 23.36 32.959 22.8187 31.5356 22.8187Z\"\n fill=\"white\"\n />\n <path\n d=\"M38.9986 58.9953C32.037 58.9953 25.6196 55.1348 22.2524 48.9178L25.6106 47.0996C28.311 52.0816 33.4395 55.1766 38.9986 55.1766C44.5577 55.1766 49.6862 52.0816 52.3865 47.0996L55.7447 48.9178C52.3776 55.1348 45.9602 58.9953 38.9986 58.9953Z\"\n fill=\"white\"\n />\n </svg>\n <ng-container *ngIf=\"content.button as button\">\n <a\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]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n </a>\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-mdh022.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-right .m-button-sm{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:2.4rem}.mdl-mdh022 .mdl-container{display:flex;flex-direction:row;gap:6rem}.mdl-mdh022 .mdl-container .m-left{display:flex;flex-direction:column;width:30%}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:100%;object-fit:cover;height:auto}.mdl-mdh022 .mdl-container .m-left .text-container{display:flex;flex-direction:column;padding:7.5rem 7rem 7.2rem;border:1px solid #e4e4e4;border-top:none;gap:6rem;box-sizing:border-box}.mdl-mdh022 .mdl-container .m-left .text-container .m-item{display:flex;flex-direction:column;text-align:start}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.5rem}}@media (max-width: 1080px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.1rem}}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{color:#515050;font-weight:500;margin-bottom:2.4rem;text-transform:capitalize}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle{color:#515050b2;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;font-weight:400;line-height:2.8rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:not(:last-child){margin-bottom:.5rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:after{bottom:-.4rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:hover{color:#ed3b37;transition:.3s}.mdl-mdh022 .mdl-container .m-right{position:relative;width:70%}.mdl-mdh022 .mdl-container .m-right img{width:100%;height:100%;object-fit:cover}.mdl-mdh022 .mdl-container .m-right svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:absolute;bottom:4rem;right:0;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;max-width:20rem}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left{width:35%}.mdl-mdh022 .mdl-container .m-left .text-container{padding:3rem;gap:3rem;border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{margin-bottom:1.5rem;font-size:2rem}}@media (max-width: 1280px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:2rem;padding:2rem}}@media (max-width: 1080px){.mdl-mdh022.reverse .mdl-container{flex-direction:column-reverse}.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem;flex-direction:column-reverse}.mdl-mdh022 .mdl-container .m-left{width:100%;flex-direction:row}.mdl-mdh022 .mdl-container .m-left img{width:45%}.mdl-mdh022 .mdl-container .m-left .text-container{width:55%;padding:6rem 2rem 6rem 8rem;border-top:1px solid #e4e4e4;border-left:none}.mdl-mdh022 .mdl-container .m-right{width:100%}}@media (max-width: 768px){.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:column}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-right:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem}.mdl-mdh022 .mdl-container .m-right svg{width:4.9rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{width:18rem}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:5rem 2rem 5rem 7rem;width:100%;border-left:1px solid #e4e4e4;border-top:none}}@media (max-width: 540px){.mdl-mdh022 .mdl-container{gap:3.2rem}.mdl-mdh022 .mdl-container .m-right svg{width:3.3rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:relative;right:auto;top:0;border-radius:2.4rem!important;margin-top:2.9rem;margin:2.9rem auto auto}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:4rem 2rem 4rem 6rem}}@media (max-width: 375px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:3rem;padding:3rem 1rem 3rem 2.1rem}}\n"] }]
|
|
16282
|
+
args: [{ selector: 'c2-img-txt-svg', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, BabylonLinkTypeDirective], template: "<section class=\"mdl-mdh022\" [ngClass]=\"{ reverse: reverse }\">\n <div class=\"mdl-container\">\n <div class=\"m-left\">\n @if (multimedia?.imagenes?.[0]; as img) {\n <img [src]=\"img.img?.src\" [alt]=\"img.img?.alt\" />\n }\n\n @if (links) {\n <div class=\"text-container\">\n <div class=\"m-item\">\n @if (texts?.addresstitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.addresstitle\"\n ></div>\n }\n @if (links?.[0]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n {{ link.label }}\n </a>\n </ng-container>\n </div>\n }\n </div>\n <div class=\"m-item\">\n @if (texts?.contacttitle) {\n <div\n class=\"m-title\"\n [innerHTML]=\"texts?.contacttitle\"\n ></div>\n }\n @if (links?.[1]; as link) {\n <div class=\"m-subitle\">\n <ng-container>\n <a\n class=\"m-subitle\"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [attr.target]=\"link.target || '_self'\"\n [attr.aria-label]=\"link.label\"\n [attr.rel]=\"\n (link.target || '_self') ===\n '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n >\n {{ link.label }}\n </a>\n </ng-container>\n </div>\n }\n </div>\n </div>\n }\n </div>\n @if (getFirstImageByTag(tagNameMap); as mapImage) {\n <a\n class=\"m-right\"\n [href]=\"texts?.mapUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <img [src]=\"mapImage.img?.src\" alt=\"map\" />\n <svg\n width=\"79\"\n height=\"89\"\n viewBox=\"0 0 79 89\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n >\n <path\n opacity=\"0.2\"\n d=\"M39 89C42.866 89 46 88.1046 46 87C46 85.8954 42.866 85 39 85C35.134 85 32 85.8954 32 87C32 88.1046 35.134 89 39 89Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n opacity=\"0.2\"\n d=\"M39 88C41.2091 88 43 87.5523 43 87C43 86.4477 41.2091 86 39 86C36.7909 86 35 86.4477 35 87C35 87.5523 36.7909 88 39 88Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#515050'\n \"\n />\n <path\n d=\"M39.462 78.924C61.2563 78.924 78.924 61.2563 78.924 39.462C78.924 17.6677 61.2563 0 39.462 0C17.6677 0 0 17.6677 0 39.462C0 61.2563 17.6677 78.924 39.462 78.924Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M39.8647 85.9677C39.7768 86.1195 39.6506 86.2455 39.4987 86.3331C39.3468 86.4207 39.1745 86.4668 38.9992 86.4668C38.8238 86.4668 38.6515 86.4207 38.4996 86.3331C38.3477 86.2455 38.2215 86.1195 38.1337 85.9677L28.8677 69.9677C28.7799 69.8158 28.7337 69.6434 28.7337 69.468C28.7337 69.2925 28.7798 69.1201 28.8674 68.9681C28.9551 68.8162 29.0812 68.6899 29.233 68.6021C29.3849 68.5142 29.5572 68.4679 29.7327 68.4677H48.2657C48.4411 68.4679 48.6134 68.5142 48.7653 68.6021C48.9172 68.6899 49.0433 68.8162 49.1309 68.9681C49.2186 69.1201 49.2647 69.2925 49.2646 69.468C49.2646 69.6434 49.2184 69.8158 49.1307 69.9677L39.8647 85.9677Z\"\n [attr.fill]=\"\n styles?.primary ?? styles?.primaryHover ?? '#FF4338'\n \"\n />\n <path\n d=\"M38.9996 49.1102L24.9029 35.0105C21.2427 31.3533 21.2427 25.4024 24.9029 21.7452C28.5601 18.0849 34.5109 18.0849 38.1682 21.7452L38.9996 22.5765L39.8338 21.7452C43.4911 18.0849 49.442 18.0849 53.0992 21.7452C56.7564 25.4024 56.7564 31.3533 53.0992 35.0105L38.9996 49.1102ZM31.5356 22.8187C30.1121 22.8187 28.6887 23.36 27.6032 24.4455C25.4352 26.6135 25.4352 30.1422 27.6032 32.3102L38.9996 43.7095L50.3988 32.3102C52.5669 30.1422 52.5669 26.6135 50.3988 24.4455C48.2308 22.2775 44.7022 22.2775 42.5342 24.4455L38.9996 27.9771L35.4679 24.4455C34.3854 23.36 32.959 22.8187 31.5356 22.8187Z\"\n fill=\"white\"\n />\n <path\n d=\"M38.9986 58.9953C32.037 58.9953 25.6196 55.1348 22.2524 48.9178L25.6106 47.0996C28.311 52.0816 33.4395 55.1766 38.9986 55.1766C44.5577 55.1766 49.6862 52.0816 52.3865 47.0996L55.7447 48.9178C52.3776 55.1348 45.9602 58.9953 38.9986 58.9953Z\"\n fill=\"white\"\n />\n </svg>\n @if (buttons?.[0]; as button) {\n <ng-container>\n <a\n class=\"m-button-sm\"\n [href]=\"button.url\"\n [linkType]=\"button.linkType\"\n [attr.target]=\"button.target || '_self'\"\n [attr.aria-label]=\"button.label\"\n [attr.rel]=\"\n (button.target || '_self') === '_blank'\n ? 'noopener noreferrer'\n : null\n \"\n [style.--primary-color]=\"styles?.primary\"\n [style.--hover-color]=\"styles?.primaryHover\"\n >\n <span>{{ button.label }}</span>\n </a>\n </ng-container>\n }\n </a>\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:var(--primary-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:var(--hover-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-mdh022.reverse .mdl-container{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-right .m-button-sm{right:auto;left:0;border-top-left-radius:0;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:2.4rem}.mdl-mdh022 .mdl-container{display:flex;flex-direction:row;gap:6rem}.mdl-mdh022 .mdl-container .m-left{display:flex;flex-direction:column;width:30%}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:100%;object-fit:cover;height:auto}.mdl-mdh022 .mdl-container .m-left .text-container{display:flex;flex-direction:column;padding:7.5rem 7rem 7.2rem;border:1px solid #e4e4e4;border-top:none;gap:6rem;box-sizing:border-box}.mdl-mdh022 .mdl-container .m-left .text-container .m-item{display:flex;flex-direction:column;text-align:start}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-family:jokker,sans-serif;font-weight:400;font-size:2rem;line-height:100%}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.5rem}}@media (max-width: 1080px){.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{font-size:1.1rem}}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{color:#515050;font-weight:500;margin-bottom:2.4rem;text-transform:capitalize}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle{color:#515050b2;font-family:jokker,sans-serif;font-weight:300;font-size:1.6rem;line-height:4rem;font-weight:400;line-height:2.8rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:not(:last-child){margin-bottom:.5rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:after{bottom:-.4rem}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-subitle:hover{color:#ed3b37;transition:.3s}.mdl-mdh022 .mdl-container .m-right{position:relative;width:70%}.mdl-mdh022 .mdl-container .m-right img{width:100%;height:100%;object-fit:cover}.mdl-mdh022 .mdl-container .m-right svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:absolute;bottom:4rem;right:0;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;max-width:20rem}@media (max-width: 1366px){.mdl-mdh022 .mdl-container .m-left{width:35%}.mdl-mdh022 .mdl-container .m-left .text-container{padding:3rem;gap:3rem;border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container .m-left .text-container .m-item .m-title{margin-bottom:1.5rem;font-size:2rem}}@media (max-width: 1280px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:2rem;padding:2rem}}@media (max-width: 1080px){.mdl-mdh022.reverse .mdl-container{flex-direction:column-reverse}.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:row-reverse}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-left:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem;flex-direction:column-reverse}.mdl-mdh022 .mdl-container .m-left{width:100%;flex-direction:row}.mdl-mdh022 .mdl-container .m-left img{width:45%}.mdl-mdh022 .mdl-container .m-left .text-container{width:55%;padding:6rem 2rem 6rem 8rem;border-top:1px solid #e4e4e4;border-left:none}.mdl-mdh022 .mdl-container .m-right{width:100%}}@media (max-width: 768px){.mdl-mdh022.reverse .mdl-container .m-left{flex-direction:column}.mdl-mdh022.reverse .mdl-container .m-left .text-container{border-right:1px solid #e4e4e4}.mdl-mdh022 .mdl-container{gap:4rem}.mdl-mdh022 .mdl-container .m-right svg{width:4.9rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{width:18rem}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:5rem 2rem 5rem 7rem;width:100%;border-left:1px solid #e4e4e4;border-top:none}}@media (max-width: 540px){.mdl-mdh022 .mdl-container{gap:3.2rem}.mdl-mdh022 .mdl-container .m-right svg{width:3.3rem}.mdl-mdh022 .mdl-container .m-right .m-button-sm{position:relative;right:auto;top:0;border-radius:2.4rem!important;margin-top:2.9rem;margin:2.9rem auto auto}.mdl-mdh022 .mdl-container .m-left{flex-direction:column}.mdl-mdh022 .mdl-container .m-left img{width:100%;height:57vw}.mdl-mdh022 .mdl-container .m-left .text-container{gap:6rem;padding:4rem 2rem 4rem 6rem}}@media (max-width: 375px){.mdl-mdh022 .mdl-container .m-left .text-container{gap:3rem;padding:3rem 1rem 3rem 2.1rem}}\n"] }]
|
|
16474
16283
|
}], propDecorators: { content: [{
|
|
16475
16284
|
type: Input
|
|
16476
16285
|
}], reverse: [{
|
|
16477
16286
|
type: Input
|
|
16287
|
+
}], texts: [{
|
|
16288
|
+
type: Input
|
|
16289
|
+
}], multimedia: [{
|
|
16290
|
+
type: Input
|
|
16291
|
+
}], buttons: [{
|
|
16292
|
+
type: Input
|
|
16293
|
+
}], links: [{
|
|
16294
|
+
type: Input
|
|
16295
|
+
}], styles: [{
|
|
16296
|
+
type: Input
|
|
16478
16297
|
}] } });
|
|
16479
16298
|
|
|
16480
16299
|
class C2TxtCtaComponent {
|
|
@@ -17987,15 +17806,19 @@ class LisC2TxtImgComponent {
|
|
|
17987
17806
|
constructor(host) {
|
|
17988
17807
|
this.host = host;
|
|
17989
17808
|
this.content = DEFAULT_CONTENT$3;
|
|
17990
|
-
|
|
17991
|
-
this.
|
|
17809
|
+
/** null => Todas */
|
|
17810
|
+
this.selectedFilterId = null;
|
|
17811
|
+
/** Dentro de habitaciones: '__all__' o una clave concreta */
|
|
17812
|
+
this.selectedRoomKey = null;
|
|
17992
17813
|
this.galleryBound = false;
|
|
17993
17814
|
}
|
|
17994
17815
|
ngAfterViewInit() {
|
|
17995
17816
|
this.bindGallery();
|
|
17996
17817
|
}
|
|
17997
17818
|
ngOnChanges(changes) {
|
|
17998
|
-
if (changes['
|
|
17819
|
+
if (changes['filters'] && !changes['filters'].firstChange) {
|
|
17820
|
+
// si llega data nueva, reseteo selección a “Todas” si existe
|
|
17821
|
+
this.setDefaultSelection();
|
|
17999
17822
|
queueMicrotask(() => this.bindGallery());
|
|
18000
17823
|
}
|
|
18001
17824
|
}
|
|
@@ -18003,130 +17826,204 @@ class LisC2TxtImgComponent {
|
|
|
18003
17826
|
this.unbindGallery();
|
|
18004
17827
|
this.closeModals();
|
|
18005
17828
|
}
|
|
18006
|
-
|
|
18007
|
-
|
|
18008
|
-
|
|
18009
|
-
|
|
18010
|
-
|
|
18011
|
-
|
|
17829
|
+
/** ✅ filtro “Habitaciones” */
|
|
17830
|
+
get roomsFilterId() {
|
|
17831
|
+
const f = this.filters?.filters?.find((x) => !!x.rooms);
|
|
17832
|
+
return typeof f?.id === 'number' ? f.id : null;
|
|
17833
|
+
}
|
|
17834
|
+
/** ✅ existe filtro habitaciones */
|
|
17835
|
+
get hasRoomsFilter() {
|
|
17836
|
+
return this.roomsFilterId != null;
|
|
17837
|
+
}
|
|
17838
|
+
/** ✅ para marcar “Todas” (si existe) */
|
|
17839
|
+
get allFilterId() {
|
|
17840
|
+
const f = this.filters?.filters?.find((x) => !!x.all);
|
|
17841
|
+
return typeof f?.id === 'number' ? f.id : null;
|
|
17842
|
+
}
|
|
17843
|
+
setDefaultSelection() {
|
|
17844
|
+
// Por defecto: si existe "Todas" lo dejamos en null (mostrar todo),
|
|
17845
|
+
// si no, ponemos el primer filtro.
|
|
17846
|
+
const allId = this.allFilterId;
|
|
17847
|
+
if (allId != null) {
|
|
17848
|
+
this.selectedFilterId = null; // null significa “mostrar todo”
|
|
17849
|
+
this.selectedRoomKey = null;
|
|
18012
17850
|
return;
|
|
18013
17851
|
}
|
|
18014
|
-
this.
|
|
18015
|
-
this.
|
|
18016
|
-
this.
|
|
17852
|
+
const first = this.filters?.filters?.[0]?.id ?? null;
|
|
17853
|
+
this.selectedFilterId = first;
|
|
17854
|
+
this.selectedRoomKey = null;
|
|
17855
|
+
}
|
|
17856
|
+
/** ✅ util: sacar label humano para habitaciones */
|
|
17857
|
+
getRoomLabelFromImage(item) {
|
|
17858
|
+
// 1) si viene img.name (como en tu screenshot del back), lo usamos
|
|
17859
|
+
const n1 = item.img?.name;
|
|
17860
|
+
if (typeof n1 === 'string' && n1.trim())
|
|
17861
|
+
return n1.trim();
|
|
17862
|
+
// 2) si viene title, lo usamos
|
|
17863
|
+
if (item.title?.trim())
|
|
17864
|
+
return item.title.trim();
|
|
17865
|
+
// 3) fallback: filename de la url
|
|
17866
|
+
const src = item.img?.src ?? '';
|
|
17867
|
+
try {
|
|
17868
|
+
const last = src.split('/').pop() ?? '';
|
|
17869
|
+
const noQuery = last.split('?')[0];
|
|
17870
|
+
const noExt = noQuery.replace(/\.[a-z0-9]+$/i, '');
|
|
17871
|
+
return (decodeURIComponent(noExt).replace(/[_-]+/g, ' ').trim() ||
|
|
17872
|
+
'Habitación');
|
|
17873
|
+
}
|
|
17874
|
+
catch {
|
|
17875
|
+
return 'Habitación';
|
|
17876
|
+
}
|
|
18017
17877
|
}
|
|
18018
|
-
|
|
18019
|
-
|
|
18020
|
-
|
|
17878
|
+
/** ✅ opciones del modal habitaciones (dinámicas) */
|
|
17879
|
+
get roomOptions() {
|
|
17880
|
+
const rid = this.roomsFilterId;
|
|
17881
|
+
if (rid == null)
|
|
17882
|
+
return [];
|
|
17883
|
+
const imgs = (this.filters?.images ?? []).filter((i) => Number(i.filter) === Number(rid));
|
|
17884
|
+
const labels = imgs
|
|
17885
|
+
.map((i) => this.getRoomLabelFromImage(i))
|
|
17886
|
+
.filter(Boolean);
|
|
17887
|
+
const unique = Array.from(new Set(labels));
|
|
17888
|
+
return [
|
|
17889
|
+
{ id: '__all__', label: 'Todas' },
|
|
17890
|
+
...unique.map((t) => ({ id: t, label: t })),
|
|
17891
|
+
];
|
|
17892
|
+
}
|
|
17893
|
+
/** ✅ lista filtrada real */
|
|
17894
|
+
get filteredImages() {
|
|
17895
|
+
const imgs = this.filters?.images ?? [];
|
|
17896
|
+
const rid = this.roomsFilterId;
|
|
17897
|
+
// null => Todas
|
|
17898
|
+
if (this.selectedFilterId == null)
|
|
17899
|
+
return imgs;
|
|
17900
|
+
// Habitaciones
|
|
17901
|
+
if (rid != null && Number(this.selectedFilterId) === Number(rid)) {
|
|
17902
|
+
const inRooms = imgs.filter((i) => Number(i.filter) === Number(rid));
|
|
17903
|
+
if (!this.selectedRoomKey || this.selectedRoomKey === '__all__') {
|
|
17904
|
+
return inRooms;
|
|
17905
|
+
}
|
|
17906
|
+
return inRooms.filter((i) => this.getRoomLabelFromImage(i) === this.selectedRoomKey);
|
|
17907
|
+
}
|
|
17908
|
+
// Resto
|
|
17909
|
+
return imgs.filter((i) => Number(i.filter) === Number(this.selectedFilterId));
|
|
17910
|
+
}
|
|
17911
|
+
/** ✅ click filtro (desktop) */
|
|
17912
|
+
filterBy(filter) {
|
|
17913
|
+
// Todas
|
|
17914
|
+
if (filter.all) {
|
|
17915
|
+
this.selectedFilterId = null;
|
|
17916
|
+
this.selectedRoomKey = null;
|
|
17917
|
+
this.closeModals();
|
|
17918
|
+
return;
|
|
17919
|
+
}
|
|
17920
|
+
// Habitaciones -> modal
|
|
17921
|
+
if (filter.rooms) {
|
|
17922
|
+
this.selectedFilterId = filter.id;
|
|
17923
|
+
this.selectedRoomKey = '__all__';
|
|
18021
17924
|
this.openRoomsModal();
|
|
18022
17925
|
return;
|
|
18023
17926
|
}
|
|
18024
|
-
|
|
17927
|
+
// normal
|
|
17928
|
+
this.selectedFilterId = filter.id;
|
|
17929
|
+
this.selectedRoomKey = null;
|
|
17930
|
+
this.closeModals();
|
|
18025
17931
|
}
|
|
18026
|
-
|
|
18027
|
-
|
|
18028
|
-
this.selectedRoomId = roomId;
|
|
17932
|
+
/** ✅ click filtro (modal categorías) */
|
|
17933
|
+
filterFromModal(filter) {
|
|
18029
17934
|
this.closeModals();
|
|
17935
|
+
this.filterBy(filter);
|
|
18030
17936
|
}
|
|
18031
|
-
|
|
18032
|
-
|
|
17937
|
+
/** ✅ seleccionar habitación (modal rooms) */
|
|
17938
|
+
selectRoom(roomKey) {
|
|
17939
|
+
const rid = this.roomsFilterId;
|
|
17940
|
+
if (rid == null)
|
|
17941
|
+
return;
|
|
17942
|
+
this.selectedFilterId = rid;
|
|
17943
|
+
this.selectedRoomKey = roomKey;
|
|
17944
|
+
this.closeModals();
|
|
18033
17945
|
}
|
|
18034
17946
|
openCategoriesModal() {
|
|
18035
17947
|
this.openInlineModal(this.categoriesModal?.nativeElement);
|
|
18036
17948
|
}
|
|
17949
|
+
openRoomsModal() {
|
|
17950
|
+
this.openInlineModal(this.roomsModal?.nativeElement);
|
|
17951
|
+
}
|
|
18037
17952
|
closeModals() {
|
|
18038
17953
|
Fancybox.close();
|
|
18039
17954
|
}
|
|
18040
|
-
|
|
18041
|
-
if (
|
|
18042
|
-
return this.
|
|
18043
|
-
|
|
18044
|
-
return this.selectedCategory === category;
|
|
18045
|
-
}
|
|
18046
|
-
trackByIndex(index) {
|
|
18047
|
-
return index;
|
|
18048
|
-
}
|
|
18049
|
-
shouldDisplayItem(item) {
|
|
18050
|
-
if (this.selectedCategory === 'all') {
|
|
18051
|
-
return true;
|
|
18052
|
-
}
|
|
18053
|
-
if (this.selectedCategory === 'habitaciones') {
|
|
18054
|
-
if (!this.selectedRoomId) {
|
|
18055
|
-
return item.category === 'habitaciones';
|
|
18056
|
-
}
|
|
18057
|
-
return item.roomId === this.selectedRoomId;
|
|
18058
|
-
}
|
|
18059
|
-
return item.category === this.selectedCategory;
|
|
17955
|
+
isFilterActive(filter) {
|
|
17956
|
+
if (filter.all)
|
|
17957
|
+
return this.selectedFilterId == null;
|
|
17958
|
+
return this.selectedFilterId === filter.id;
|
|
18060
17959
|
}
|
|
18061
|
-
getFancyboxGroup(
|
|
18062
|
-
|
|
17960
|
+
getFancyboxGroup() {
|
|
17961
|
+
// agrupar por selección actual (así no mezcla galleries raras)
|
|
17962
|
+
if (this.selectedFilterId == null)
|
|
18063
17963
|
return 'gallery-all';
|
|
18064
|
-
|
|
18065
|
-
if (this.
|
|
18066
|
-
if (this.
|
|
18067
|
-
return `rooms-${this.
|
|
17964
|
+
const rid = this.roomsFilterId;
|
|
17965
|
+
if (rid != null && Number(this.selectedFilterId) === Number(rid)) {
|
|
17966
|
+
if (this.selectedRoomKey && this.selectedRoomKey !== '__all__') {
|
|
17967
|
+
return `rooms-${this.selectedRoomKey}`;
|
|
18068
17968
|
}
|
|
18069
17969
|
return 'rooms-all';
|
|
18070
17970
|
}
|
|
18071
|
-
return
|
|
17971
|
+
return `gallery-${this.selectedFilterId}`;
|
|
17972
|
+
}
|
|
17973
|
+
trackByIndex(index) {
|
|
17974
|
+
return index;
|
|
18072
17975
|
}
|
|
17976
|
+
/** Fancybox */
|
|
18073
17977
|
bindGallery() {
|
|
18074
17978
|
this.unbindGallery();
|
|
18075
17979
|
const hostElement = this.host.nativeElement;
|
|
18076
|
-
if (!hostElement.querySelector('[data-fancybox]'))
|
|
17980
|
+
if (!hostElement.querySelector('[data-fancybox]'))
|
|
18077
17981
|
return;
|
|
18078
|
-
}
|
|
18079
17982
|
Fancybox.bind(hostElement, '[data-fancybox]', {
|
|
18080
17983
|
dragToClose: false,
|
|
18081
17984
|
});
|
|
18082
17985
|
this.galleryBound = true;
|
|
18083
17986
|
}
|
|
18084
17987
|
unbindGallery() {
|
|
18085
|
-
if (!this.galleryBound)
|
|
17988
|
+
if (!this.galleryBound)
|
|
18086
17989
|
return;
|
|
18087
|
-
}
|
|
18088
17990
|
Fancybox.unbind(this.host.nativeElement);
|
|
18089
17991
|
this.galleryBound = false;
|
|
18090
17992
|
}
|
|
18091
17993
|
openInlineModal(content) {
|
|
18092
|
-
if (!content)
|
|
17994
|
+
if (!content)
|
|
18093
17995
|
return;
|
|
18094
|
-
}
|
|
18095
17996
|
const selector = content.id ? `#${content.id}` : null;
|
|
18096
|
-
if (!selector)
|
|
17997
|
+
if (!selector)
|
|
18097
17998
|
return;
|
|
18098
|
-
}
|
|
18099
17999
|
content.removeAttribute('hidden');
|
|
18100
18000
|
Fancybox.close();
|
|
18101
|
-
Fancybox.show([
|
|
18102
|
-
{
|
|
18103
|
-
src: selector,
|
|
18104
|
-
type: 'inline',
|
|
18105
|
-
},
|
|
18106
|
-
], {
|
|
18001
|
+
Fancybox.show([{ src: selector, type: 'inline' }], {
|
|
18107
18002
|
dragToClose: false,
|
|
18108
18003
|
hideScrollbar: true,
|
|
18109
18004
|
on: {
|
|
18110
|
-
destroy: () =>
|
|
18111
|
-
content.setAttribute('hidden', '');
|
|
18112
|
-
},
|
|
18005
|
+
destroy: () => content.setAttribute('hidden', ''),
|
|
18113
18006
|
},
|
|
18114
18007
|
});
|
|
18115
18008
|
}
|
|
18116
18009
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18117
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: LisC2TxtImgComponent, isStandalone: true, selector: "lis-c2-txt-img", inputs: { content: "content" }, viewQueries: [{ propertyName: "roomsModal", first: true, predicate: ["roomsModal"], descendants: true }, { propertyName: "categoriesModal", first: true, predicate: ["categoriesModal"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<section class=\"mdl-mdh002galeria\" *ngIf=\"content\">\n <div class=\"mdl-container\">\n <div class=\"m-filters\">\n <div class=\"m-desktop-filters\">\n <div\n class=\"m-filter\"\n *ngFor=\"let category of content.categories\"\n (click)=\"filterByCategory(category.value)\"\n [class.active]=\"isCategoryActive(category.value)\"\n >\n {{ category.label }}\n </div>\n </div>\n <div class=\"m-mobile-filters\">\n <div class=\"m-select\" (click)=\"openCategoriesModal()\">\n <div>Categor\u00EDas</div>\n <svg width=\"17\" height=\"11\" viewBox=\"0 0 17 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g opacity=\"0.5\">\n <path d=\"M16.0193 0H0V0.804475H16.0193V0Z\" fill=\"#515050\" />\n <path d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\" fill=\"#515050\" />\n <path d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\" fill=\"#515050\" />\n </g>\n </svg>\n </div>\n <div class=\"m-select\" (click)=\"openRoomsModal()\">\n <div>Habitaciones</div>\n <svg width=\"17\" height=\"11\" viewBox=\"0 0 17 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g opacity=\"0.5\">\n <path d=\"M16.0193 0H0V0.804475H16.0193V0Z\" fill=\"#515050\" />\n <path d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\" fill=\"#515050\" />\n <path d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\" fill=\"#515050\" />\n </g>\n </svg>\n </div>\n </div>\n </div>\n\n <div class=\"m-gal-grid\">\n <div\n class=\"m-gal-item\"\n *ngFor=\"let item of content.items; trackBy: trackByIndex\"\n [attr.data-category]=\"item.category\"\n [attr.data-room-id]=\"item.roomId || null\"\n [hidden]=\"!shouldDisplayItem(item)\"\n >\n <a\n class=\"m-media\"\n [href]=\"item.link\"\n [attr.data-fancybox]=\"getFancyboxGroup(item)\"\n [attr.data-caption]=\"item.fancyboxCaption\"\n >\n <img [src]=\"item.image\" [alt]=\"item.caption\" />\n </a>\n <div class=\"m-item-footer\">\n <span>{{ item.caption }}</span>\n <div class=\"m-icon\">\n <img [src]=\"content.lensIcon\" alt=\"\" />\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"m-footer\">\n <strong>{{ content.footerHighlight }}</strong>\n {{ content.footerComplement }}\n </div>\n </div>\n\n <div\n #roomsModal\n class=\"m-modal-content\"\n id=\"rooms-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button type=\"button\" class=\"m-close\" (click)=\"closeModals()\" aria-label=\"Cerrar\">\n \u00D7\n </button>\n <div class=\"m-container\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <span>las habitaciones</span>\n <span>galer\u00EDa</span>\n </div>\n </div>\n <div class=\"m-right\">\n <div class=\"m-content\">\n <button\n type=\"button\"\n *ngFor=\"let room of content.rooms\"\n (click)=\"selectRoom(room.id)\"\n [class.active]=\"selectedRoomId === room.id\"\n >\n {{ room.label }}\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <div\n #categoriesModal\n class=\"m-modal-content\"\n id=\"categories-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button type=\"button\" class=\"m-close\" (click)=\"closeModals()\" aria-label=\"Cerrar\">\n \u00D7\n </button>\n <div class=\"m-container\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <span>GALER\u00CDA</span>\n </div>\n </div>\n <div class=\"m-right\">\n <div class=\"m-content\">\n <button\n type=\"button\"\n *ngFor=\"let category of content.categories\"\n (click)=\"filterFromModal(category.value)\"\n [class.active]=\"isCategoryActive(category.value)\"\n >\n {{ category.label }}\n </button>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);-webkit-backdrop-filter:var(--f-button-backdrop-filter);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:\"\"}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;-webkit-user-select:none;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);-webkit-backdrop-filter:var(--f-toolbar-backdrop-filter);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;-webkit-user-select:none;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:\"\";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:\"\";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);-webkit-user-select:none;user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:\"\";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:\"\"}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}.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}}:root{--keyframeHeightMDH002: 5rem}.mdl-mdh002galeria{padding-bottom:4rem}.mdl-mdh002galeria .mdl-container{display:flex;flex-direction:column;border-top:1px solid #e4e4e4}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{padding:4rem 2rem 5.8rem;display:flex;flex-direction:row;gap:6rem;justify-content:center}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{color:#515050b2;position:relative;transition:color .3s ease;cursor:pointer;text-transform:capitalize}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:after{content:\"\";opacity:0;transition:all .3s ease;position:absolute;left:50%;transform:translate(-50%);background-color:#ff4338;width:.8rem;height:.8rem;border-radius:100%;bottom:0rem}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active{color:#ff4338}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover:after,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active:after{opacity:1;bottom:-1.5rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:none;border-top:1px solid #e4e4e4;padding:0rem 0 0;margin-bottom:5rem;justify-content:space-around;position:relative}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters:after{content:\"\";height:100%;width:1px;background-color:#e4e4e4;position:absolute;left:50%;transform:translate(-50%)}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{display:flex;flex-direction:row;align-items:center;gap:1.5rem;padding-top:2.5rem;position:relative;color:#515050;opacity:50%;text-transform:capitalize;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{background-color:transparent;min-height:auto}.mdl-mdh002galeria .mdl-container .m-gal-grid{display:flex;flex-direction:row;gap:6rem;flex-wrap:wrap}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item{position:relative;cursor:pointer}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item [data-fancybox]{height:100%}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{content:\"\";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(/assets/babylon/svg/icons/play.svg);width:8rem;height:8rem;z-index:9;background-position:center;background-size:cover;background-repeat:no-repeat;background-size:contain;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer{animation:showFooter .2s forwards}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer span,.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer .m-icon{transition:opacity .1s .1s ease;opacity:1}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item img{width:100%;height:100%;object-fit:cover}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{animation:hideFooter .2s forwards;height:0;width:100%;background-color:#fff;padding:0 0 0 4rem;box-sizing:border-box;position:absolute;bottom:0;gap:.5rem;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{color:#515050;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-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem;letter-spacing:.056rem}}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{text-transform:none;letter-spacing:normal;opacity:0;transition:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:0;cursor:pointer;transition:none;height:100%;min-width:var(--keyframeHeightMDH002)}.mdl-mdh002galeria .mdl-container .m-footer{margin-top:8rem;width:70%;font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:5rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-footer{font-size:2.8rem;line-height:3.8rem}}.mdl-mdh002galeria .mdl-container .m-footer{color:#515050b2;font-weight:400}.mdl-mdh002galeria .mdl-container .m-footer strong{font-weight:500;color:#515050}@media (max-width: 1280px){.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:4.4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}}@media (max-width: 1080px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{gap:2rem 5rem;flex-wrap:wrap;padding:3rem 2rem 4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:3rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{padding:0 0 0 2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.8rem;line-height:3.8rem;margin-top:7rem;width:90%}}@media (max-width: 1015px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{display:none}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:flex}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(40% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(60% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{opacity:1;min-height:var(--keyframeHeightMDH002);animation:none;width:max-content;padding:0;position:absolute;right:0;left:inherit}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{display:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:1}.mdl-mdh002galeria .mdl-container .m-footer{width:100%}}@media (max-width: 540px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{margin-bottom:4rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{padding-top:2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{flex-wrap:nowrap;flex-direction:column;align-items:center}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{width:6rem;height:6rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(odd){width:80%;height:41rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(2n){width:100%;height:29rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{display:flex;width:100%;justify-content:center;padding-top:1rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{opacity:1;display:block}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{display:none}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.2rem;line-height:2.8rem;margin-top:5rem}}@media (max-width: 1280px){:root{--keyframeHeightMDH002: 4rem}}@media (max-width: 768px){:root{--keyframeHeightMDH002: 3rem}}@keyframes showFooter{0%{height:0}to{height:var(--keyframeHeightMDH002)}}@keyframes hideFooter{0%{height:var(--keyframeHeightMDH002)}to{height:0}}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .fancybox__content{padding:0}@media (max-width: 1080px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 10rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:1.3rem}}@media (max-width: 768px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 5rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{right:-3rem;top:-.3rem}}@media (max-width: 540px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:.7rem}}#rooms-filter-modal,#categories-filter-modal{width:100%;height:100%;position:relative;display:none}#rooms-filter-modal .m-container,#categories-filter-modal .m-container{display:flex;flex-direction:row;gap:4rem;align-items:center;width:100%;height:100%}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:50%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{display:flex;flex-direction:column;justify-content:start;text-align:start;width:max-content;max-width:100%;margin:0 auto}#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-family:jokker,sans-serif;font-weight:400;font-size:6rem;line-height:6.8rem;color:#ff4338;text-transform:uppercase}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.8rem;line-height:6.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.6rem;margin-bottom:1rem;line-height:3.8rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:3.8rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:2.4rem}}#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.4rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:1.6rem}}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:50%}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{display:flex;flex-direction:column;max-height:80vh;overflow-y:auto;width:82%}#rooms-filter-modal .m-container .m-right .m-content>*,#categories-filter-modal .m-container .m-right .m-content>*{transition:opacity .3s ease}#rooms-filter-modal .m-container .m-right .m-content:hover>*,#categories-filter-modal .m-container .m-right .m-content:hover>*{opacity:.6}#rooms-filter-modal .m-container .m-right .m-content:hover>*:hover,#categories-filter-modal .m-container .m-right .m-content:hover>*:hover{opacity:1}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{padding-right:2rem}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-family:jokker,sans-serif;padding:3.2rem 0;font-weight:400;font-size:3.4rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.8rem;padding:3rem 0}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.4rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2rem}}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{cursor:pointer}#rooms-filter-modal .m-container .m-right .m-content button:not(:last-child),#categories-filter-modal .m-container .m-right .m-content button:not(:last-child){border-bottom:1px solid #e4e4e4}@media (max-width: 1080px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{flex-direction:column}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:100%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{align-items:center;text-align:center}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:74%}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{width:100%;max-height:71vh}}@media (max-width: 768px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{gap:2rem}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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 }); }
|
|
18010
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: LisC2TxtImgComponent, isStandalone: true, selector: "lis-c2-txt-img", inputs: { content: "content", filters: "filters", texts: "texts" }, viewQueries: [{ propertyName: "categoriesModal", first: true, predicate: ["categoriesModal"], descendants: true }, { propertyName: "roomsModal", first: true, predicate: ["roomsModal"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (filters?.filters?.length) {\n <section class=\"mdl-mdh002galeria\">\n <div class=\"mdl-container\">\n <div class=\"m-filters\">\n <!-- DESKTOP -->\n <div class=\"m-desktop-filters\">\n <div\n class=\"m-filter\"\n *ngFor=\"let f of filters?.filters\"\n (click)=\"filterBy(f)\"\n [class.active]=\"isFilterActive(f)\"\n >\n {{ f.text }}\n </div>\n </div>\n\n <!-- MOBILE -->\n <div class=\"m-mobile-filters\">\n <div class=\"m-select\" (click)=\"openCategoriesModal()\">\n @if (texts?.categories) {\n <div>{{ texts?.categories }}</div>\n }\n <svg\n width=\"17\"\n height=\"11\"\n viewBox=\"0 0 17 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.5\">\n <path\n d=\"M16.0193 0H0V0.804475H16.0193V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </div>\n\n @if (hasRoomsFilter) {\n <div class=\"m-select\" (click)=\"openRoomsModal()\">\n @if (texts?.rooms) {\n <div>{{ texts?.rooms }}</div>\n }\n <svg\n width=\"17\"\n height=\"11\"\n viewBox=\"0 0 17 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.5\">\n <path\n d=\"M16.0193 0H0V0.804475H16.0193V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </div>\n }\n </div>\n </div>\n\n <!-- GRID -->\n @if (filteredImages?.length) {\n <div class=\"m-gal-grid\">\n <div\n class=\"m-gal-item\"\n *ngFor=\"\n let item of filteredImages;\n trackBy: trackByIndex\n \"\n >\n <a\n class=\"m-media\"\n [href]=\"item.img?.src\"\n [attr.data-fancybox]=\"getFancyboxGroup()\"\n [attr.data-caption]=\"item.title ?? ''\"\n >\n <img\n [src]=\"item.img?.src\"\n [alt]=\"item.img?.alt || ''\"\n />\n </a>\n\n <div class=\"m-item-footer\">\n <span>{{ item.title || '' }}</span>\n <div class=\"m-icon\">\n <img [src]=\"content.lensIcon\" alt=\"\" />\n </div>\n </div>\n </div>\n </div>\n } @else {\n @if (texts?.notFound) {\n <div class=\"m-empty\" [innerHTML]=\"texts?.notFound\"></div>\n }\n }\n\n @if (texts?.title) {\n <div class=\"m-footer\" [innerHTML]=\"texts?.title\"></div>\n }\n </div>\n\n <!-- MODAL categor\u00EDas (mobile) -->\n <div\n #categoriesModal\n class=\"m-modal-content\"\n id=\"categories-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button\n type=\"button\"\n class=\"m-close\"\n (click)=\"closeModals()\"\n aria-label=\"Cerrar\"\n >\n \u00D7\n </button>\n\n <div class=\"m-container\">\n <div class=\"m-right\">\n <div class=\"m-content\">\n @if (texts?.categories) {\n <span>{{ texts?.categories }}</span>\n }\n <button\n type=\"button\"\n *ngFor=\"let f of filters?.filters\"\n (click)=\"filterFromModal(f)\"\n [class.active]=\"isFilterActive(f)\"\n >\n {{ f.text }}\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <!-- MODAL habitaciones -->\n <div\n #roomsModal\n class=\"m-modal-content\"\n id=\"rooms-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button\n type=\"button\"\n class=\"m-close\"\n (click)=\"closeModals()\"\n aria-label=\"Cerrar\"\n >\n \u00D7\n </button>\n\n <div class=\"m-container\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n @if (texts?.rooms) {\n <span>{{ texts?.rooms }}</span>\n }\n </div>\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-content\">\n @if (roomOptions?.length) {\n <button\n type=\"button\"\n *ngFor=\"let room of roomOptions\"\n (click)=\"selectRoom(room.id)\"\n [class.active]=\"selectedRoomKey === room.id\"\n >\n {{ room.label }}\n </button>\n }\n </div>\n </div>\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);-webkit-backdrop-filter:var(--f-button-backdrop-filter);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:\"\"}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;-webkit-user-select:none;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);-webkit-backdrop-filter:var(--f-toolbar-backdrop-filter);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;-webkit-user-select:none;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:\"\";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:\"\";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);-webkit-user-select:none;user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:\"\";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:\"\"}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}.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}}:root{--keyframeHeightMDH002: 5rem}.mdl-mdh002galeria{padding-bottom:4rem}.mdl-mdh002galeria .mdl-container{display:flex;flex-direction:column;border-top:1px solid #e4e4e4}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{padding:4rem 2rem 5.8rem;display:flex;flex-direction:row;gap:6rem;justify-content:center}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{color:#515050b2;position:relative;transition:color .3s ease;cursor:pointer;text-transform:capitalize}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:after{content:\"\";opacity:0;transition:all .3s ease;position:absolute;left:50%;transform:translate(-50%);background-color:#ff4338;width:.8rem;height:.8rem;border-radius:100%;bottom:0rem}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active{color:#ff4338}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover:after,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active:after{opacity:1;bottom:-1.5rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:none;border-top:1px solid #e4e4e4;padding:0rem 0 0;margin-bottom:5rem;justify-content:space-around;position:relative}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters:after{content:\"\";height:100%;width:1px;background-color:#e4e4e4;position:absolute;left:50%;transform:translate(-50%)}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{display:flex;flex-direction:row;align-items:center;gap:1.5rem;padding-top:2.5rem;position:relative;color:#515050;opacity:50%;text-transform:capitalize;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{background-color:transparent;min-height:auto}.mdl-mdh002galeria .mdl-container .m-gal-grid{display:flex;flex-direction:row;gap:6rem;flex-wrap:wrap}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item{position:relative;cursor:pointer}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item [data-fancybox]{height:100%}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{content:\"\";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(/assets/babylon/svg/icons/play.svg);width:8rem;height:8rem;z-index:9;background-position:center;background-size:cover;background-repeat:no-repeat;background-size:contain;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer{animation:showFooter .2s forwards}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer span,.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer .m-icon{transition:opacity .1s .1s ease;opacity:1}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item img{width:100%;height:100%;object-fit:cover;max-height:70rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{animation:hideFooter .2s forwards;height:0;width:100%;background-color:#fff;padding:0 0 0 4rem;box-sizing:border-box;position:absolute;bottom:0;gap:.5rem;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{color:#515050;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-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem;letter-spacing:.056rem}}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{text-transform:none;letter-spacing:normal;opacity:0;transition:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:0;cursor:pointer;transition:none;height:100%;min-width:var(--keyframeHeightMDH002)}.mdl-mdh002galeria .mdl-container .m-footer{margin-top:8rem;width:70%;font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:5rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-footer{font-size:2.8rem;line-height:3.8rem}}.mdl-mdh002galeria .mdl-container .m-footer{color:#515050b2;font-weight:400}.mdl-mdh002galeria .mdl-container .m-footer strong{font-weight:500;color:#515050}@media (max-width: 1280px){.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:4.4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}}@media (max-width: 1080px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{gap:2rem 5rem;flex-wrap:wrap;padding:3rem 2rem 4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:3rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{padding:0 0 0 2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.8rem;line-height:3.8rem;margin-top:7rem;width:90%}}@media (max-width: 1015px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{display:none}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:flex}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(40% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(60% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{opacity:1;min-height:var(--keyframeHeightMDH002);animation:none;width:max-content;padding:0;position:absolute;right:0;left:inherit}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{display:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:1}.mdl-mdh002galeria .mdl-container .m-footer{width:100%}}@media (max-width: 540px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{margin-bottom:4rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{padding-top:2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{flex-wrap:nowrap;flex-direction:column;align-items:center}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{width:6rem;height:6rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(odd){width:80%;height:41rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(2n){width:100%;height:29rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{display:flex;width:100%;justify-content:center;padding-top:1rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{opacity:1;display:block}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{display:none}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.2rem;line-height:2.8rem;margin-top:5rem}}@media (max-width: 1280px){:root{--keyframeHeightMDH002: 4rem}}@media (max-width: 768px){:root{--keyframeHeightMDH002: 3rem}}@keyframes showFooter{0%{height:0}to{height:var(--keyframeHeightMDH002)}}@keyframes hideFooter{0%{height:var(--keyframeHeightMDH002)}to{height:0}}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .fancybox__content{padding:0}@media (max-width: 1080px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 10rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:1.3rem}}@media (max-width: 768px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 5rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{right:-3rem;top:-.3rem}}@media (max-width: 540px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:.7rem}}#rooms-filter-modal,#categories-filter-modal{width:100%;height:100%;position:relative;display:none}#rooms-filter-modal .m-container,#categories-filter-modal .m-container{display:flex;flex-direction:row;gap:4rem;align-items:center;width:100%;height:100%}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:50%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{display:flex;flex-direction:column;justify-content:start;text-align:start;width:max-content;max-width:100%;margin:0 auto}#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-family:jokker,sans-serif;font-weight:400;font-size:6rem;line-height:6.8rem;color:#ff4338;text-transform:uppercase}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.8rem;line-height:6.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.6rem;margin-bottom:1rem;line-height:3.8rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:3.8rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:2.4rem}}#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.4rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:1.6rem}}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:50%}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{display:flex;flex-direction:column;max-height:80vh;overflow-y:auto;width:82%}#rooms-filter-modal .m-container .m-right .m-content>*,#categories-filter-modal .m-container .m-right .m-content>*{transition:opacity .3s ease}#rooms-filter-modal .m-container .m-right .m-content:hover>*,#categories-filter-modal .m-container .m-right .m-content:hover>*{opacity:.6}#rooms-filter-modal .m-container .m-right .m-content:hover>*:hover,#categories-filter-modal .m-container .m-right .m-content:hover>*:hover{opacity:1}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{padding-right:2rem}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-family:jokker,sans-serif;padding:3.2rem 0;font-weight:400;font-size:3.4rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.8rem;padding:3rem 0}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.4rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2rem}}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{cursor:pointer}#rooms-filter-modal .m-container .m-right .m-content button:not(:last-child),#categories-filter-modal .m-container .m-right .m-content button:not(:last-child){border-bottom:1px solid #e4e4e4}@media (max-width: 1080px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{flex-direction:column}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:100%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{align-items:center;text-align:center}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:74%}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{width:100%;max-height:71vh}}@media (max-width: 768px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{gap:2rem}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:100%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18118
18011
|
}
|
|
18119
18012
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: LisC2TxtImgComponent, decorators: [{
|
|
18120
18013
|
type: Component,
|
|
18121
|
-
args: [{ selector: 'lis-c2-txt-img', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule], template: "<section class=\"mdl-mdh002galeria\" *ngIf=\"content\">\n <div class=\"mdl-container\">\n <div class=\"m-filters\">\n <div class=\"m-desktop-filters\">\n <div\n class=\"m-filter\"\n *ngFor=\"let category of content.categories\"\n (click)=\"filterByCategory(category.value)\"\n [class.active]=\"isCategoryActive(category.value)\"\n >\n {{ category.label }}\n </div>\n </div>\n <div class=\"m-mobile-filters\">\n <div class=\"m-select\" (click)=\"openCategoriesModal()\">\n <div>Categor\u00EDas</div>\n <svg width=\"17\" height=\"11\" viewBox=\"0 0 17 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g opacity=\"0.5\">\n <path d=\"M16.0193 0H0V0.804475H16.0193V0Z\" fill=\"#515050\" />\n <path d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\" fill=\"#515050\" />\n <path d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\" fill=\"#515050\" />\n </g>\n </svg>\n </div>\n <div class=\"m-select\" (click)=\"openRoomsModal()\">\n <div>Habitaciones</div>\n <svg width=\"17\" height=\"11\" viewBox=\"0 0 17 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g opacity=\"0.5\">\n <path d=\"M16.0193 0H0V0.804475H16.0193V0Z\" fill=\"#515050\" />\n <path d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\" fill=\"#515050\" />\n <path d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\" fill=\"#515050\" />\n </g>\n </svg>\n </div>\n </div>\n </div>\n\n <div class=\"m-gal-grid\">\n <div\n class=\"m-gal-item\"\n *ngFor=\"let item of content.items; trackBy: trackByIndex\"\n [attr.data-category]=\"item.category\"\n [attr.data-room-id]=\"item.roomId || null\"\n [hidden]=\"!shouldDisplayItem(item)\"\n >\n <a\n class=\"m-media\"\n [href]=\"item.link\"\n [attr.data-fancybox]=\"getFancyboxGroup(item)\"\n [attr.data-caption]=\"item.fancyboxCaption\"\n >\n <img [src]=\"item.image\" [alt]=\"item.caption\" />\n </a>\n <div class=\"m-item-footer\">\n <span>{{ item.caption }}</span>\n <div class=\"m-icon\">\n <img [src]=\"content.lensIcon\" alt=\"\" />\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"m-footer\">\n <strong>{{ content.footerHighlight }}</strong>\n {{ content.footerComplement }}\n </div>\n </div>\n\n <div\n #roomsModal\n class=\"m-modal-content\"\n id=\"rooms-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button type=\"button\" class=\"m-close\" (click)=\"closeModals()\" aria-label=\"Cerrar\">\n \u00D7\n </button>\n <div class=\"m-container\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <span>las habitaciones</span>\n <span>galer\u00EDa</span>\n </div>\n </div>\n <div class=\"m-right\">\n <div class=\"m-content\">\n <button\n type=\"button\"\n *ngFor=\"let room of content.rooms\"\n (click)=\"selectRoom(room.id)\"\n [class.active]=\"selectedRoomId === room.id\"\n >\n {{ room.label }}\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <div\n #categoriesModal\n class=\"m-modal-content\"\n id=\"categories-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button type=\"button\" class=\"m-close\" (click)=\"closeModals()\" aria-label=\"Cerrar\">\n \u00D7\n </button>\n <div class=\"m-container\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n <span>GALER\u00CDA</span>\n </div>\n </div>\n <div class=\"m-right\">\n <div class=\"m-content\">\n <button\n type=\"button\"\n *ngFor=\"let category of content.categories\"\n (click)=\"filterFromModal(category.value)\"\n [class.active]=\"isCategoryActive(category.value)\"\n >\n {{ category.label }}\n </button>\n </div>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);-webkit-backdrop-filter:var(--f-button-backdrop-filter);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:\"\"}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;-webkit-user-select:none;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);-webkit-backdrop-filter:var(--f-toolbar-backdrop-filter);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;-webkit-user-select:none;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:\"\";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:\"\";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);-webkit-user-select:none;user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:\"\";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:\"\"}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}.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}}:root{--keyframeHeightMDH002: 5rem}.mdl-mdh002galeria{padding-bottom:4rem}.mdl-mdh002galeria .mdl-container{display:flex;flex-direction:column;border-top:1px solid #e4e4e4}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{padding:4rem 2rem 5.8rem;display:flex;flex-direction:row;gap:6rem;justify-content:center}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{color:#515050b2;position:relative;transition:color .3s ease;cursor:pointer;text-transform:capitalize}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:after{content:\"\";opacity:0;transition:all .3s ease;position:absolute;left:50%;transform:translate(-50%);background-color:#ff4338;width:.8rem;height:.8rem;border-radius:100%;bottom:0rem}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active{color:#ff4338}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover:after,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active:after{opacity:1;bottom:-1.5rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:none;border-top:1px solid #e4e4e4;padding:0rem 0 0;margin-bottom:5rem;justify-content:space-around;position:relative}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters:after{content:\"\";height:100%;width:1px;background-color:#e4e4e4;position:absolute;left:50%;transform:translate(-50%)}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{display:flex;flex-direction:row;align-items:center;gap:1.5rem;padding-top:2.5rem;position:relative;color:#515050;opacity:50%;text-transform:capitalize;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{background-color:transparent;min-height:auto}.mdl-mdh002galeria .mdl-container .m-gal-grid{display:flex;flex-direction:row;gap:6rem;flex-wrap:wrap}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item{position:relative;cursor:pointer}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item [data-fancybox]{height:100%}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{content:\"\";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(/assets/babylon/svg/icons/play.svg);width:8rem;height:8rem;z-index:9;background-position:center;background-size:cover;background-repeat:no-repeat;background-size:contain;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer{animation:showFooter .2s forwards}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer span,.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer .m-icon{transition:opacity .1s .1s ease;opacity:1}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item img{width:100%;height:100%;object-fit:cover}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{animation:hideFooter .2s forwards;height:0;width:100%;background-color:#fff;padding:0 0 0 4rem;box-sizing:border-box;position:absolute;bottom:0;gap:.5rem;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{color:#515050;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-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem;letter-spacing:.056rem}}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{text-transform:none;letter-spacing:normal;opacity:0;transition:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:0;cursor:pointer;transition:none;height:100%;min-width:var(--keyframeHeightMDH002)}.mdl-mdh002galeria .mdl-container .m-footer{margin-top:8rem;width:70%;font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:5rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-footer{font-size:2.8rem;line-height:3.8rem}}.mdl-mdh002galeria .mdl-container .m-footer{color:#515050b2;font-weight:400}.mdl-mdh002galeria .mdl-container .m-footer strong{font-weight:500;color:#515050}@media (max-width: 1280px){.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:4.4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}}@media (max-width: 1080px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{gap:2rem 5rem;flex-wrap:wrap;padding:3rem 2rem 4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:3rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{padding:0 0 0 2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.8rem;line-height:3.8rem;margin-top:7rem;width:90%}}@media (max-width: 1015px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{display:none}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:flex}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(40% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(60% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{opacity:1;min-height:var(--keyframeHeightMDH002);animation:none;width:max-content;padding:0;position:absolute;right:0;left:inherit}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{display:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:1}.mdl-mdh002galeria .mdl-container .m-footer{width:100%}}@media (max-width: 540px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{margin-bottom:4rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{padding-top:2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{flex-wrap:nowrap;flex-direction:column;align-items:center}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{width:6rem;height:6rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(odd){width:80%;height:41rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(2n){width:100%;height:29rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{display:flex;width:100%;justify-content:center;padding-top:1rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{opacity:1;display:block}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{display:none}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.2rem;line-height:2.8rem;margin-top:5rem}}@media (max-width: 1280px){:root{--keyframeHeightMDH002: 4rem}}@media (max-width: 768px){:root{--keyframeHeightMDH002: 3rem}}@keyframes showFooter{0%{height:0}to{height:var(--keyframeHeightMDH002)}}@keyframes hideFooter{0%{height:var(--keyframeHeightMDH002)}to{height:0}}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .fancybox__content{padding:0}@media (max-width: 1080px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 10rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:1.3rem}}@media (max-width: 768px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 5rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{right:-3rem;top:-.3rem}}@media (max-width: 540px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:.7rem}}#rooms-filter-modal,#categories-filter-modal{width:100%;height:100%;position:relative;display:none}#rooms-filter-modal .m-container,#categories-filter-modal .m-container{display:flex;flex-direction:row;gap:4rem;align-items:center;width:100%;height:100%}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:50%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{display:flex;flex-direction:column;justify-content:start;text-align:start;width:max-content;max-width:100%;margin:0 auto}#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-family:jokker,sans-serif;font-weight:400;font-size:6rem;line-height:6.8rem;color:#ff4338;text-transform:uppercase}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.8rem;line-height:6.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.6rem;margin-bottom:1rem;line-height:3.8rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:3.8rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:2.4rem}}#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.4rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:1.6rem}}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:50%}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{display:flex;flex-direction:column;max-height:80vh;overflow-y:auto;width:82%}#rooms-filter-modal .m-container .m-right .m-content>*,#categories-filter-modal .m-container .m-right .m-content>*{transition:opacity .3s ease}#rooms-filter-modal .m-container .m-right .m-content:hover>*,#categories-filter-modal .m-container .m-right .m-content:hover>*{opacity:.6}#rooms-filter-modal .m-container .m-right .m-content:hover>*:hover,#categories-filter-modal .m-container .m-right .m-content:hover>*:hover{opacity:1}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{padding-right:2rem}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-family:jokker,sans-serif;padding:3.2rem 0;font-weight:400;font-size:3.4rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.8rem;padding:3rem 0}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.4rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2rem}}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{cursor:pointer}#rooms-filter-modal .m-container .m-right .m-content button:not(:last-child),#categories-filter-modal .m-container .m-right .m-content button:not(:last-child){border-bottom:1px solid #e4e4e4}@media (max-width: 1080px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{flex-direction:column}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:100%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{align-items:center;text-align:center}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:74%}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{width:100%;max-height:71vh}}@media (max-width: 768px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{gap:2rem}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:100%}}\n"] }]
|
|
18014
|
+
args: [{ selector: 'lis-c2-txt-img', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule], template: "@if (filters?.filters?.length) {\n <section class=\"mdl-mdh002galeria\">\n <div class=\"mdl-container\">\n <div class=\"m-filters\">\n <!-- DESKTOP -->\n <div class=\"m-desktop-filters\">\n <div\n class=\"m-filter\"\n *ngFor=\"let f of filters?.filters\"\n (click)=\"filterBy(f)\"\n [class.active]=\"isFilterActive(f)\"\n >\n {{ f.text }}\n </div>\n </div>\n\n <!-- MOBILE -->\n <div class=\"m-mobile-filters\">\n <div class=\"m-select\" (click)=\"openCategoriesModal()\">\n @if (texts?.categories) {\n <div>{{ texts?.categories }}</div>\n }\n <svg\n width=\"17\"\n height=\"11\"\n viewBox=\"0 0 17 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.5\">\n <path\n d=\"M16.0193 0H0V0.804475H16.0193V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </div>\n\n @if (hasRoomsFilter) {\n <div class=\"m-select\" (click)=\"openRoomsModal()\">\n @if (texts?.rooms) {\n <div>{{ texts?.rooms }}</div>\n }\n <svg\n width=\"17\"\n height=\"11\"\n viewBox=\"0 0 17 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g opacity=\"0.5\">\n <path\n d=\"M16.0193 0H0V0.804475H16.0193V0Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 4.67969H0V5.4846H16.0193V4.67969Z\"\n fill=\"#515050\"\n />\n <path\n d=\"M16.0193 9.36328H0V10.1678H16.0193V9.36328Z\"\n fill=\"#515050\"\n />\n </g>\n </svg>\n </div>\n }\n </div>\n </div>\n\n <!-- GRID -->\n @if (filteredImages?.length) {\n <div class=\"m-gal-grid\">\n <div\n class=\"m-gal-item\"\n *ngFor=\"\n let item of filteredImages;\n trackBy: trackByIndex\n \"\n >\n <a\n class=\"m-media\"\n [href]=\"item.img?.src\"\n [attr.data-fancybox]=\"getFancyboxGroup()\"\n [attr.data-caption]=\"item.title ?? ''\"\n >\n <img\n [src]=\"item.img?.src\"\n [alt]=\"item.img?.alt || ''\"\n />\n </a>\n\n <div class=\"m-item-footer\">\n <span>{{ item.title || '' }}</span>\n <div class=\"m-icon\">\n <img [src]=\"content.lensIcon\" alt=\"\" />\n </div>\n </div>\n </div>\n </div>\n } @else {\n @if (texts?.notFound) {\n <div class=\"m-empty\" [innerHTML]=\"texts?.notFound\"></div>\n }\n }\n\n @if (texts?.title) {\n <div class=\"m-footer\" [innerHTML]=\"texts?.title\"></div>\n }\n </div>\n\n <!-- MODAL categor\u00EDas (mobile) -->\n <div\n #categoriesModal\n class=\"m-modal-content\"\n id=\"categories-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button\n type=\"button\"\n class=\"m-close\"\n (click)=\"closeModals()\"\n aria-label=\"Cerrar\"\n >\n \u00D7\n </button>\n\n <div class=\"m-container\">\n <div class=\"m-right\">\n <div class=\"m-content\">\n @if (texts?.categories) {\n <span>{{ texts?.categories }}</span>\n }\n <button\n type=\"button\"\n *ngFor=\"let f of filters?.filters\"\n (click)=\"filterFromModal(f)\"\n [class.active]=\"isFilterActive(f)\"\n >\n {{ f.text }}\n </button>\n </div>\n </div>\n </div>\n </div>\n\n <!-- MODAL habitaciones -->\n <div\n #roomsModal\n class=\"m-modal-content\"\n id=\"rooms-filter-modal\"\n role=\"dialog\"\n aria-modal=\"true\"\n hidden\n >\n <button\n type=\"button\"\n class=\"m-close\"\n (click)=\"closeModals()\"\n aria-label=\"Cerrar\"\n >\n \u00D7\n </button>\n\n <div class=\"m-container\">\n <div class=\"m-left\">\n <div class=\"m-content\">\n @if (texts?.rooms) {\n <span>{{ texts?.rooms }}</span>\n }\n </div>\n </div>\n\n <div class=\"m-right\">\n <div class=\"m-content\">\n @if (roomOptions?.length) {\n <button\n type=\"button\"\n *ngFor=\"let room of roomOptions\"\n (click)=\"selectRoom(room.id)\"\n [class.active]=\"selectedRoomKey === room.id\"\n >\n {{ room.label }}\n </button>\n }\n </div>\n </div>\n </div>\n </div>\n </section>\n}\n", styles: ["@charset \"UTF-8\";:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);-webkit-backdrop-filter:var(--f-button-backdrop-filter);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:\"\"}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;-webkit-user-select:none;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);-webkit-backdrop-filter:var(--f-toolbar-backdrop-filter);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;-webkit-user-select:none;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:\"\";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:\"\";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);-webkit-user-select:none;user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, \"Segoe UI Adjusted\", \"Segoe UI\", \"Liberation Sans\", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:\"\";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:\"\"}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}.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}}:root{--keyframeHeightMDH002: 5rem}.mdl-mdh002galeria{padding-bottom:4rem}.mdl-mdh002galeria .mdl-container{display:flex;flex-direction:column;border-top:1px solid #e4e4e4}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{padding:4rem 2rem 5.8rem;display:flex;flex-direction:row;gap:6rem;justify-content:center}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter{color:#515050b2;position:relative;transition:color .3s ease;cursor:pointer;text-transform:capitalize}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:after{content:\"\";opacity:0;transition:all .3s ease;position:absolute;left:50%;transform:translate(-50%);background-color:#ff4338;width:.8rem;height:.8rem;border-radius:100%;bottom:0rem}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active{color:#ff4338}.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter:hover:after,.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters .m-filter.active:after{opacity:1;bottom:-1.5rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:none;border-top:1px solid #e4e4e4;padding:0rem 0 0;margin-bottom:5rem;justify-content:space-around;position:relative}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters:after{content:\"\";height:100%;width:1px;background-color:#e4e4e4;position:absolute;left:50%;transform:translate(-50%)}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{display:flex;flex-direction:row;align-items:center;gap:1.5rem;padding-top:2.5rem;position:relative;color:#515050;opacity:50%;text-transform:capitalize;font-family:jokker,sans-serif;font-weight:500;font-size:1.8rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{font-size:1.6rem}}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{background-color:transparent;min-height:auto}.mdl-mdh002galeria .mdl-container .m-gal-grid{display:flex;flex-direction:row;gap:6rem;flex-wrap:wrap}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item{position:relative;cursor:pointer}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item [data-fancybox]{height:100%}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{content:\"\";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(/assets/babylon/svg/icons/play.svg);width:8rem;height:8rem;z-index:9;background-position:center;background-size:cover;background-repeat:no-repeat;background-size:contain;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer{animation:showFooter .2s forwards}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer span,.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:hover .m-item-footer .m-icon{transition:opacity .1s .1s ease;opacity:1}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 3rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item img{width:100%;height:100%;object-fit:cover;max-height:70rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{animation:hideFooter .2s forwards;height:0;width:100%;background-color:#fff;padding:0 0 0 4rem;box-sizing:border-box;position:absolute;bottom:0;gap:.5rem;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;pointer-events:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{color:#515050;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-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem;letter-spacing:.056rem}}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{text-transform:none;letter-spacing:normal;opacity:0;transition:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:0;cursor:pointer;transition:none;height:100%;min-width:var(--keyframeHeightMDH002)}.mdl-mdh002galeria .mdl-container .m-footer{margin-top:8rem;width:70%;font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;line-height:5rem}@media (max-width: 375px){.mdl-mdh002galeria .mdl-container .m-footer{font-size:2.8rem;line-height:3.8rem}}.mdl-mdh002galeria .mdl-container .m-footer{color:#515050b2;font-weight:400}.mdl-mdh002galeria .mdl-container .m-footer strong{font-weight:500;color:#515050}@media (max-width: 1280px){.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:4.4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}}@media (max-width: 1080px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{gap:2rem 5rem;flex-wrap:wrap;padding:3rem 2rem 4rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{gap:3rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(34% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(66% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{padding:0 0 0 2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{font-size:1.4rem}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.8rem;line-height:3.8rem;margin-top:7rem;width:90%}}@media (max-width: 1015px){.mdl-mdh002galeria .mdl-container .m-filters .m-desktop-filters{display:none}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{display:flex}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+1),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n){width:calc(40% - 1.5rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+2),.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(4n+3){width:calc(60% - 2.2rem)}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{opacity:1;min-height:var(--keyframeHeightMDH002);animation:none;width:max-content;padding:0;position:absolute;right:0;left:inherit}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{display:none}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{opacity:1}.mdl-mdh002galeria .mdl-container .m-footer{width:100%}}@media (max-width: 540px){.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters{margin-bottom:4rem}.mdl-mdh002galeria .mdl-container .m-filters .m-mobile-filters .m-select{padding-top:2rem}.mdl-mdh002galeria .mdl-container .m-gal-grid{flex-wrap:nowrap;flex-direction:column;align-items:center}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item[data-category=video]:after{width:6rem;height:6rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(odd){width:80%;height:41rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item:nth-child(2n){width:100%;height:29rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer{display:flex;width:100%;justify-content:center;padding-top:1rem}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer span{opacity:1;display:block}.mdl-mdh002galeria .mdl-container .m-gal-grid .m-gal-item .m-item-footer .m-icon{display:none}.mdl-mdh002galeria .mdl-container .m-footer{width:100%;font-size:2.2rem;line-height:2.8rem;margin-top:5rem}}@media (max-width: 1280px){:root{--keyframeHeightMDH002: 4rem}}@media (max-width: 768px){:root{--keyframeHeightMDH002: 3rem}}@keyframes showFooter{0%{height:0}to{height:var(--keyframeHeightMDH002)}}@keyframes hideFooter{0%{height:var(--keyframeHeightMDH002)}to{height:0}}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .fancybox__content{padding:0}@media (max-width: 1080px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 10rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:1.3rem}}@media (max-width: 768px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal){padding:2.4rem 5rem}.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{right:-3rem;top:-.3rem}}@media (max-width: 540px){.fancybox__slide:has(#rooms-filter-modal,#categories-filter-modal) .carousel__button.is-close{top:.7rem}}#rooms-filter-modal,#categories-filter-modal{width:100%;height:100%;position:relative;display:none}#rooms-filter-modal .m-container,#categories-filter-modal .m-container{display:flex;flex-direction:row;gap:4rem;align-items:center;width:100%;height:100%}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:50%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{display:flex;flex-direction:column;justify-content:start;text-align:start;width:max-content;max-width:100%;margin:0 auto}#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-family:jokker,sans-serif;font-weight:400;font-size:6rem;line-height:6.8rem;color:#ff4338;text-transform:uppercase}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.8rem;line-height:6.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:4.6rem;margin-bottom:1rem;line-height:3.8rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:3.8rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:first-child,#categories-filter-modal .m-container .m-left .m-content span:first-child{font-size:2.4rem}}#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-family:jokker,sans-serif;font-weight:400;font-size:3.2rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.8rem}}@media (max-width: 1080px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2.4rem}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:2rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-left .m-content span:not(:first-child),#categories-filter-modal .m-container .m-left .m-content span:not(:first-child){font-size:1.6rem}}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:50%}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{display:flex;flex-direction:column;max-height:80vh;overflow-y:auto;width:82%}#rooms-filter-modal .m-container .m-right .m-content>*,#categories-filter-modal .m-container .m-right .m-content>*{transition:opacity .3s ease}#rooms-filter-modal .m-container .m-right .m-content:hover>*,#categories-filter-modal .m-container .m-right .m-content:hover>*{opacity:.6}#rooms-filter-modal .m-container .m-right .m-content:hover>*:hover,#categories-filter-modal .m-container .m-right .m-content:hover>*:hover{opacity:1}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{padding-right:2rem}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-family:jokker,sans-serif;padding:3.2rem 0;font-weight:400;font-size:3.4rem;text-transform:capitalize}@media (max-width: 1366px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.8rem;padding:3rem 0}}@media (max-width: 540px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2.4rem}}@media (max-width: 375px){#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{font-size:2rem}}#rooms-filter-modal .m-container .m-right .m-content button,#categories-filter-modal .m-container .m-right .m-content button{cursor:pointer}#rooms-filter-modal .m-container .m-right .m-content button:not(:last-child),#categories-filter-modal .m-container .m-right .m-content button:not(:last-child){border-bottom:1px solid #e4e4e4}@media (max-width: 1080px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{flex-direction:column}#rooms-filter-modal .m-container .m-left,#categories-filter-modal .m-container .m-left{width:100%}#rooms-filter-modal .m-container .m-left .m-content,#categories-filter-modal .m-container .m-left .m-content{align-items:center;text-align:center}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:74%}#rooms-filter-modal .m-container .m-right .m-content,#categories-filter-modal .m-container .m-right .m-content{width:100%;max-height:71vh}}@media (max-width: 768px){#rooms-filter-modal .m-container,#categories-filter-modal .m-container{gap:2rem}#rooms-filter-modal .m-container .m-right,#categories-filter-modal .m-container .m-right{width:100%}}\n"] }]
|
|
18122
18015
|
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { content: [{
|
|
18123
18016
|
type: Input
|
|
18124
|
-
}],
|
|
18125
|
-
type:
|
|
18126
|
-
|
|
18017
|
+
}], filters: [{
|
|
18018
|
+
type: Input
|
|
18019
|
+
}], texts: [{
|
|
18020
|
+
type: Input
|
|
18127
18021
|
}], categoriesModal: [{
|
|
18128
18022
|
type: ViewChild,
|
|
18129
18023
|
args: ['categoriesModal']
|
|
18024
|
+
}], roomsModal: [{
|
|
18025
|
+
type: ViewChild,
|
|
18026
|
+
args: ['roomsModal']
|
|
18130
18027
|
}] } });
|
|
18131
18028
|
|
|
18132
18029
|
var title$2 = "Las ofertas";
|