ctt-babylon 0.10.38 → 0.11.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-booking-widget/babylon-booking-widget.component.mjs +122 -0
- package/esm2022/lib/components/core/babylon-booking-widget/index.mjs +2 -0
- package/esm2022/lib/components/core/babylon-engine-modal-v2/babylon-engine-modal-v2.component.mjs +130 -0
- package/esm2022/lib/components/core/babylon-header-clear-v2/babylon-header-clear-v2.component.mjs +4 -13
- package/esm2022/lib/components/core/index.mjs +2 -1
- package/esm2022/lib/components/external/core/c4-sli-c2-txt-img/c4-sli-c2-txt-img.component.mjs +3 -3
- package/esm2022/lib/services/mapper/mapper.service.mjs +2 -4
- package/fesm2022/ctt-babylon.mjs +246 -18
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-booking-widget/babylon-booking-widget.component.d.ts +64 -0
- package/lib/components/core/babylon-booking-widget/index.d.ts +1 -0
- package/lib/components/core/babylon-engine-modal-v2/babylon-engine-modal-v2.component.d.ts +44 -0
- package/lib/components/core/index.d.ts +1 -0
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -2718,7 +2718,6 @@ class MapperService {
|
|
|
2718
2718
|
return bodyMapped;
|
|
2719
2719
|
}
|
|
2720
2720
|
mapGlobals(component) {
|
|
2721
|
-
console.log('Mapping global component:', component);
|
|
2722
2721
|
const { props } = component;
|
|
2723
2722
|
let result = {
|
|
2724
2723
|
texts: props?.texts,
|
|
@@ -2764,7 +2763,6 @@ class MapperService {
|
|
|
2764
2763
|
hotels: this.mapHotelsGlobal(props.hotels),
|
|
2765
2764
|
consultTypes: this.mapConsultTypesGlobal(props.consultTypes),
|
|
2766
2765
|
};
|
|
2767
|
-
console.log('Mapped global component result:', result);
|
|
2768
2766
|
return result;
|
|
2769
2767
|
}
|
|
2770
2768
|
mapConsultTypesGlobal(consults) {
|
|
@@ -2863,7 +2861,7 @@ class MapperService {
|
|
|
2863
2861
|
return events?.map((item) => ({
|
|
2864
2862
|
buttons: Utils.mapButtons(item?.buttons),
|
|
2865
2863
|
links: Utils.mapButtons(item?.links),
|
|
2866
|
-
|
|
2864
|
+
img: this.getImageResponsive(item?.multimedia?.[0], false),
|
|
2867
2865
|
name: item?.name ?? item?.name_identifier,
|
|
2868
2866
|
price: item?.price,
|
|
2869
2867
|
texts: {
|
|
@@ -6022,6 +6020,125 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
6022
6020
|
type: Input
|
|
6023
6021
|
}] } });
|
|
6024
6022
|
|
|
6023
|
+
class BabylonBookingWidgetComponent {
|
|
6024
|
+
constructor(platformId, zone) {
|
|
6025
|
+
this.platformId = platformId;
|
|
6026
|
+
this.zone = zone;
|
|
6027
|
+
// Base
|
|
6028
|
+
this.widgetId = 'widget-search';
|
|
6029
|
+
this.hotelId = 'default';
|
|
6030
|
+
this.type = 'chain';
|
|
6031
|
+
this.theme = 'light';
|
|
6032
|
+
// Extra config (con defaults)
|
|
6033
|
+
this.currency = 'EUR';
|
|
6034
|
+
this.locale = 'es-ES';
|
|
6035
|
+
this.layout = 'inline';
|
|
6036
|
+
this.defaultAdults = 2;
|
|
6037
|
+
this.defaultChildren = 0;
|
|
6038
|
+
this.showPrice = false;
|
|
6039
|
+
this.showHotelSelector = true;
|
|
6040
|
+
this.showPromoCode = true;
|
|
6041
|
+
this.showChildAges = true;
|
|
6042
|
+
this.maxChildren = 2;
|
|
6043
|
+
/**
|
|
6044
|
+
* Por si algún día quieres sobreescribir todo de golpe desde CMS:
|
|
6045
|
+
* <lib-babylon-booking-widget [configOverride]="{ currency:'USD', showPrice:true }" />
|
|
6046
|
+
*/
|
|
6047
|
+
this.configOverride = {};
|
|
6048
|
+
this.initialized = false;
|
|
6049
|
+
}
|
|
6050
|
+
ngAfterViewInit() {
|
|
6051
|
+
if (!isPlatformBrowser(this.platformId))
|
|
6052
|
+
return;
|
|
6053
|
+
if (this.initialized)
|
|
6054
|
+
return;
|
|
6055
|
+
requestAnimationFrame(() => this.initWidget());
|
|
6056
|
+
}
|
|
6057
|
+
initWidget() {
|
|
6058
|
+
const WidgetSearch = window.WidgetSearch;
|
|
6059
|
+
if (!WidgetSearch)
|
|
6060
|
+
return;
|
|
6061
|
+
const el = this.widgetContainer.nativeElement;
|
|
6062
|
+
const config = {
|
|
6063
|
+
bookId: this.hotelId,
|
|
6064
|
+
type: this.type,
|
|
6065
|
+
theme: this.theme,
|
|
6066
|
+
currency: this.currency,
|
|
6067
|
+
locale: this.locale,
|
|
6068
|
+
layout: this.layout,
|
|
6069
|
+
defaultAdults: this.defaultAdults,
|
|
6070
|
+
defaultChildren: this.defaultChildren,
|
|
6071
|
+
showPrice: this.showPrice,
|
|
6072
|
+
showHotelSelector: this.showHotelSelector,
|
|
6073
|
+
showPromoCode: this.showPromoCode,
|
|
6074
|
+
showChildAges: this.showChildAges,
|
|
6075
|
+
maxChildren: this.maxChildren,
|
|
6076
|
+
baseUrl: this.baseUrl,
|
|
6077
|
+
urlChain: this.urlChain,
|
|
6078
|
+
urlHotel: this.urlHotel,
|
|
6079
|
+
buttonText: this.buttonText,
|
|
6080
|
+
...this.configOverride, // al final para que pise defaults
|
|
6081
|
+
};
|
|
6082
|
+
this.zone.runOutsideAngular(() => {
|
|
6083
|
+
this.initialized = true;
|
|
6084
|
+
new WidgetSearch(el, config);
|
|
6085
|
+
});
|
|
6086
|
+
}
|
|
6087
|
+
ngOnDestroy() {
|
|
6088
|
+
this.initialized = false;
|
|
6089
|
+
}
|
|
6090
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBookingWidgetComponent, deps: [{ token: PLATFORM_ID }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6091
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonBookingWidgetComponent, isStandalone: true, selector: "lib-babylon-booking-widget", inputs: { widgetId: "widgetId", hotelId: "hotelId", type: "type", theme: "theme", currency: "currency", locale: "locale", layout: "layout", defaultAdults: "defaultAdults", defaultChildren: "defaultChildren", showPrice: "showPrice", showHotelSelector: "showHotelSelector", showPromoCode: "showPromoCode", showChildAges: "showChildAges", maxChildren: "maxChildren", baseUrl: "baseUrl", urlChain: "urlChain", urlHotel: "urlHotel", buttonText: "buttonText", configOverride: "configOverride" }, viewQueries: [{ propertyName: "widgetContainer", first: true, predicate: ["widgetContainer"], descendants: true, static: true }], ngImport: i0, template: `<div #widgetContainer [id]="widgetId"></div>`, isInline: true, styles: [""] }); }
|
|
6092
|
+
}
|
|
6093
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonBookingWidgetComponent, decorators: [{
|
|
6094
|
+
type: Component,
|
|
6095
|
+
args: [{ selector: 'lib-babylon-booking-widget', standalone: true, template: `<div #widgetContainer [id]="widgetId"></div>` }]
|
|
6096
|
+
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
6097
|
+
type: Inject,
|
|
6098
|
+
args: [PLATFORM_ID]
|
|
6099
|
+
}] }, { type: i0.NgZone }], propDecorators: { widgetId: [{
|
|
6100
|
+
type: Input
|
|
6101
|
+
}], hotelId: [{
|
|
6102
|
+
type: Input
|
|
6103
|
+
}], type: [{
|
|
6104
|
+
type: Input
|
|
6105
|
+
}], theme: [{
|
|
6106
|
+
type: Input
|
|
6107
|
+
}], currency: [{
|
|
6108
|
+
type: Input
|
|
6109
|
+
}], locale: [{
|
|
6110
|
+
type: Input
|
|
6111
|
+
}], layout: [{
|
|
6112
|
+
type: Input
|
|
6113
|
+
}], defaultAdults: [{
|
|
6114
|
+
type: Input
|
|
6115
|
+
}], defaultChildren: [{
|
|
6116
|
+
type: Input
|
|
6117
|
+
}], showPrice: [{
|
|
6118
|
+
type: Input
|
|
6119
|
+
}], showHotelSelector: [{
|
|
6120
|
+
type: Input
|
|
6121
|
+
}], showPromoCode: [{
|
|
6122
|
+
type: Input
|
|
6123
|
+
}], showChildAges: [{
|
|
6124
|
+
type: Input
|
|
6125
|
+
}], maxChildren: [{
|
|
6126
|
+
type: Input
|
|
6127
|
+
}], baseUrl: [{
|
|
6128
|
+
type: Input
|
|
6129
|
+
}], urlChain: [{
|
|
6130
|
+
type: Input
|
|
6131
|
+
}], urlHotel: [{
|
|
6132
|
+
type: Input
|
|
6133
|
+
}], buttonText: [{
|
|
6134
|
+
type: Input
|
|
6135
|
+
}], configOverride: [{
|
|
6136
|
+
type: Input
|
|
6137
|
+
}], widgetContainer: [{
|
|
6138
|
+
type: ViewChild,
|
|
6139
|
+
args: ['widgetContainer', { static: true }]
|
|
6140
|
+
}] } });
|
|
6141
|
+
|
|
6025
6142
|
class BabylonBreadcrumbComponent {
|
|
6026
6143
|
linkClick(e) {
|
|
6027
6144
|
e.preventDefault();
|
|
@@ -9364,6 +9481,127 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
9364
9481
|
type: Input
|
|
9365
9482
|
}] } });
|
|
9366
9483
|
|
|
9484
|
+
class BabylonEngineModalV2Component {
|
|
9485
|
+
constructor(cdr) {
|
|
9486
|
+
this.cdr = cdr;
|
|
9487
|
+
this.close = new EventEmitter();
|
|
9488
|
+
this.datepickerValue = '';
|
|
9489
|
+
this.form = new FormGroup({
|
|
9490
|
+
dates: new FormControl(null, {
|
|
9491
|
+
validators: [Validators.required],
|
|
9492
|
+
}),
|
|
9493
|
+
guests: new FormControl('', {
|
|
9494
|
+
validators: [Validators.required],
|
|
9495
|
+
}),
|
|
9496
|
+
promo: new FormControl('', {
|
|
9497
|
+
validators: [Validators.required],
|
|
9498
|
+
}),
|
|
9499
|
+
});
|
|
9500
|
+
this.formModal = new FormGroup({
|
|
9501
|
+
dateIn: new FormControl(null, {
|
|
9502
|
+
validators: [Validators.required],
|
|
9503
|
+
}),
|
|
9504
|
+
dateOut: new FormControl(null, {
|
|
9505
|
+
validators: [Validators.required],
|
|
9506
|
+
}),
|
|
9507
|
+
guests: new FormControl('', {
|
|
9508
|
+
validators: [Validators.required],
|
|
9509
|
+
}),
|
|
9510
|
+
promo: new FormControl('', {
|
|
9511
|
+
validators: [Validators.required],
|
|
9512
|
+
}),
|
|
9513
|
+
});
|
|
9514
|
+
this.guestsValue = '';
|
|
9515
|
+
this.showingGuests = false;
|
|
9516
|
+
this.showSubfields = false;
|
|
9517
|
+
this.showChildrenAges = false;
|
|
9518
|
+
this.showBabiesAges = false;
|
|
9519
|
+
this.finalizedGuests = false;
|
|
9520
|
+
}
|
|
9521
|
+
ngOnInit() {
|
|
9522
|
+
this.cdr.detectChanges();
|
|
9523
|
+
}
|
|
9524
|
+
openCalendar() {
|
|
9525
|
+
this.datepicker.toggle();
|
|
9526
|
+
}
|
|
9527
|
+
openCalendarIn() {
|
|
9528
|
+
this.datepickerIn.toggle();
|
|
9529
|
+
}
|
|
9530
|
+
openCalendarOut() {
|
|
9531
|
+
this.datepickerOut.toggle();
|
|
9532
|
+
}
|
|
9533
|
+
toggleShowingGuests() {
|
|
9534
|
+
this.showingGuests = !this.showingGuests;
|
|
9535
|
+
}
|
|
9536
|
+
guestsChange(data) {
|
|
9537
|
+
const totalGuests = (Number(data.adultsValue?.code)
|
|
9538
|
+
? Number(data.adultsValue?.code)
|
|
9539
|
+
: 0) +
|
|
9540
|
+
(Number(data.kidsValue?.code) ? Number(data.kidsValue?.code) : 0) +
|
|
9541
|
+
(Number(data.infantsValue?.code)
|
|
9542
|
+
? Number(data.infantsValue?.code)
|
|
9543
|
+
: 0);
|
|
9544
|
+
this.guestsValue =
|
|
9545
|
+
totalGuests < 10
|
|
9546
|
+
? '0' + totalGuests.toString()
|
|
9547
|
+
: totalGuests.toString();
|
|
9548
|
+
this.form?.get('guests')?.setValue(this.guestsValue);
|
|
9549
|
+
this.formModal?.get('guests')?.setValue(this.guestsValue);
|
|
9550
|
+
this.toggleShowingGuests();
|
|
9551
|
+
}
|
|
9552
|
+
closeModal() {
|
|
9553
|
+
this.close.emit();
|
|
9554
|
+
}
|
|
9555
|
+
togglePersonas() {
|
|
9556
|
+
this.showSubfields = !this.showSubfields;
|
|
9557
|
+
}
|
|
9558
|
+
toggleAgeGroup(kind) {
|
|
9559
|
+
if (kind === 'children')
|
|
9560
|
+
this.showChildrenAges = !this.showChildrenAges;
|
|
9561
|
+
else
|
|
9562
|
+
this.showBabiesAges = !this.showBabiesAges;
|
|
9563
|
+
}
|
|
9564
|
+
applyGuests(adults, children, babies) {
|
|
9565
|
+
const r = Number(adults) || 0;
|
|
9566
|
+
const a = Number(children) || 0;
|
|
9567
|
+
const c = Number(babies) || 0;
|
|
9568
|
+
const n = r + a + c;
|
|
9569
|
+
this.guestsValue = n < 10 ? '0' + n : String(n);
|
|
9570
|
+
this.form?.get('guests')?.setValue(this.guestsValue);
|
|
9571
|
+
this.formModal?.get('guests')?.setValue(this.guestsValue);
|
|
9572
|
+
this.showSubfields = false;
|
|
9573
|
+
this.finalizedGuests = true;
|
|
9574
|
+
this.cdr.markForCheck?.();
|
|
9575
|
+
}
|
|
9576
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineModalV2Component, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9577
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonEngineModalV2Component, isStandalone: true, selector: "lib-babylon-engine-modal", inputs: { modal: "modal" }, outputs: { close: "close" }, viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datepicker"], descendants: true }, { propertyName: "datepickerIn", first: true, predicate: ["datepickerIn"], descendants: true }, { propertyName: "datepickerOut", first: true, predicate: ["datepickerOut"], descendants: true }], ngImport: i0, template: "<div class=\"modal modal__reservar\">\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"reservar\"\n role=\"button\"\n (click)=\"closeModal()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/icon-close.svg#icon-close\"></use>\n </svg>\n </div>\n <figure class=\"modal__reservar-graphic\">\n <img src=\"/assets/babylon/images/img-40.webp\" />\n </figure>\n <div class=\"modal__box\">\n <h2>Reservar Habitaci\u00F3n</h2>\n <div class=\"modal__reservar-form\">\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"In-date\"\n >Entrada - Salida</label\n >\n <input\n type=\"text\"\n class=\"input-control\"\n name=\"in-out\"\n data-toggle=\"datepicker\"\n autocomplete=\"off\"\n readonly=\"true\"\n id=\"In-date\"\n placeholder=\"00/00/23\"\n (click)=\"datepicker.toggle()\"\n />\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-calender.svg#icon-calender\"\n ></use>\n </svg>\n </span>\n </div>\n <div\n class=\"input-group js-personas-subfields\"\n role=\"button\"\n (click)=\"togglePersonas()\"\n [class.open]=\"showSubfields\"\n [class.final]=\"finalizedGuests\"\n >\n <span class=\"input-control\">{{ guestsValue || '02' }}</span>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"persons\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-persons.svg#icon-persons\"\n ></use>\n </svg>\n <svg\n aria-hidden=\"true\"\n class=\"down-arrow\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"\n ></use>\n </svg>\n </span>\n </div>\n <div\n class=\"sub-fields\"\n [style.display]=\"showSubfields ? 'block' : 'none'\"\n >\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"adult1\"\n >Adultos</label\n >\n <select\n class=\"select-control\"\n name=\"Adultos\"\n id=\"adult1\"\n #adult1\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n <option value=\"5\">05</option>\n </select>\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-persons.svg#icon-persons\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"input-group\">\n <div class=\"input-group--inner childAge-group-list\">\n <label class=\"input-group--label\" for=\"child1\"\n >Ni\u00F1os</label\n >\n <select\n class=\"select-control\"\n name=\"Ni\u00F1os\"\n id=\"child1\"\n #child1\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n <option value=\"5\">05</option>\n </select>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"user\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </span>\n </div>\n <div\n class=\"age-group-box children-list\"\n [style.display]=\"\n showChildrenAges ? 'block' : 'none'\n \"\n >\n <legend class=\"age-group-box--heading\">\n EDADES\n </legend>\n <div class=\"age-group\"></div>\n </div>\n </div>\n <div class=\"input-group\">\n <div\n class=\"input-group--inner babiesAge-group-list\"\n role=\"button\"\n (click)=\"toggleAgeGroup('babies')\"\n >\n <label class=\"input-group--label\" for=\"babies1\"\n >Beb\u00E9s</label\n >\n <select\n class=\"select-control\"\n name=\"Beb\u00E9s\"\n id=\"babies1\"\n #babies1\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n </select>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"baby\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </span>\n </div>\n </div>\n <div class=\"btn__group\">\n <button\n type=\"submit\"\n class=\"btn btn__secondary js-apply-guests1\"\n role=\"button\"\n (click)=\"\n applyGuests(\n adult1.value,\n child1.value,\n babies1.value\n )\n \"\n >\n <span>Aplica</span>\n </button>\n </div>\n </div>\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"email\"\n >Promo code</label\n >\n <input\n type=\"text\"\n class=\"input-control\"\n name=\"email\"\n id=\"email\"\n placeholder=\"...\"\n />\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-promo.svg#icon-promo\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"btn__group\">\n <button type=\"submit\" class=\"btn btn__primary\">\n <span>Book Now!</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}:root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.container{max-width:100%}.modal{opacity:1!important;pointer-events:all!important}.modal.modal__reservar{background:var(--white);display:flex;isolation:isolate}.modal--open.reservar .modal.modal__reservar{opacity:1;pointer-events:auto}.modal.modal__reservar .modal__inner{display:flex;justify-content:center;width:100%;position:relative}.modal.modal__reservar .modal__box{overflow-x:clip;padding-block:6rem 15.3rem;width:100%;background:var(--white);display:flex;flex-direction:column;gap:3rem;align-items:center;height:max-content;min-height:100%}@media (min-width: 540px){.modal.modal__reservar .modal__box{padding-block:6rem 14.3rem;gap:4rem}}@media (min-width: 768px){.modal.modal__reservar .modal__box{max-width:48rem;padding-block:10rem 18.505rem;gap:5rem}}@media (min-width: 1024px){.modal.modal__reservar .modal__box{padding-block:10rem}}@media (min-width: 1680px){.modal.modal__reservar .modal__box{max-width:60rem;padding-block:13rem}}@media (min-width: 1800px){.modal.modal__reservar .modal__box{padding-block:18rem}}.modal.modal__reservar .modal__box h2{text-align:center;width:min-content;font-size:4.6rem;line-height:1}@media (min-width: 540px){.modal.modal__reservar .modal__box h2{font-size:6.4rem;line-height:1}}@media (min-width: 768px){.modal.modal__reservar .modal__box h2{font-size:8rem;line-height:1}}@media (min-width: 1680px){.modal.modal__reservar .modal__box h2{font-size:9rem;line-height:1}}.modal.modal__reservar .modal__close{top:2rem}@media (min-width: 540px){.modal.modal__reservar .modal__close{top:3rem;right:3rem}}@media (min-width: 768px){.modal.modal__reservar .modal__close{top:4rem;right:4rem}}@media (min-width: 1024px){.modal.modal__reservar .modal__close{top:3rem;right:3rem}}@media (min-width: 1680px){.modal.modal__reservar .modal__close{top:5rem;right:5rem}}.modal.modal__reservar .modal__reservar-graphic{opacity:0;pointer-events:none;position:fixed;inset:0;z-index:-1;overflow:clip}@media (min-width: 1024px){.modal.modal__reservar .modal__reservar-graphic{opacity:1}}.modal.modal__reservar .modal__reservar-graphic img{animation:zoomInOut 5s infinite ease-in-out;transform-origin:center}.modal.modal__reservar .modal__reservar-form .btn__group{justify-content:center}.modal.modal__reservar .modal__reservar-form{display:flex;flex-direction:column;gap:3rem;width:100%;max-width:28rem}.modal.modal__reservar .modal__reservar-form .sub-fields{display:none;background:var(--cream);transform:translateY(-1rem);margin-inline:-20rem;padding:3rem 20rem}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group{margin-bottom:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .select-control,.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-control{border-color:var(--grey);background:var(--white)}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-group--label{padding-top:1.1rem;padding-bottom:3.2rem;line-height:1;background:transparent}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group-box{display:none;margin-top:2rem;background:var(--white);padding:2.5rem 2rem 2.4rem 1.8rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group-box--heading{font-size:1.6rem;line-height:1;text-transform:uppercase;margin-bottom:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner{position:relative}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .select-control{height:3.8rem;padding:1rem 2rem 1rem 1rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .label{font-size:1.4rem;line-height:1;margin-bottom:.6rem;display:block}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .input-group--icon{top:3.2rem;right:1rem;transform:translateY(0)}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .input-group--icon svg.down-arrow{display:block!important}.modal.modal__reservar .modal__reservar-form .sub-fields[style=\"display: block;\"]{display:flex!important;flex-direction:column}.js-personas-subfields.final .input-group--label{padding-top:1.1rem;padding-bottom:3.2rem;line-height:1;background:transparent}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: CalendarModule }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: DropdownModule }, { kind: "ngmodule", type: CommonModule }] }); }
|
|
9578
|
+
}
|
|
9579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineModalV2Component, decorators: [{
|
|
9580
|
+
type: Component,
|
|
9581
|
+
args: [{ selector: 'lib-babylon-engine-modal', standalone: true, imports: [
|
|
9582
|
+
FormsModule,
|
|
9583
|
+
ReactiveFormsModule,
|
|
9584
|
+
CalendarModule,
|
|
9585
|
+
BabylonGuestsPopupComponent,
|
|
9586
|
+
DialogModule,
|
|
9587
|
+
DropdownModule,
|
|
9588
|
+
CommonModule,
|
|
9589
|
+
], template: "<div class=\"modal modal__reservar\">\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"reservar\"\n role=\"button\"\n (click)=\"closeModal()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/icon-close.svg#icon-close\"></use>\n </svg>\n </div>\n <figure class=\"modal__reservar-graphic\">\n <img src=\"/assets/babylon/images/img-40.webp\" />\n </figure>\n <div class=\"modal__box\">\n <h2>Reservar Habitaci\u00F3n</h2>\n <div class=\"modal__reservar-form\">\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"In-date\"\n >Entrada - Salida</label\n >\n <input\n type=\"text\"\n class=\"input-control\"\n name=\"in-out\"\n data-toggle=\"datepicker\"\n autocomplete=\"off\"\n readonly=\"true\"\n id=\"In-date\"\n placeholder=\"00/00/23\"\n (click)=\"datepicker.toggle()\"\n />\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-calender.svg#icon-calender\"\n ></use>\n </svg>\n </span>\n </div>\n <div\n class=\"input-group js-personas-subfields\"\n role=\"button\"\n (click)=\"togglePersonas()\"\n [class.open]=\"showSubfields\"\n [class.final]=\"finalizedGuests\"\n >\n <span class=\"input-control\">{{ guestsValue || '02' }}</span>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"persons\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-persons.svg#icon-persons\"\n ></use>\n </svg>\n <svg\n aria-hidden=\"true\"\n class=\"down-arrow\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"\n ></use>\n </svg>\n </span>\n </div>\n <div\n class=\"sub-fields\"\n [style.display]=\"showSubfields ? 'block' : 'none'\"\n >\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"adult1\"\n >Adultos</label\n >\n <select\n class=\"select-control\"\n name=\"Adultos\"\n id=\"adult1\"\n #adult1\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n <option value=\"5\">05</option>\n </select>\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-persons.svg#icon-persons\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"input-group\">\n <div class=\"input-group--inner childAge-group-list\">\n <label class=\"input-group--label\" for=\"child1\"\n >Ni\u00F1os</label\n >\n <select\n class=\"select-control\"\n name=\"Ni\u00F1os\"\n id=\"child1\"\n #child1\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n <option value=\"5\">05</option>\n </select>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"user\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </span>\n </div>\n <div\n class=\"age-group-box children-list\"\n [style.display]=\"\n showChildrenAges ? 'block' : 'none'\n \"\n >\n <legend class=\"age-group-box--heading\">\n EDADES\n </legend>\n <div class=\"age-group\"></div>\n </div>\n </div>\n <div class=\"input-group\">\n <div\n class=\"input-group--inner babiesAge-group-list\"\n role=\"button\"\n (click)=\"toggleAgeGroup('babies')\"\n >\n <label class=\"input-group--label\" for=\"babies1\"\n >Beb\u00E9s</label\n >\n <select\n class=\"select-control\"\n name=\"Beb\u00E9s\"\n id=\"babies1\"\n #babies1\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n </select>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"baby\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </span>\n </div>\n </div>\n <div class=\"btn__group\">\n <button\n type=\"submit\"\n class=\"btn btn__secondary js-apply-guests1\"\n role=\"button\"\n (click)=\"\n applyGuests(\n adult1.value,\n child1.value,\n babies1.value\n )\n \"\n >\n <span>Aplica</span>\n </button>\n </div>\n </div>\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"email\"\n >Promo code</label\n >\n <input\n type=\"text\"\n class=\"input-control\"\n name=\"email\"\n id=\"email\"\n placeholder=\"...\"\n />\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-promo.svg#icon-promo\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"btn__group\">\n <button type=\"submit\" class=\"btn btn__primary\">\n <span>Book Now!</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: ["@media (min-width: 1280px){.order-custom-xl-xxl-1{order:1}.order-custom-xl-xxl-2{order:2}}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width: 540px){.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width: 768px){.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width: 1025px){.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width: 1280px){.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}@media (min-width: 1366px){.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.m-xxl-auto{margin:auto!important}.mt-xxl-auto,.my-xxl-auto{margin-top:auto!important}.mr-xxl-auto,.mx-xxl-auto{margin-right:auto!important}.mb-xxl-auto,.my-xxl-auto{margin-bottom:auto!important}.ml-xxl-auto,.mx-xxl-auto{margin-left:auto!important}}@media (min-width: 1680px){.flex-xxxl-row{flex-direction:row!important}.flex-xxxl-column{flex-direction:column!important}.flex-xxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxl-wrap{flex-wrap:wrap!important}.flex-xxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxl-fill{flex:1 1 auto!important}.flex-xxxl-grow-0{flex-grow:0!important}.flex-xxxl-grow-1{flex-grow:1!important}.flex-xxxl-shrink-0{flex-shrink:0!important}.flex-xxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxl-start{justify-content:flex-start!important}.justify-content-xxxl-end{justify-content:flex-end!important}.justify-content-xxxl-center{justify-content:center!important}.justify-content-xxxl-between{justify-content:space-between!important}.justify-content-xxxl-around{justify-content:space-around!important}.align-items-xxxl-start{align-items:flex-start!important}.align-items-xxxl-end{align-items:flex-end!important}.align-items-xxxl-center{align-items:center!important}.align-items-xxxl-baseline{align-items:baseline!important}.align-items-xxxl-stretch{align-items:stretch!important}.align-content-xxxl-start{align-content:flex-start!important}.align-content-xxxl-end{align-content:flex-end!important}.align-content-xxxl-center{align-content:center!important}.align-content-xxxl-between{align-content:space-between!important}.align-content-xxxl-around{align-content:space-around!important}.align-content-xxxl-stretch{align-content:stretch!important}.align-self-xxxl-auto{align-self:auto!important}.align-self-xxxl-start{align-self:flex-start!important}.align-self-xxxl-end{align-self:flex-end!important}.align-self-xxxl-center{align-self:center!important}.align-self-xxxl-baseline{align-self:baseline!important}.align-self-xxxl-stretch{align-self:stretch!important}.m-xxxl-auto{margin:auto!important}.mt-xxxl-auto,.my-xxxl-auto{margin-top:auto!important}.mr-xxxl-auto,.mx-xxxl-auto{margin-right:auto!important}.mb-xxxl-auto,.my-xxxl-auto{margin-bottom:auto!important}.ml-xxxl-auto,.mx-xxxl-auto{margin-left:auto!important}}@media (min-width: 1921px){.flex-xxxxl-row{flex-direction:row!important}.flex-xxxxl-column{flex-direction:column!important}.flex-xxxxl-row-reverse{flex-direction:row-reverse!important}.flex-xxxxl-column-reverse{flex-direction:column-reverse!important}.flex-xxxxl-wrap{flex-wrap:wrap!important}.flex-xxxxl-nowrap{flex-wrap:nowrap!important}.flex-xxxxl-wrap-reverse{flex-wrap:wrap-reverse!important}.flex-xxxxl-fill{flex:1 1 auto!important}.flex-xxxxl-grow-0{flex-grow:0!important}.flex-xxxxl-grow-1{flex-grow:1!important}.flex-xxxxl-shrink-0{flex-shrink:0!important}.flex-xxxxl-shrink-1{flex-shrink:1!important}.justify-content-xxxxl-start{justify-content:flex-start!important}.justify-content-xxxxl-end{justify-content:flex-end!important}.justify-content-xxxxl-center{justify-content:center!important}.justify-content-xxxxl-between{justify-content:space-between!important}.justify-content-xxxxl-around{justify-content:space-around!important}.align-items-xxxxl-start{align-items:flex-start!important}.align-items-xxxxl-end{align-items:flex-end!important}.align-items-xxxxl-center{align-items:center!important}.align-items-xxxxl-baseline{align-items:baseline!important}.align-items-xxxxl-stretch{align-items:stretch!important}.align-content-xxxxl-start{align-content:flex-start!important}.align-content-xxxxl-end{align-content:flex-end!important}.align-content-xxxxl-center{align-content:center!important}.align-content-xxxxl-between{align-content:space-between!important}.align-content-xxxxl-around{align-content:space-around!important}.align-content-xxxxl-stretch{align-content:stretch!important}.align-self-xxxxl-auto{align-self:auto!important}.align-self-xxxxl-start{align-self:flex-start!important}.align-self-xxxxl-end{align-self:flex-end!important}.align-self-xxxxl-center{align-self:center!important}.align-self-xxxxl-baseline{align-self:baseline!important}.align-self-xxxxl-stretch{align-self:stretch!important}.m-xxxxl-auto{margin:auto!important}.mt-xxxxl-auto,.my-xxxxl-auto{margin-top:auto!important}.mr-xxxxl-auto,.mx-xxxxl-auto{margin-right:auto!important}.mb-xxxxl-auto,.my-xxxxl-auto{margin-bottom:auto!important}.ml-xxxxl-auto,.mx-xxxxl-auto{margin-left:auto!important}}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.mt--150{margin-top:150px!important}.mb--150{margin-bottom:150px!important}.pt--150{padding-top:150px}.pb--150{padding-bottom:150px}.mblock--150{margin-block:150px}.pblock--150{padding-block:150px}.mt--180{margin-top:180px!important}.mb--180{margin-bottom:180px!important}.pt--180{padding-top:180px}.pb--180{padding-bottom:180px}.mblock--180{margin-block:180px}.pblock--180{padding-block:180px}@keyframes move-right{0%{right:30px}50%{right:20px}to{right:30px}}:root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.container{max-width:100%}.modal{opacity:1!important;pointer-events:all!important}.modal.modal__reservar{background:var(--white);display:flex;isolation:isolate}.modal--open.reservar .modal.modal__reservar{opacity:1;pointer-events:auto}.modal.modal__reservar .modal__inner{display:flex;justify-content:center;width:100%;position:relative}.modal.modal__reservar .modal__box{overflow-x:clip;padding-block:6rem 15.3rem;width:100%;background:var(--white);display:flex;flex-direction:column;gap:3rem;align-items:center;height:max-content;min-height:100%}@media (min-width: 540px){.modal.modal__reservar .modal__box{padding-block:6rem 14.3rem;gap:4rem}}@media (min-width: 768px){.modal.modal__reservar .modal__box{max-width:48rem;padding-block:10rem 18.505rem;gap:5rem}}@media (min-width: 1024px){.modal.modal__reservar .modal__box{padding-block:10rem}}@media (min-width: 1680px){.modal.modal__reservar .modal__box{max-width:60rem;padding-block:13rem}}@media (min-width: 1800px){.modal.modal__reservar .modal__box{padding-block:18rem}}.modal.modal__reservar .modal__box h2{text-align:center;width:min-content;font-size:4.6rem;line-height:1}@media (min-width: 540px){.modal.modal__reservar .modal__box h2{font-size:6.4rem;line-height:1}}@media (min-width: 768px){.modal.modal__reservar .modal__box h2{font-size:8rem;line-height:1}}@media (min-width: 1680px){.modal.modal__reservar .modal__box h2{font-size:9rem;line-height:1}}.modal.modal__reservar .modal__close{top:2rem}@media (min-width: 540px){.modal.modal__reservar .modal__close{top:3rem;right:3rem}}@media (min-width: 768px){.modal.modal__reservar .modal__close{top:4rem;right:4rem}}@media (min-width: 1024px){.modal.modal__reservar .modal__close{top:3rem;right:3rem}}@media (min-width: 1680px){.modal.modal__reservar .modal__close{top:5rem;right:5rem}}.modal.modal__reservar .modal__reservar-graphic{opacity:0;pointer-events:none;position:fixed;inset:0;z-index:-1;overflow:clip}@media (min-width: 1024px){.modal.modal__reservar .modal__reservar-graphic{opacity:1}}.modal.modal__reservar .modal__reservar-graphic img{animation:zoomInOut 5s infinite ease-in-out;transform-origin:center}.modal.modal__reservar .modal__reservar-form .btn__group{justify-content:center}.modal.modal__reservar .modal__reservar-form{display:flex;flex-direction:column;gap:3rem;width:100%;max-width:28rem}.modal.modal__reservar .modal__reservar-form .sub-fields{display:none;background:var(--cream);transform:translateY(-1rem);margin-inline:-20rem;padding:3rem 20rem}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group{margin-bottom:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .select-control,.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-control{border-color:var(--grey);background:var(--white)}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-group--label{padding-top:1.1rem;padding-bottom:3.2rem;line-height:1;background:transparent}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group-box{display:none;margin-top:2rem;background:var(--white);padding:2.5rem 2rem 2.4rem 1.8rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group-box--heading{font-size:1.6rem;line-height:1;text-transform:uppercase;margin-bottom:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner{position:relative}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .select-control{height:3.8rem;padding:1rem 2rem 1rem 1rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .label{font-size:1.4rem;line-height:1;margin-bottom:.6rem;display:block}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .input-group--icon{top:3.2rem;right:1rem;transform:translateY(0)}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .input-group--icon svg.down-arrow{display:block!important}.modal.modal__reservar .modal__reservar-form .sub-fields[style=\"display: block;\"]{display:flex!important;flex-direction:column}.js-personas-subfields.final .input-group--label{padding-top:1.1rem;padding-bottom:3.2rem;line-height:1;background:transparent}\n"] }]
|
|
9590
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { datepicker: [{
|
|
9591
|
+
type: ViewChild,
|
|
9592
|
+
args: ['datepicker']
|
|
9593
|
+
}], datepickerIn: [{
|
|
9594
|
+
type: ViewChild,
|
|
9595
|
+
args: ['datepickerIn']
|
|
9596
|
+
}], datepickerOut: [{
|
|
9597
|
+
type: ViewChild,
|
|
9598
|
+
args: ['datepickerOut']
|
|
9599
|
+
}], modal: [{
|
|
9600
|
+
type: Input
|
|
9601
|
+
}], close: [{
|
|
9602
|
+
type: Output
|
|
9603
|
+
}] } });
|
|
9604
|
+
|
|
9367
9605
|
class BabylonHeaderClearV2Component {
|
|
9368
9606
|
constructor(dialog, screenSizer, router) {
|
|
9369
9607
|
this.dialog = dialog;
|
|
@@ -9386,27 +9624,17 @@ class BabylonHeaderClearV2Component {
|
|
|
9386
9624
|
});
|
|
9387
9625
|
}
|
|
9388
9626
|
openEngineModal() {
|
|
9389
|
-
|
|
9390
|
-
console.log(this.logos);
|
|
9391
|
-
console.log(this.menu);
|
|
9392
|
-
console.log(this.menuInfo);
|
|
9393
|
-
console.log(this.engineRef);
|
|
9394
|
-
console.log(this.links);
|
|
9395
|
-
console.log(this.shop);
|
|
9396
|
-
/* const dialogRef = this.dialog.open(BabylonEngineModalV2Component, {
|
|
9627
|
+
const dialogRef = this.dialog.open(BabylonEngineModalV2Component, {
|
|
9397
9628
|
width: '100vw',
|
|
9398
9629
|
height: '100vh',
|
|
9399
9630
|
maxWidth: '100vw',
|
|
9400
9631
|
hasBackdrop: true,
|
|
9401
9632
|
});
|
|
9402
|
-
|
|
9403
9633
|
const event = new EventEmitter();
|
|
9404
|
-
|
|
9405
9634
|
event.subscribe(() => {
|
|
9406
9635
|
dialogRef.close();
|
|
9407
9636
|
});
|
|
9408
|
-
|
|
9409
|
-
dialogRef.componentInstance.close = event; */
|
|
9637
|
+
dialogRef.componentInstance.close = event;
|
|
9410
9638
|
}
|
|
9411
9639
|
openLanguagesModal() {
|
|
9412
9640
|
this.openLanguages.emit();
|
|
@@ -15508,11 +15736,11 @@ class C4SliC2TxtImgComponent {
|
|
|
15508
15736
|
this.swiper?.destroy(true, true);
|
|
15509
15737
|
}
|
|
15510
15738
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2TxtImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15511
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4SliC2TxtImgComponent, isStandalone: true, selector: "ces-c4-sli-c2-txt-img", inputs: { items: "items", texts: "texts" }, viewQueries: [{ propertyName: "swiperRoot", first: true, predicate: ["swiperRoot"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.[0]?.src\"\n [alt]=\"slide.images?.[0]?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{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)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
15739
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4SliC2TxtImgComponent, isStandalone: true, selector: "ces-c4-sli-c2-txt-img", inputs: { items: "items", texts: "texts" }, viewQueries: [{ propertyName: "swiperRoot", first: true, predicate: ["swiperRoot"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.img?.src\"\n [alt]=\"slide.img?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n class=\"m-texto\"\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{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)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto p.m-texto{margin:30px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto p,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto li{font-family:var(--font-text);font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 1024px){.mdl-experiencias .experiencias-swiper h3{padding:0 30px;text-align:center}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
15512
15740
|
}
|
|
15513
15741
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2TxtImgComponent, decorators: [{
|
|
15514
15742
|
type: Component,
|
|
15515
|
-
args: [{ selector: 'ces-c4-sli-c2-txt-img', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.[0]?.src\"\n [alt]=\"slide.images?.[0]?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{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)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"] }]
|
|
15743
|
+
args: [{ selector: 'ces-c4-sli-c2-txt-img', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.img?.src\"\n [alt]=\"slide.img?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n class=\"m-texto\"\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{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)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto p.m-texto{margin:30px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto p,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto li{font-family:var(--font-text);font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 1024px){.mdl-experiencias .experiencias-swiper h3{padding:0 30px;text-align:center}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"] }]
|
|
15516
15744
|
}], propDecorators: { swiperRoot: [{
|
|
15517
15745
|
type: ViewChild,
|
|
15518
15746
|
args: ['swiperRoot']
|
|
@@ -17030,5 +17258,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
17030
17258
|
* Generated bundle index. Do not edit.
|
|
17031
17259
|
*/
|
|
17032
17260
|
|
|
17033
|
-
export { Babylon404Component, BabylonActionBannerComponent, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonAvC4ImgTextComponent, BabylonAvImgSocialComponent, BabylonAvTxtIcoComponent, BabylonBaImgTxtComponent, BabylonBaSliImgTxtComponent, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBreadcrumbComponent, BabylonColorPickerComponent, BabylonComingsoonComponent, BabylonContactAddressComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonDynamicHeadingComponent, BabylonEngineComponent, BabylonEngineModalComponent, BabylonExternalScriptComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFilterModalComponent, BabylonFloatingButtonsComponent, BabylonFoAddrContImgComponent, BabylonFoC3ImgTxtComponent, BabylonFoLisC4TxtComponent, BabylonFoSliImgComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonFooterSocialI, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGlobalModalComponent, BabylonGrC2ImgComponent, BabylonGridGalleryComponent, BabylonGuestsPopupComponent, BabylonHeSvgListComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuLogoCenterComponent, BabylonHeaderMenuShowComponent, BabylonHeaderMobileComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2ColImgComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoGridI, BabylonInfoImgComponent, BabylonInfoImgSliderComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigZagCounterComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLanguageModalComponent, BabylonLanguageModalV2Component, BabylonLanguageModalV3Component, BabylonLegalComponent, BabylonLisC2TxtComponent, BabylonLisC4TxtIcoComponent, BabylonLisSvgTxtCtaComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListGridComponent, BabylonListGridI, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonModalMultipleMotorsComponent, BabylonModalService, BabylonNewsletterComponent, BabylonNewsletterI, BabylonNewsletterModalV2Component, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupComponent, BabylonOfferPopupComponentV2, BabylonOfferPopupV3Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonPressListComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSliC1ImgTextComponent, BabylonSliC5ImgTxtComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colClearComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, ButtonType, C2ImgTxtSvgComponent, C2TxtCtaComponent, C2TxtCtaDesComponent, C2TxtMdh005Component, C2TxtRrssComponent, C3TxtImgCtaComponent, C4C1ImgTxtCComponent, C4C1ImgTxtComponent, C4C1TxtComponent, C4FoLinkSvgComponent, C4ForC2TxtComponent, C4HeImgTxtComponent, C4LisC2ImgTxtComponent, C4MeTxtSvgCtaComponent, C4SliC2ImgTxtCComponent, C4SliC2TxtImgComponent, C4TxtSvgComponent, CarC2TxtCtaComponent, H04SliderTextComponent, LisC2ImgTxtCv4Component, LisC2TxtImgComponent, LisC2TxtImgSvgCComponent, LisC3TxtImgCtComponent, LisC4TxtDesCtaComponent, ListRoomsComponent, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, SliC1ImgSvgComponent, SliC2ImgComponent, SliC2ImgTxtCtaV3Component, SliC2ImgTxtCv5Component, SliC2TxtCarImgCComponent, SliC2TxtImgSvgCComponent, Utils, complex_links, organization_name };
|
|
17261
|
+
export { Babylon404Component, BabylonActionBannerComponent, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonAvC4ImgTextComponent, BabylonAvImgSocialComponent, BabylonAvTxtIcoComponent, BabylonBaImgTxtComponent, BabylonBaSliImgTxtComponent, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBookingWidgetComponent, BabylonBreadcrumbComponent, BabylonColorPickerComponent, BabylonComingsoonComponent, BabylonContactAddressComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonDynamicHeadingComponent, BabylonEngineComponent, BabylonEngineModalComponent, BabylonExternalScriptComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFilterModalComponent, BabylonFloatingButtonsComponent, BabylonFoAddrContImgComponent, BabylonFoC3ImgTxtComponent, BabylonFoLisC4TxtComponent, BabylonFoSliImgComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonFooterSocialI, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGlobalModalComponent, BabylonGrC2ImgComponent, BabylonGridGalleryComponent, BabylonGuestsPopupComponent, BabylonHeSvgListComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuLogoCenterComponent, BabylonHeaderMenuShowComponent, BabylonHeaderMobileComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2ColImgComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoGridI, BabylonInfoImgComponent, BabylonInfoImgSliderComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigZagCounterComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLanguageModalComponent, BabylonLanguageModalV2Component, BabylonLanguageModalV3Component, BabylonLegalComponent, BabylonLisC2TxtComponent, BabylonLisC4TxtIcoComponent, BabylonLisSvgTxtCtaComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListGridComponent, BabylonListGridI, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonModalMultipleMotorsComponent, BabylonModalService, BabylonNewsletterComponent, BabylonNewsletterI, BabylonNewsletterModalV2Component, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupComponent, BabylonOfferPopupComponentV2, BabylonOfferPopupV3Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonPressListComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSliC1ImgTextComponent, BabylonSliC5ImgTxtComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colClearComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, ButtonType, C2ImgTxtSvgComponent, C2TxtCtaComponent, C2TxtCtaDesComponent, C2TxtMdh005Component, C2TxtRrssComponent, C3TxtImgCtaComponent, C4C1ImgTxtCComponent, C4C1ImgTxtComponent, C4C1TxtComponent, C4FoLinkSvgComponent, C4ForC2TxtComponent, C4HeImgTxtComponent, C4LisC2ImgTxtComponent, C4MeTxtSvgCtaComponent, C4SliC2ImgTxtCComponent, C4SliC2TxtImgComponent, C4TxtSvgComponent, CarC2TxtCtaComponent, H04SliderTextComponent, LisC2ImgTxtCv4Component, LisC2TxtImgComponent, LisC2TxtImgSvgCComponent, LisC3TxtImgCtComponent, LisC4TxtDesCtaComponent, ListRoomsComponent, LogoType, MapperService, SCREEN_SIZER_PARAMS_TOKEN, SITE_CONFIG_SERVICE_TOKEN, SafeHtmlPipe, ScreenSizerService, SliC1ImgSvgComponent, SliC2ImgComponent, SliC2ImgTxtCtaV3Component, SliC2ImgTxtCv5Component, SliC2TxtCarImgCComponent, SliC2TxtImgSvgCComponent, Utils, complex_links, organization_name };
|
|
17034
17262
|
//# sourceMappingURL=ctt-babylon.mjs.map
|