ctt-babylon 0.23.4 → 0.23.5

package/fesm2022/ctt-babylon.mjs

@@ -3305,6 +3305,28 @@ class MapperService {
         }
         return options;
     }
+    getAgeUnitLabel(texts) {
+        const directLabel = this.getTextValue(texts?.motorAgeUnitLabel)?.trim() ||
+            this.getTextValue(texts?.motorYearsLabel)?.trim();
+        if (directLabel) {
+            return directLabel;
+        }
+        const fallbackLabels = [
+            texts?.motorKidsSmallLabel,
+            texts?.motorBabiesSmallTitle,
+        ];
+        for (const label of fallbackLabels) {
+            const parsedLabel = this.getTextValue(label)?.trim();
+            if (!parsedLabel) {
+                continue;
+            }
+            const labelWithoutRange = parsedLabel.replace(/^\s*\d+\s*-\s*\d+\s*/, '').trim();
+            if (labelWithoutRange && labelWithoutRange !== parsedLabel) {
+                return labelWithoutRange;
+            }
+        }
+        return 'años';
+    }
     mapGlobalsBodyExtra(props) {
         const name_Identifier = typeof props == 'string' ? props : props?.nameIdentifier;
         return {
@@ -3471,7 +3493,7 @@ class MapperService {
                             break;
                         case 'contactform':
                         case 'contactformv2':
-                            componentMapped.props = this.mapContactForm(component.props, addons?.contactOffice, addons?.consultType, component.identifier);
+                            componentMapped.props = this.mapContactForm(component.props, addons?.contactOffice, addons?.consultType);
                             break;
                         case 'contacthow':
                             componentMapped.props = this.mapContactHow(component.props);
@@ -5665,7 +5687,7 @@ class MapperService {
             button: Utils.mapButtons(props?.buttons)?.[0],
         };
     }
-    mapContactForm(props, ndProps, ndPropsConsult, identifier) {
+    mapContactForm(props, ndProps, ndPropsConsult) {
         return {
             pretitle: typeof props?.texts?.pretitle === 'string'
                 ? props?.texts?.pretitle
@@ -5793,7 +5815,6 @@ class MapperService {
                     })),
                 },
             },
-            identifier: identifier,
         };
     }
     mapContactAddress(props) {
@@ -6491,6 +6512,7 @@ class MapperService {
                 agesDropdown: {
                     options: this.generateAgesOptions(props?.maxAgeChildren, (props?.maxAgeBabies ?? 2) + 1),
                 },
+                ageUnitLabel: this.getAgeUnitLabel(props?.texts),
                 agesLabel: props?.texts?.motorAgesTitle,
                 kidsLabel: props?.texts?.motorKidLabel,
                 babiesLabel: props?.texts?.motorBabyLabel ??
@@ -10816,6 +10838,15 @@ class BabylonEngineModalV2Component {
             ? this.guests.babiesAgesDropdown.options
             : this.fallbackBabyAgeOptions;
     }
+    get childrenAgeRangeLabel() {
+        return this.getAgeRangeLabel(this.childAgeOptions);
+    }
+    get babiesAgeRangeLabel() {
+        return this.getAgeRangeLabel(this.babyAgeOptions);
+    }
+    get ageUnitLabel() {
+        return this.guests?.ageUnitLabel?.trim() || 'años';
+    }
     getSelectValue(event) {
         const target = event.target;
         return Number(target?.value ?? 0) || 0;
@@ -10833,6 +10864,14 @@ class BabylonEngineModalV2Component {
     getDefaultBabyAge() {
         return Number(this.babyAgeOptions[0]?.code ?? 0) || 0;
     }
+    getAgeRangeLabel(options) {
+        const first = options?.[0]?.code;
+        const last = options?.[options.length - 1]?.code;
+        if (first === undefined || last === undefined) {
+            return '';
+        }
+        return `${first}-${last} ${this.ageUnitLabel}`;
+    }
     syncChildrenAgeSelections(count) {
         if (count <= 0) {
             this.childrenAgeSelections = [];
@@ -10879,7 +10918,7 @@ class BabylonEngineModalV2Component {
         });
     }
     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 }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonEngineModalV2Component, isStandalone: true, selector: "lib-babylon-engine-modal-v2", inputs: { title: "title", subtitle: "subtitle", datepickerData: "datepickerData", guestsInput: "guestsInput", promoInput: "promoInput", button: "button", guests: "guests", openInNewWindow: "openInNewWindow" }, outputs: { close: "close" }, viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datepicker"], 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            @if (title) {\n                <h2>{{ title }}</h2>\n            }\n            <div class=\"modal__reservar-form\" [formGroup]=\"form\">\n                @if (datepickerData) {\n                    <div class=\"input-group\" (click)=\"openCalendar()\">\n                        <label class=\"input-group--label\" for=\"In-date\">{{\n                            datepickerData.placeholder\n                        }}</label>\n\n                        <p-calendar\n                            class=\"input-control\"\n                            [showOtherMonths]=\"false\"\n                            dateFormat=\"dd-mm-yy\"\n                            selectionMode=\"range\"\n                            [placeholder]=\"displayDates\"\n                            formControlName=\"dates\"\n                            [numberOfMonths]=\"2\"\n                            #datepicker\n                            [readonlyInput]=\"true\"\n                            [showOnFocus]=\"false\"\n                            (onSelect)=\"onDateSelect()\"\n                        ></p-calendar>\n                        <span\n                            class=\"input-group--icon\"\n                            (click)=\"openCalendar()\"\n                        >\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                }\n\n                @if (guestsInput) {\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\">{{\n                            guestsValue || '01'\n                        }}</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                }\n                @if (guests) {\n                    <div\n                        class=\"sub-fields\"\n                        [style.display]=\"showSubfields ? 'block' : 'none'\"\n                    >\n                        @if (guests.adultsDropdown) {\n                            <div class=\"input-group\">\n                                <label\n                                    class=\"input-group--label\"\n                                    for=\"adult1\"\n                                    >{{ guests.adultsDropdown.title }}</label\n                                >\n                                <select\n                                    class=\"select-control\"\n                                    name=\"Adultos\"\n                                    id=\"adult1\"\n                                    #adult1\n                                    [value]=\"guestsValueSeparates.adults\"\n                                    (change)=\"onAdultsChange($event)\"\n                                >\n                                    <!-- <option value=\"0\" selected>00</option> -->\n                                    @for (\n                                        option of guests.adultsDropdown.options;\n                                        track $index\n                                    ) {\n                                        <option [value]=\"option.code\">\n                                            {{ option.name }}\n                                        </option>\n                                    }\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                        }\n                        @if (guests.kidsDropdown) {\n                            <div class=\"input-group\">\n                                <div\n                                    class=\"input-group--inner childAge-group-list\"\n                                >\n                                    <label\n                                        class=\"input-group--label\"\n                                        for=\"child1\"\n                                        >{{ guests.kidsDropdown.title }}</label\n                                    >\n                                    <select\n                                        class=\"select-control\"\n                                        name=\"Ni\u00F1os\"\n                                        id=\"child1\"\n                                        #child1\n                                        [value]=\"guestsValueSeparates.kids\"\n                                        (change)=\"onChildrenChange($event)\"\n                                    >\n                                        @for (\n                                            option of guests.kidsDropdown\n                                                .options;\n                                            track $index\n                                        ) {\n                                            <option [value]=\"option.code\">\n                                                {{ option.name }}\n                                            </option>\n                                        }\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                                        {{ guests.agesLabel }}\n                                    </legend>\n                                    <div class=\"age-group\">\n                                        @for (\n                                            childAge of childrenAgeSelections;\n                                            track $index\n                                        ) {\n                                            <div class=\"input-group-inner\">\n                                                <label\n                                                    class=\"label\"\n                                                    [for]=\"\n                                                        'children-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    >{{ guests.kidsLabel || 'Nino' }}\n                                                    {{ $index + 1 }}</label\n                                                >\n                                                <select\n                                                    class=\"select-control\"\n                                                    [name]=\"\n                                                        'children-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [id]=\"\n                                                        'children-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [value]=\"childAge\"\n                                                    (change)=\"\n                                                        onChildAgeChange(\n                                                            $index,\n                                                            $event\n                                                        )\n                                                    \"\n                                                >\n                                                    @for (\n                                                        option of childAgeOptions;\n                                                        track option.code\n                                                    ) {\n                                                        <option\n                                                            [value]=\"option.code\"\n                                                        >\n                                                            {{ option.name }}\n                                                        </option>\n                                                    }\n                                                </select>\n                                                <span\n                                                    class=\"input-group--icon\"\n                                                >\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                                        }\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                        @if (guests.babiesDropdown) {\n                            <div class=\"input-group\">\n                                <div class=\"input-group--inner babiesAge-group-list\">\n                                    <label\n                                        class=\"input-group--label\"\n                                        for=\"babies1\"\n                                        >{{\n                                            guests.babiesDropdown.title\n                                        }}</label\n                                    >\n                                    <select\n                                        class=\"select-control\"\n                                        name=\"Beb\u00E9s\"\n                                        id=\"babies1\"\n                                        #babies1\n                                        [value]=\"guestsValueSeparates.infants\"\n                                        (change)=\"onBabiesChange($event)\"\n                                    >\n                                        @for (\n                                            option of guests.babiesDropdown\n                                                .options;\n                                            track $index\n                                        ) {\n                                            <option [value]=\"option.code\">\n                                                {{ option.name }}\n                                            </option>\n                                        }\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                                    class=\"age-group-box babies-list\"\n                                    [style.display]=\"\n                                        showBabiesAges ? 'block' : 'none'\n                                    \"\n                                >\n                                    <legend class=\"age-group-box--heading\">\n                                        {{ guests.agesLabel }}\n                                    </legend>\n                                    <div class=\"age-group\">\n                                        @for (\n                                            babyAge of babiesAgeSelections;\n                                            track $index\n                                        ) {\n                                            <div class=\"input-group-inner\">\n                                                <label\n                                                    class=\"label\"\n                                                    [for]=\"\n                                                        'babies-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    >{{\n                                                        guests.babiesLabel ||\n                                                        'Bebe'\n                                                    }}\n                                                    {{ $index + 1 }}</label\n                                                >\n                                                <select\n                                                    class=\"select-control\"\n                                                    [name]=\"\n                                                        'babies-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [id]=\"\n                                                        'babies-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [value]=\"babyAge\"\n                                                    (change)=\"\n                                                        onBabiesAgeChange(\n                                                            $index,\n                                                            $event\n                                                        )\n                                                    \"\n                                                >\n                                                    @for (\n                                                        option of babyAgeOptions;\n                                                        track option.code\n                                                    ) {\n                                                        <option\n                                                            [value]=\"option.code\"\n                                                        >\n                                                            {{ option.name }}\n                                                        </option>\n                                                    }\n                                                </select>\n                                                <span\n                                                    class=\"input-group--icon\"\n                                                >\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                                        }\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                        <div class=\"btn__group\">\n                            <button\n                                type=\"submit\"\n                                class=\"btn btn__secondary js-apply-guests1\"\n                                role=\"button\"\n                                (click)=\"applyGuestsFromViewChildren()\"\n                            >\n                                <span>{{ guests.btn?.label }}</span>\n                            </button>\n                        </div>\n                    </div>\n                }\n                @if (promoInput) {\n                    <div class=\"input-group\">\n                        <label class=\"input-group--label\" for=\"email\">{{\n                            promoInput.placeholder\n                        }}</label>\n                        <input\n                            type=\"text\"\n                            class=\"input-control\"\n                            name=\"email\"\n                            id=\"email\"\n                            placeholder=\"...\"\n                            formControlName=\"promo\"\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                }\n                @if (button) {\n                    <div class=\"btn__group\">\n                        <a\n                            class=\"btn btn__primary\"\n                            [attr.target]=\"openInNewWindow ? '_blank' : '_self'\"\n                            [attr.aria-label]=\"button.label\"\n                            [href]=\"generatedUrl\"\n                            (click)=\"updateGeneratedUrl(); closeModal()\"\n                        >\n                            <span>{{ button.label }}</span>\n                        </a>\n                    </div>\n                }\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-width: 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>.input-group .input-group--inner{position:relative;max-height:fit-content}.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;width:calc(100% - 11.5rem);margin-top:0rem;margin-left:2rem;background:var(--white);padding:2.5rem 2rem 2.4rem 1.8rem;border:1px solid var(--grey)}.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:.5rem;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}:host ::ng-deep .p-calendar{width:100%}:host ::ng-deep .p-inputtext{background:transparent;border:none;padding:1rem 0 0!important}:host ::ng-deep input:focus-visible{outline:none!important}:host ::ng-deep .p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext{box-shadow:0 0 0 .2rem transparent!important}\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: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i2$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: DropdownModule }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonEngineModalV2Component, isStandalone: true, selector: "lib-babylon-engine-modal-v2", inputs: { title: "title", subtitle: "subtitle", datepickerData: "datepickerData", guestsInput: "guestsInput", promoInput: "promoInput", button: "button", guests: "guests", openInNewWindow: "openInNewWindow" }, outputs: { close: "close" }, viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datepicker"], 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            @if (title) {\n                <h2>{{ title }}</h2>\n            }\n            <div class=\"modal__reservar-form\" [formGroup]=\"form\">\n                @if (datepickerData) {\n                    <div class=\"input-group\" (click)=\"openCalendar()\">\n                        <label class=\"input-group--label\" for=\"In-date\">{{\n                            datepickerData.placeholder\n                        }}</label>\n\n                        <p-calendar\n                            class=\"input-control\"\n                            [showOtherMonths]=\"false\"\n                            dateFormat=\"dd-mm-yy\"\n                            selectionMode=\"range\"\n                            [placeholder]=\"displayDates\"\n                            formControlName=\"dates\"\n                            [numberOfMonths]=\"2\"\n                            #datepicker\n                            [readonlyInput]=\"true\"\n                            [showOnFocus]=\"false\"\n                            (onSelect)=\"onDateSelect()\"\n                        ></p-calendar>\n                        <span\n                            class=\"input-group--icon\"\n                            (click)=\"openCalendar()\"\n                        >\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                }\n\n                @if (guestsInput) {\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\">{{\n                            guestsValue || '01'\n                        }}</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                }\n                @if (guests) {\n                    <div\n                        class=\"sub-fields\"\n                        [style.display]=\"showSubfields ? 'block' : 'none'\"\n                    >\n                        @if (guests.adultsDropdown) {\n                            <div class=\"input-group\">\n                                <label\n                                    class=\"input-group--label\"\n                                    for=\"adult1\"\n                                    >{{ guests.adultsDropdown.title }}</label\n                                >\n                                <select\n                                    class=\"select-control\"\n                                    name=\"Adultos\"\n                                    id=\"adult1\"\n                                    #adult1\n                                    [value]=\"guestsValueSeparates.adults\"\n                                    (change)=\"onAdultsChange($event)\"\n                                >\n                                    <!-- <option value=\"0\" selected>00</option> -->\n                                    @for (\n                                        option of guests.adultsDropdown.options;\n                                        track $index\n                                    ) {\n                                        <option [value]=\"option.code\">\n                                            {{ option.name }}\n                                        </option>\n                                    }\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                        }\n                        @if (guests.kidsDropdown) {\n                            <div class=\"input-group\">\n                                <div\n                                    class=\"input-group--inner childAge-group-list\"\n                                >\n                                    <label\n                                        class=\"input-group--label input-group--label--range\"\n                                        for=\"child1\"\n                                    >\n                                        {{ guests.kidsDropdown.title }}\n                                        @if (childrenAgeRangeLabel) {\n                                            <small\n                                                class=\"input-group--label--range--small\"\n                                            >\n                                                / {{ childrenAgeRangeLabel }}\n                                            </small>\n                                        }\n                                    </label>\n                                    <select\n                                        class=\"select-control\"\n                                        name=\"Ni\u00F1os\"\n                                        id=\"child1\"\n                                        #child1\n                                        [value]=\"guestsValueSeparates.kids\"\n                                        (change)=\"onChildrenChange($event)\"\n                                    >\n                                        @for (\n                                            option of guests.kidsDropdown\n                                                .options;\n                                            track $index\n                                        ) {\n                                            <option [value]=\"option.code\">\n                                                {{ option.name }}\n                                            </option>\n                                        }\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                                        {{ guests.agesLabel }}\n                                    </legend>\n                                    <div class=\"age-group\">\n                                        @for (\n                                            childAge of childrenAgeSelections;\n                                            track $index\n                                        ) {\n                                            <div class=\"input-group-inner\">\n                                                <label\n                                                    class=\"label\"\n                                                    [for]=\"\n                                                        'children-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    >{{ guests.kidsLabel || 'Nino' }}\n                                                    {{ $index + 1 }}</label\n                                                >\n                                                <select\n                                                    class=\"select-control\"\n                                                    [name]=\"\n                                                        'children-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [id]=\"\n                                                        'children-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [value]=\"childAge\"\n                                                    (change)=\"\n                                                        onChildAgeChange(\n                                                            $index,\n                                                            $event\n                                                        )\n                                                    \"\n                                                >\n                                                    @for (\n                                                        option of childAgeOptions;\n                                                        track option.code\n                                                    ) {\n                                                        <option\n                                                            [value]=\"option.code\"\n                                                        >\n                                                            {{ option.name }}\n                                                        </option>\n                                                    }\n                                                </select>\n                                                <span\n                                                    class=\"input-group--icon\"\n                                                >\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                                        }\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                        @if (guests.babiesDropdown) {\n                            <div class=\"input-group\">\n                                <div class=\"input-group--inner babiesAge-group-list\">\n                                    <label\n                                        class=\"input-group--label input-group--label--range\"\n                                        for=\"babies1\"\n                                    >\n                                        {{ guests.babiesDropdown.title }}\n                                        @if (babiesAgeRangeLabel) {\n                                            <small\n                                                class=\"input-group--label--range--small\"\n                                            >\n                                                / {{ babiesAgeRangeLabel }}\n                                            </small>\n                                        }\n                                    </label>\n                                    <select\n                                        class=\"select-control\"\n                                        name=\"Beb\u00E9s\"\n                                        id=\"babies1\"\n                                        #babies1\n                                        [value]=\"guestsValueSeparates.infants\"\n                                        (change)=\"onBabiesChange($event)\"\n                                    >\n                                        @for (\n                                            option of guests.babiesDropdown\n                                                .options;\n                                            track $index\n                                        ) {\n                                            <option [value]=\"option.code\">\n                                                {{ option.name }}\n                                            </option>\n                                        }\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                                    class=\"age-group-box babies-list\"\n                                    [style.display]=\"\n                                        showBabiesAges ? 'block' : 'none'\n                                    \"\n                                >\n                                    <legend class=\"age-group-box--heading\">\n                                        {{ guests.agesLabel }}\n                                    </legend>\n                                    <div class=\"age-group\">\n                                        @for (\n                                            babyAge of babiesAgeSelections;\n                                            track $index\n                                        ) {\n                                            <div class=\"input-group-inner\">\n                                                <label\n                                                    class=\"label\"\n                                                    [for]=\"\n                                                        'babies-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    >{{\n                                                        guests.babiesLabel ||\n                                                        'Bebe'\n                                                    }}\n                                                    {{ $index + 1 }}</label\n                                                >\n                                                <select\n                                                    class=\"select-control\"\n                                                    [name]=\"\n                                                        'babies-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [id]=\"\n                                                        'babies-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [value]=\"babyAge\"\n                                                    (change)=\"\n                                                        onBabiesAgeChange(\n                                                            $index,\n                                                            $event\n                                                        )\n                                                    \"\n                                                >\n                                                    @for (\n                                                        option of babyAgeOptions;\n                                                        track option.code\n                                                    ) {\n                                                        <option\n                                                            [value]=\"option.code\"\n                                                        >\n                                                            {{ option.name }}\n                                                        </option>\n                                                    }\n                                                </select>\n                                                <span\n                                                    class=\"input-group--icon\"\n                                                >\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                                        }\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                        <div class=\"btn__group\">\n                            <button\n                                type=\"submit\"\n                                class=\"btn btn__secondary js-apply-guests1\"\n                                role=\"button\"\n                                (click)=\"applyGuestsFromViewChildren()\"\n                            >\n                                <span>{{ guests.btn?.label }}</span>\n                            </button>\n                        </div>\n                    </div>\n                }\n                @if (promoInput) {\n                    <div class=\"input-group\">\n                        <label class=\"input-group--label\" for=\"email\">{{\n                            promoInput.placeholder\n                        }}</label>\n                        <input\n                            type=\"text\"\n                            class=\"input-control\"\n                            name=\"email\"\n                            id=\"email\"\n                            placeholder=\"...\"\n                            formControlName=\"promo\"\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                }\n                @if (button) {\n                    <div class=\"btn__group\">\n                        <a\n                            class=\"btn btn__primary\"\n                            [attr.target]=\"openInNewWindow ? '_blank' : '_self'\"\n                            [attr.aria-label]=\"button.label\"\n                            [href]=\"generatedUrl\"\n                            (click)=\"updateGeneratedUrl(); closeModal()\"\n                        >\n                            <span>{{ button.label }}</span>\n                        </a>\n                    </div>\n                }\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-width: 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{display:flex;flex-direction:column;align-items:stretch;margin-bottom:2rem;gap:1.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{width:100%;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:.8rem;line-height:1;background:transparent}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-group--label--range{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-group--label--range--small{font-size:1.4rem;line-height:1}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-group--inner{position:relative;max-height:fit-content;width:100%}.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;width:100%;margin-top:0rem;margin-left:0;background:var(--white);padding:2.5rem 2rem 2.4rem 1.8rem;border:1px solid var(--grey)}.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:.5rem;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}:host ::ng-deep .p-calendar{width:100%}:host ::ng-deep .p-inputtext{background:transparent;border:none;padding:1rem 0 0!important}:host ::ng-deep input:focus-visible{outline:none!important}:host ::ng-deep .p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext{box-shadow:0 0 0 .2rem transparent!important}\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: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: CalendarModule }, { kind: "component", type: i2$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: DropdownModule }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineModalV2Component, decorators: [{
             type: Component,
@@ -10890,7 +10929,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         DialogModule,
                         DropdownModule,
                         CommonModule,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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            @if (title) {\n                <h2>{{ title }}</h2>\n            }\n            <div class=\"modal__reservar-form\" [formGroup]=\"form\">\n                @if (datepickerData) {\n                    <div class=\"input-group\" (click)=\"openCalendar()\">\n                        <label class=\"input-group--label\" for=\"In-date\">{{\n                            datepickerData.placeholder\n                        }}</label>\n\n                        <p-calendar\n                            class=\"input-control\"\n                            [showOtherMonths]=\"false\"\n                            dateFormat=\"dd-mm-yy\"\n                            selectionMode=\"range\"\n                            [placeholder]=\"displayDates\"\n                            formControlName=\"dates\"\n                            [numberOfMonths]=\"2\"\n                            #datepicker\n                            [readonlyInput]=\"true\"\n                            [showOnFocus]=\"false\"\n                            (onSelect)=\"onDateSelect()\"\n                        ></p-calendar>\n                        <span\n                            class=\"input-group--icon\"\n                            (click)=\"openCalendar()\"\n                        >\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                }\n\n                @if (guestsInput) {\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\">{{\n                            guestsValue || '01'\n                        }}</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                }\n                @if (guests) {\n                    <div\n                        class=\"sub-fields\"\n                        [style.display]=\"showSubfields ? 'block' : 'none'\"\n                    >\n                        @if (guests.adultsDropdown) {\n                            <div class=\"input-group\">\n                                <label\n                                    class=\"input-group--label\"\n                                    for=\"adult1\"\n                                    >{{ guests.adultsDropdown.title }}</label\n                                >\n                                <select\n                                    class=\"select-control\"\n                                    name=\"Adultos\"\n                                    id=\"adult1\"\n                                    #adult1\n                                    [value]=\"guestsValueSeparates.adults\"\n                                    (change)=\"onAdultsChange($event)\"\n                                >\n                                    <!-- <option value=\"0\" selected>00</option> -->\n                                    @for (\n                                        option of guests.adultsDropdown.options;\n                                        track $index\n                                    ) {\n                                        <option [value]=\"option.code\">\n                                            {{ option.name }}\n                                        </option>\n                                    }\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                        }\n                        @if (guests.kidsDropdown) {\n                            <div class=\"input-group\">\n                                <div\n                                    class=\"input-group--inner childAge-group-list\"\n                                >\n                                    <label\n                                        class=\"input-group--label\"\n                                        for=\"child1\"\n                                        >{{ guests.kidsDropdown.title }}</label\n                                    >\n                                    <select\n                                        class=\"select-control\"\n                                        name=\"Ni\u00F1os\"\n                                        id=\"child1\"\n                                        #child1\n                                        [value]=\"guestsValueSeparates.kids\"\n                                        (change)=\"onChildrenChange($event)\"\n                                    >\n                                        @for (\n                                            option of guests.kidsDropdown\n                                                .options;\n                                            track $index\n                                        ) {\n                                            <option [value]=\"option.code\">\n                                                {{ option.name }}\n                                            </option>\n                                        }\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                                        {{ guests.agesLabel }}\n                                    </legend>\n                                    <div class=\"age-group\">\n                                        @for (\n                                            childAge of childrenAgeSelections;\n                                            track $index\n                                        ) {\n                                            <div class=\"input-group-inner\">\n                                                <label\n                                                    class=\"label\"\n                                                    [for]=\"\n                                                        'children-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    >{{ guests.kidsLabel || 'Nino' }}\n                                                    {{ $index + 1 }}</label\n                                                >\n                                                <select\n                                                    class=\"select-control\"\n                                                    [name]=\"\n                                                        'children-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [id]=\"\n                                                        'children-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [value]=\"childAge\"\n                                                    (change)=\"\n                                                        onChildAgeChange(\n                                                            $index,\n                                                            $event\n                                                        )\n                                                    \"\n                                                >\n                                                    @for (\n                                                        option of childAgeOptions;\n                                                        track option.code\n                                                    ) {\n                                                        <option\n                                                            [value]=\"option.code\"\n                                                        >\n                                                            {{ option.name }}\n                                                        </option>\n                                                    }\n                                                </select>\n                                                <span\n                                                    class=\"input-group--icon\"\n                                                >\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                                        }\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                        @if (guests.babiesDropdown) {\n                            <div class=\"input-group\">\n                                <div class=\"input-group--inner babiesAge-group-list\">\n                                    <label\n                                        class=\"input-group--label\"\n                                        for=\"babies1\"\n                                        >{{\n                                            guests.babiesDropdown.title\n                                        }}</label\n                                    >\n                                    <select\n                                        class=\"select-control\"\n                                        name=\"Beb\u00E9s\"\n                                        id=\"babies1\"\n                                        #babies1\n                                        [value]=\"guestsValueSeparates.infants\"\n                                        (change)=\"onBabiesChange($event)\"\n                                    >\n                                        @for (\n                                            option of guests.babiesDropdown\n                                                .options;\n                                            track $index\n                                        ) {\n                                            <option [value]=\"option.code\">\n                                                {{ option.name }}\n                                            </option>\n                                        }\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                                    class=\"age-group-box babies-list\"\n                                    [style.display]=\"\n                                        showBabiesAges ? 'block' : 'none'\n                                    \"\n                                >\n                                    <legend class=\"age-group-box--heading\">\n                                        {{ guests.agesLabel }}\n                                    </legend>\n                                    <div class=\"age-group\">\n                                        @for (\n                                            babyAge of babiesAgeSelections;\n                                            track $index\n                                        ) {\n                                            <div class=\"input-group-inner\">\n                                                <label\n                                                    class=\"label\"\n                                                    [for]=\"\n                                                        'babies-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    >{{\n                                                        guests.babiesLabel ||\n                                                        'Bebe'\n                                                    }}\n                                                    {{ $index + 1 }}</label\n                                                >\n                                                <select\n                                                    class=\"select-control\"\n                                                    [name]=\"\n                                                        'babies-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [id]=\"\n                                                        'babies-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [value]=\"babyAge\"\n                                                    (change)=\"\n                                                        onBabiesAgeChange(\n                                                            $index,\n                                                            $event\n                                                        )\n                                                    \"\n                                                >\n                                                    @for (\n                                                        option of babyAgeOptions;\n                                                        track option.code\n                                                    ) {\n                                                        <option\n                                                            [value]=\"option.code\"\n                                                        >\n                                                            {{ option.name }}\n                                                        </option>\n                                                    }\n                                                </select>\n                                                <span\n                                                    class=\"input-group--icon\"\n                                                >\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                                        }\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                        <div class=\"btn__group\">\n                            <button\n                                type=\"submit\"\n                                class=\"btn btn__secondary js-apply-guests1\"\n                                role=\"button\"\n                                (click)=\"applyGuestsFromViewChildren()\"\n                            >\n                                <span>{{ guests.btn?.label }}</span>\n                            </button>\n                        </div>\n                    </div>\n                }\n                @if (promoInput) {\n                    <div class=\"input-group\">\n                        <label class=\"input-group--label\" for=\"email\">{{\n                            promoInput.placeholder\n                        }}</label>\n                        <input\n                            type=\"text\"\n                            class=\"input-control\"\n                            name=\"email\"\n                            id=\"email\"\n                            placeholder=\"...\"\n                            formControlName=\"promo\"\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                }\n                @if (button) {\n                    <div class=\"btn__group\">\n                        <a\n                            class=\"btn btn__primary\"\n                            [attr.target]=\"openInNewWindow ? '_blank' : '_self'\"\n                            [attr.aria-label]=\"button.label\"\n                            [href]=\"generatedUrl\"\n                            (click)=\"updateGeneratedUrl(); closeModal()\"\n                        >\n                            <span>{{ button.label }}</span>\n                        </a>\n                    </div>\n                }\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-width: 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>.input-group .input-group--inner{position:relative;max-height:fit-content}.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;width:calc(100% - 11.5rem);margin-top:0rem;margin-left:2rem;background:var(--white);padding:2.5rem 2rem 2.4rem 1.8rem;border:1px solid var(--grey)}.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:.5rem;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}:host ::ng-deep .p-calendar{width:100%}:host ::ng-deep .p-inputtext{background:transparent;border:none;padding:1rem 0 0!important}:host ::ng-deep input:focus-visible{outline:none!important}:host ::ng-deep .p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext{box-shadow:0 0 0 .2rem transparent!important}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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            @if (title) {\n                <h2>{{ title }}</h2>\n            }\n            <div class=\"modal__reservar-form\" [formGroup]=\"form\">\n                @if (datepickerData) {\n                    <div class=\"input-group\" (click)=\"openCalendar()\">\n                        <label class=\"input-group--label\" for=\"In-date\">{{\n                            datepickerData.placeholder\n                        }}</label>\n\n                        <p-calendar\n                            class=\"input-control\"\n                            [showOtherMonths]=\"false\"\n                            dateFormat=\"dd-mm-yy\"\n                            selectionMode=\"range\"\n                            [placeholder]=\"displayDates\"\n                            formControlName=\"dates\"\n                            [numberOfMonths]=\"2\"\n                            #datepicker\n                            [readonlyInput]=\"true\"\n                            [showOnFocus]=\"false\"\n                            (onSelect)=\"onDateSelect()\"\n                        ></p-calendar>\n                        <span\n                            class=\"input-group--icon\"\n                            (click)=\"openCalendar()\"\n                        >\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                }\n\n                @if (guestsInput) {\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\">{{\n                            guestsValue || '01'\n                        }}</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                }\n                @if (guests) {\n                    <div\n                        class=\"sub-fields\"\n                        [style.display]=\"showSubfields ? 'block' : 'none'\"\n                    >\n                        @if (guests.adultsDropdown) {\n                            <div class=\"input-group\">\n                                <label\n                                    class=\"input-group--label\"\n                                    for=\"adult1\"\n                                    >{{ guests.adultsDropdown.title }}</label\n                                >\n                                <select\n                                    class=\"select-control\"\n                                    name=\"Adultos\"\n                                    id=\"adult1\"\n                                    #adult1\n                                    [value]=\"guestsValueSeparates.adults\"\n                                    (change)=\"onAdultsChange($event)\"\n                                >\n                                    <!-- <option value=\"0\" selected>00</option> -->\n                                    @for (\n                                        option of guests.adultsDropdown.options;\n                                        track $index\n                                    ) {\n                                        <option [value]=\"option.code\">\n                                            {{ option.name }}\n                                        </option>\n                                    }\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                        }\n                        @if (guests.kidsDropdown) {\n                            <div class=\"input-group\">\n                                <div\n                                    class=\"input-group--inner childAge-group-list\"\n                                >\n                                    <label\n                                        class=\"input-group--label input-group--label--range\"\n                                        for=\"child1\"\n                                    >\n                                        {{ guests.kidsDropdown.title }}\n                                        @if (childrenAgeRangeLabel) {\n                                            <small\n                                                class=\"input-group--label--range--small\"\n                                            >\n                                                / {{ childrenAgeRangeLabel }}\n                                            </small>\n                                        }\n                                    </label>\n                                    <select\n                                        class=\"select-control\"\n                                        name=\"Ni\u00F1os\"\n                                        id=\"child1\"\n                                        #child1\n                                        [value]=\"guestsValueSeparates.kids\"\n                                        (change)=\"onChildrenChange($event)\"\n                                    >\n                                        @for (\n                                            option of guests.kidsDropdown\n                                                .options;\n                                            track $index\n                                        ) {\n                                            <option [value]=\"option.code\">\n                                                {{ option.name }}\n                                            </option>\n                                        }\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                                        {{ guests.agesLabel }}\n                                    </legend>\n                                    <div class=\"age-group\">\n                                        @for (\n                                            childAge of childrenAgeSelections;\n                                            track $index\n                                        ) {\n                                            <div class=\"input-group-inner\">\n                                                <label\n                                                    class=\"label\"\n                                                    [for]=\"\n                                                        'children-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    >{{ guests.kidsLabel || 'Nino' }}\n                                                    {{ $index + 1 }}</label\n                                                >\n                                                <select\n                                                    class=\"select-control\"\n                                                    [name]=\"\n                                                        'children-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [id]=\"\n                                                        'children-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [value]=\"childAge\"\n                                                    (change)=\"\n                                                        onChildAgeChange(\n                                                            $index,\n                                                            $event\n                                                        )\n                                                    \"\n                                                >\n                                                    @for (\n                                                        option of childAgeOptions;\n                                                        track option.code\n                                                    ) {\n                                                        <option\n                                                            [value]=\"option.code\"\n                                                        >\n                                                            {{ option.name }}\n                                                        </option>\n                                                    }\n                                                </select>\n                                                <span\n                                                    class=\"input-group--icon\"\n                                                >\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                                        }\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                        @if (guests.babiesDropdown) {\n                            <div class=\"input-group\">\n                                <div class=\"input-group--inner babiesAge-group-list\">\n                                    <label\n                                        class=\"input-group--label input-group--label--range\"\n                                        for=\"babies1\"\n                                    >\n                                        {{ guests.babiesDropdown.title }}\n                                        @if (babiesAgeRangeLabel) {\n                                            <small\n                                                class=\"input-group--label--range--small\"\n                                            >\n                                                / {{ babiesAgeRangeLabel }}\n                                            </small>\n                                        }\n                                    </label>\n                                    <select\n                                        class=\"select-control\"\n                                        name=\"Beb\u00E9s\"\n                                        id=\"babies1\"\n                                        #babies1\n                                        [value]=\"guestsValueSeparates.infants\"\n                                        (change)=\"onBabiesChange($event)\"\n                                    >\n                                        @for (\n                                            option of guests.babiesDropdown\n                                                .options;\n                                            track $index\n                                        ) {\n                                            <option [value]=\"option.code\">\n                                                {{ option.name }}\n                                            </option>\n                                        }\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                                    class=\"age-group-box babies-list\"\n                                    [style.display]=\"\n                                        showBabiesAges ? 'block' : 'none'\n                                    \"\n                                >\n                                    <legend class=\"age-group-box--heading\">\n                                        {{ guests.agesLabel }}\n                                    </legend>\n                                    <div class=\"age-group\">\n                                        @for (\n                                            babyAge of babiesAgeSelections;\n                                            track $index\n                                        ) {\n                                            <div class=\"input-group-inner\">\n                                                <label\n                                                    class=\"label\"\n                                                    [for]=\"\n                                                        'babies-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    >{{\n                                                        guests.babiesLabel ||\n                                                        'Bebe'\n                                                    }}\n                                                    {{ $index + 1 }}</label\n                                                >\n                                                <select\n                                                    class=\"select-control\"\n                                                    [name]=\"\n                                                        'babies-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [id]=\"\n                                                        'babies-age' +\n                                                        ($index + 1)\n                                                    \"\n                                                    [value]=\"babyAge\"\n                                                    (change)=\"\n                                                        onBabiesAgeChange(\n                                                            $index,\n                                                            $event\n                                                        )\n                                                    \"\n                                                >\n                                                    @for (\n                                                        option of babyAgeOptions;\n                                                        track option.code\n                                                    ) {\n                                                        <option\n                                                            [value]=\"option.code\"\n                                                        >\n                                                            {{ option.name }}\n                                                        </option>\n                                                    }\n                                                </select>\n                                                <span\n                                                    class=\"input-group--icon\"\n                                                >\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                                        }\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                        <div class=\"btn__group\">\n                            <button\n                                type=\"submit\"\n                                class=\"btn btn__secondary js-apply-guests1\"\n                                role=\"button\"\n                                (click)=\"applyGuestsFromViewChildren()\"\n                            >\n                                <span>{{ guests.btn?.label }}</span>\n                            </button>\n                        </div>\n                    </div>\n                }\n                @if (promoInput) {\n                    <div class=\"input-group\">\n                        <label class=\"input-group--label\" for=\"email\">{{\n                            promoInput.placeholder\n                        }}</label>\n                        <input\n                            type=\"text\"\n                            class=\"input-control\"\n                            name=\"email\"\n                            id=\"email\"\n                            placeholder=\"...\"\n                            formControlName=\"promo\"\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                }\n                @if (button) {\n                    <div class=\"btn__group\">\n                        <a\n                            class=\"btn btn__primary\"\n                            [attr.target]=\"openInNewWindow ? '_blank' : '_self'\"\n                            [attr.aria-label]=\"button.label\"\n                            [href]=\"generatedUrl\"\n                            (click)=\"updateGeneratedUrl(); closeModal()\"\n                        >\n                            <span>{{ button.label }}</span>\n                        </a>\n                    </div>\n                }\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-width: 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{display:flex;flex-direction:column;align-items:stretch;margin-bottom:2rem;gap:1.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{width:100%;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:.8rem;line-height:1;background:transparent}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-group--label--range{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-group--label--range--small{font-size:1.4rem;line-height:1}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-group--inner{position:relative;max-height:fit-content;width:100%}.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;width:100%;margin-top:0rem;margin-left:0;background:var(--white);padding:2.5rem 2rem 2.4rem 1.8rem;border:1px solid var(--grey)}.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:.5rem;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}:host ::ng-deep .p-calendar{width:100%}:host ::ng-deep .p-inputtext{background:transparent;border:none;padding:1rem 0 0!important}:host ::ng-deep input:focus-visible{outline:none!important}:host ::ng-deep .p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext{box-shadow:0 0 0 .2rem transparent!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { datepicker: [{
                 type: ViewChild,
                 args: ['datepicker']