ctt-babylon 0.22.76 → 0.22.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/core/babylon-rooms-list/babylon-rooms-list.component.mjs +4 -4
- package/esm2022/lib/components/core/babylon-rooms-list-v3/babylon-rooms-list-v3.component.mjs +18 -5
- package/esm2022/lib/services/mapper/mapper.service.mjs +7 -2
- package/fesm2022/ctt-babylon.mjs +25 -7
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-rooms-list/babylon-rooms-list.component.d.ts +2 -2
- package/lib/components/core/babylon-rooms-list-v3/babylon-rooms-list-v3.component.d.ts +3 -1
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -5985,6 +5985,10 @@ class MapperService {
|
|
|
5985
5985
|
case 'Email':
|
|
5986
5986
|
addressesMap[index].email = value;
|
|
5987
5987
|
break;
|
|
5988
|
+
case 'url':
|
|
5989
|
+
case '_url':
|
|
5990
|
+
addressesMap[index].url = value;
|
|
5991
|
+
break;
|
|
5988
5992
|
}
|
|
5989
5993
|
}
|
|
5990
5994
|
}
|
|
@@ -6052,7 +6056,8 @@ class MapperService {
|
|
|
6052
6056
|
province: address.province,
|
|
6053
6057
|
country: address.country,
|
|
6054
6058
|
cp: address.cp,
|
|
6055
|
-
url: address.link
|
|
6059
|
+
url: address.link ||
|
|
6060
|
+
props?.texts?.[`addresslist${address.id}_url`],
|
|
6056
6061
|
phone: address.phone,
|
|
6057
6062
|
email: address.email,
|
|
6058
6063
|
full_address: address.fullAddress,
|
|
@@ -17860,7 +17865,7 @@ class BabylonRoomsListComponent {
|
|
|
17860
17865
|
.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
|
|
17861
17866
|
}
|
|
17862
17867
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonRoomsListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17863
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonRoomsListComponent, isStandalone: true, selector: "lib-babylon-rooms-list", inputs: { pretitle: "pretitle", title: "title", items: "items", tags: "tags" }, ngImport: i0, template: "<section class=\"babylon__rooms-list margin-main\">\n <div class=\"container\">\n <div class=\"intro_info align--center no-align\">\n @if (pretitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.pretitle || 'h2'\"\n cssClass=\"'pretitle mb--10\"\n [content]=\"pretitle\"\n >\n </lib-babylon-dynamic-heading>\n }\n\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h1'\"\n cssClass=\"title\"\n [content]=\"title\"\n >\n </lib-babylon-dynamic-heading>\n }\n </div>\n </div>\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"row room-item\">\n @if (sortedItems?.length) {\n @for (item of sortedItems; track $index) {\n <ng-container\n [ngTemplateOutlet]=\"$odd ? right : left\"\n [ngTemplateOutletContext]=\"{ item }\"\n ></ng-container>\n\n <ng-template #left let-item=\"item\">\n <div class=\"col-lg-12\">\n <div\n class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden cs_card-left\"\n >\n <div\n class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pl_20\"\n >\n <div\n class=\"cs_slider cs_style_1 cs_slider_gap_24\"\n >\n <div\n class=\"cs_slider_container\"\n data-autoplay=\"0\"\n data-loop=\"1\"\n data-speed=\"600\"\n data-center=\"0\"\n data-variable-width=\"0\"\n data-slides-per-view=\"responsive\"\n data-xs-slides=\"1\"\n data-sm-slides=\"1\"\n data-md-slides=\"1\"\n data-mlg-slides=\"1\"\n data-lg-slides=\"1\"\n data-add-slides=\"1\"\n >\n <div class=\"cs_slider_wrapper\">\n @if (item.img) {\n <div\n class=\"cs_slide cs--radius\"\n >\n <img\n [src]=\"item.img.src\"\n [alt]=\"item.img.alt\"\n class=\"cs--radius\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div\n class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3--left\"\n ></div>\n </div>\n </div>\n <div class=\"cs_card_info position-relative\">\n <div class=\"intro_info\">\n @if (item.title) {\n <h2 class=\"title--small mb--10\">\n {{ item.title }}\n </h2>\n }\n @if (item.price) {\n <h3 class=\"subtitle\">\n <span class=\"text\">{{\n item.priceText\n }}</span>\n {{ item.price }}\u20AC\n </h3>\n }\n @if (item.description) {\n <div\n [innerHTML]=\"item.description\"\n class=\"text\"\n ></div>\n }\n @if (item.equipment?.length) {\n <div class=\"cs_mb_20\">\n <ul\n class=\"cs_card_list cs_mp_0\"\n >\n @for (\n equipment of item.equipment;\n track $index\n ) {\n <li>\n @if (\n equipment.icon\n ) {\n <div\n class=\"info--icon\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"\n equipment.icon\n \"\n ></i>\n </div>\n }\n @if (\n equipment.label\n ) {\n <p\n class=\"text--small\"\n >\n {{\n equipment.label\n }}\n </p>\n }\n </li>\n }\n </ul>\n </div>\n }\n <div class=\"btns__box\">\n @if (item?.buttons?.length) {\n @for (\n button of item?.buttons;\n track $index\n ) {\n <a\n [attr.aria-label]=\"\n button?.label\n \"\n [href]=\"button?.url\"\n [linkType]=\"\n button?.linkType\n \"\n class=\"btn\"\n [ngClass]=\"{\n 'btn_primary ':\n !$odd,\n 'btn_call ': $odd,\n }\"\n >\n <b>{{\n button?.label\n }}</b>\n <span\n class=\"babylon-arrow-right-big\"\n ></span>\n </a>\n }\n }\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-template>\n <ng-template #right let-item=\"item\">\n <div class=\"col-lg-12\">\n <div\n class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden cs_card-right\"\n >\n <div class=\"cs_card_info position-relative\">\n <div class=\"intro_info\">\n @if (item.title) {\n <h2 class=\"title--small mb--10\">\n {{ item.title }}\n </h2>\n }\n @if (item.price) {\n <h3 class=\"subtitle\">\n <span class=\"text\">{{\n item.priceText\n }}</span>\n {{ item.price }}\u20AC\n </h3>\n }\n @if (item.description) {\n <div\n [innerHTML]=\"item.description\"\n class=\"text\"\n ></div>\n }\n @if (item.equipment?.length) {\n <div class=\"cs_mb_20\">\n <ul\n class=\"cs_card_list cs_mp_0\"\n >\n @for (\n equipment of item.equipment;\n track $index\n ) {\n <li>\n @if (\n equipment.icon\n ) {\n <div\n class=\"info--icon\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"\n equipment.icon\n \"\n ></i>\n </div>\n }\n @if (\n equipment.label\n ) {\n <p\n class=\"text--small\"\n >\n {{\n equipment.label\n }}\n </p>\n }\n </li>\n }\n </ul>\n </div>\n }\n <div class=\"btns__box\">\n @if (item?.buttons?.length) {\n @for (\n button of item?.buttons;\n track $index\n ) {\n <a\n [attr.aria-label]=\"\n button?.label\n \"\n [href]=\"button?.url\"\n [linkType]=\"\n button?.linkType\n \"\n class=\"btn\"\n [ngClass]=\"{\n 'btn_primary ':\n !$odd,\n 'btn_call ': $odd,\n }\"\n >\n <b>{{\n button?.label\n }}</b>\n <span\n class=\"babylon-arrow-right-big\"\n ></span>\n </a>\n }\n }\n </div>\n </div>\n </div>\n <div\n class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pl_20\"\n >\n <div\n class=\"cs_slider cs_style_1 cs_slider_gap_24\"\n >\n <div\n class=\"cs_slider_container\"\n data-autoplay=\"0\"\n data-loop=\"1\"\n data-speed=\"600\"\n data-center=\"0\"\n data-variable-width=\"0\"\n data-slides-per-view=\"responsive\"\n data-xs-slides=\"1\"\n data-sm-slides=\"1\"\n data-md-slides=\"1\"\n data-mlg-slides=\"1\"\n data-lg-slides=\"1\"\n data-add-slides=\"1\"\n >\n <div class=\"cs_slider_wrapper\">\n @if (item.img) {\n <div\n class=\"cs_slide cs--radius\"\n >\n <img\n [src]=\"item.img.src\"\n [alt]=\"item.img.alt\"\n class=\"cs--radius\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div\n class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3--left\"\n ></div>\n </div>\n </div>\n </div>\n </div>\n </ng-template>\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";: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}@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}}.cs_card.cs_style_1 .cs_card_list,.cs_card.cs_style_2 .cs_card_list,.cs_card.cs_style_3 .cs_card_list,.cs_card.cs_style_4 .cs_card_list,.cs_card.cs_style_5 .cs_card_list,.cs_card.cs_style_7 .cs_card_list{display:inline-flex;flex-wrap:wrap}.cs_card.cs_style_1 .cs_card_list li,.cs_card.cs_style_2 .cs_card_list li,.cs_card.cs_style_3 .cs_card_list li,.cs_card.cs_style_4 .cs_card_list li,.cs_card.cs_style_5 .cs_card_list li,.cs_card.cs_style_7 .cs_card_list li{position:relative}.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:15px;margin-right:14px}@media (max-width: 767px){.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:9px;margin-right:8px}}.cs_card.cs_style_1 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_2 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_3 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_4 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_5 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_7 .cs_card_list li:not(:last-child):after{content:\"\";position:absolute;right:0;top:50%;margin-top:-10px;height:20px;width:1px;background-color:var(--secondary)}.cs_card.cs_style_1 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_2 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_3 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_4 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_5 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_7 .cs_card_list li .info--icon .icon--svg{-webkit-mask-size:contain;mask-size:contain;width:45px;height:45px}.cs_card.cs_style_1 .cs_card_price,.cs_card.cs_style_2 .cs_card_price,.cs_card.cs_style_3 .cs_card_price,.cs_card.cs_style_4 .cs_card_price,.cs_card.cs_style_5 .cs_card_price,.cs_card.cs_style_7 .cs_card_price{display:flex;align-items:center;gap:20px}.cs_card.cs_style_1.text-center .cs_card_price,.cs_card.cs_style_1.text-center .cs_card_list,.cs_card.cs_style_2.text-center .cs_card_price,.cs_card.cs_style_2.text-center .cs_card_list,.cs_card.cs_style_3.text-center .cs_card_price,.cs_card.cs_style_3.text-center .cs_card_list,.cs_card.cs_style_4.text-center .cs_card_price,.cs_card.cs_style_4.text-center .cs_card_list,.cs_card.cs_style_5.text-center .cs_card_price,.cs_card.cs_style_5.text-center .cs_card_list,.cs_card.cs_style_7.text-center .cs_card_price,.cs_card.cs_style_7.text-center .cs_card_list{justify-content:center}.cs_card.cs_style_7{border:1px solid var(--ternary);transition:all .4s ease}.cs_card.cs_style_7 .cs_card_btn{top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s ease;margin-top:30px;opacity:0;display:block}.cs_card.cs_style_7 .cs_card_info{padding:35px 50px 45px;min-width:0}@media (max-width: 1024px){.cs_card.cs_style_7 .cs_card_info{padding:25px 35px 35px}}@media (max-width: 767px){.cs_card.cs_style_7 .cs_card_info{padding:10px 0 35px}}.cs_card.cs_style_7 .cs_card_thumb img{transition:all .4s ease}.cs_card.cs_style_7:hover{transform:translateY(-5px)}.cs_card.cs_style_7:hover .cs_card_btn{margin-top:0;opacity:1}.cs_card.cs_style_7:hover .cs_card_thumb img{transform:scale(1.03)}.cs_card.cs_style_7.cs_type_1 .cs_card_info .text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.cs_card.cs_style_7.cs_type_1 .cs_card_info .text p{margin:0}@media (min-width: 768px){.cs_card.cs_style_7.cs_type_1{display:flex;align-items:center}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb{flex:none;width:45%}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb img{height:100%;width:100%;object-fit:cover}}.filters{display:flex;flex-direction:column;align-items:center;gap:30px;padding-bottom:40px}@media (min-width: 768px){.filters{flex-direction:row;justify-content:center}}.dropdown__wrapper{display:flex;flex-direction:column;gap:5px;width:250px}.dropdown{position:relative;width:100%}.dropdown-btn{width:100%;font-family:var(--font-text);font-size:15px;color:var(--cl_dropdown-text);font-weight:300;line-height:20px;text-align:left;background-color:#fff;border:1px solid var(--cl_background_dark);border-radius:var(--dropdown-radius);padding:12px 15px;cursor:pointer;-moz-transition:all .1s ease;-o-transition:all .1s ease;-webkit-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease}.dropdown-btn:after{content:\"\\203a\";font-size:25px;position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(90deg) scaleX(1.5)}.dropdown-menu{display:none;position:absolute;width:100%;background-color:#fff;border:1px solid var(--cl_background_dark);border-radius:var(--dropdown-radius);list-style:none;padding:0}.dropdown-menu li{padding:12px 15px;cursor:pointer}.dropdown-menu li:hover{background-color:var(--cl_dropdown-hover);border-radius:var(--dropdown-radius);color:#fff}.dropdown.active .dropdown-menu{display:block}@media (max-width: 767px){.cs_card{flex-direction:column;display:flex;align-items:center}.cs_card.cs_card-right{flex-direction:column-reverse}}@media (min-width: 768px){.room-item{gap:40px 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
17868
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonRoomsListComponent, isStandalone: true, selector: "lib-babylon-rooms-list", inputs: { pretitle: "pretitle", title: "title", items: "items", tags: "tags" }, ngImport: i0, template: "<section class=\"babylon__rooms-list margin-main\">\n <div class=\"container\">\n <div class=\"intro_info align--center no-align\">\n @if (pretitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.pretitle || pretitle?.tag || 'h2'\"\n cssClass=\"'pretitle mb--10\"\n [content]=\"pretitle?.contain ?? pretitle\"\n >\n </lib-babylon-dynamic-heading>\n }\n\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || title?.tag || 'h1'\"\n cssClass=\"title\"\n [content]=\"title?.contain ?? title\"\n >\n </lib-babylon-dynamic-heading>\n }\n </div>\n </div>\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"row room-item\">\n @if (sortedItems?.length) {\n @for (item of sortedItems; track $index) {\n <ng-container\n [ngTemplateOutlet]=\"$odd ? right : left\"\n [ngTemplateOutletContext]=\"{ item }\"\n ></ng-container>\n\n <ng-template #left let-item=\"item\">\n <div class=\"col-lg-12\">\n <div\n class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden cs_card-left\"\n >\n <div\n class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pl_20\"\n >\n <div\n class=\"cs_slider cs_style_1 cs_slider_gap_24\"\n >\n <div\n class=\"cs_slider_container\"\n data-autoplay=\"0\"\n data-loop=\"1\"\n data-speed=\"600\"\n data-center=\"0\"\n data-variable-width=\"0\"\n data-slides-per-view=\"responsive\"\n data-xs-slides=\"1\"\n data-sm-slides=\"1\"\n data-md-slides=\"1\"\n data-mlg-slides=\"1\"\n data-lg-slides=\"1\"\n data-add-slides=\"1\"\n >\n <div class=\"cs_slider_wrapper\">\n @if (item.img) {\n <div\n class=\"cs_slide cs--radius\"\n >\n <img\n [src]=\"item.img.src\"\n [alt]=\"item.img.alt\"\n class=\"cs--radius\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div\n class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3--left\"\n ></div>\n </div>\n </div>\n <div class=\"cs_card_info position-relative\">\n <div class=\"intro_info\">\n @if (item.title) {\n <h2 class=\"title--small mb--10\">\n {{ item.title }}\n </h2>\n }\n @if (item.price) {\n <h3 class=\"subtitle\">\n <span class=\"text\">{{\n item.priceText\n }}</span>\n {{ item.price }}\u20AC\n </h3>\n }\n @if (item.description) {\n <div\n [innerHTML]=\"item.description\"\n class=\"text\"\n ></div>\n }\n @if (item.equipment?.length) {\n <div class=\"cs_mb_20\">\n <ul\n class=\"cs_card_list cs_mp_0\"\n >\n @for (\n equipment of item.equipment;\n track $index\n ) {\n <li>\n @if (\n equipment.icon\n ) {\n <div\n class=\"info--icon\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"\n equipment.icon\n \"\n ></i>\n </div>\n }\n @if (\n equipment.label\n ) {\n <p\n class=\"text--small\"\n >\n {{\n equipment.label\n }}\n </p>\n }\n </li>\n }\n </ul>\n </div>\n }\n <div class=\"btns__box\">\n @if (item?.buttons?.length) {\n @for (\n button of item?.buttons;\n track $index\n ) {\n <a\n [attr.aria-label]=\"\n button?.label\n \"\n [href]=\"button?.url\"\n [linkType]=\"\n button?.linkType\n \"\n class=\"btn\"\n [ngClass]=\"{\n 'btn_primary ':\n !$odd,\n 'btn_call ': $odd,\n }\"\n >\n <b>{{\n button?.label\n }}</b>\n <span\n class=\"babylon-arrow-right-big\"\n ></span>\n </a>\n }\n }\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-template>\n <ng-template #right let-item=\"item\">\n <div class=\"col-lg-12\">\n <div\n class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden cs_card-right\"\n >\n <div class=\"cs_card_info position-relative\">\n <div class=\"intro_info\">\n @if (item.title) {\n <h2 class=\"title--small mb--10\">\n {{ item.title }}\n </h2>\n }\n @if (item.price) {\n <h3 class=\"subtitle\">\n <span class=\"text\">{{\n item.priceText\n }}</span>\n {{ item.price }}\u20AC\n </h3>\n }\n @if (item.description) {\n <div\n [innerHTML]=\"item.description\"\n class=\"text\"\n ></div>\n }\n @if (item.equipment?.length) {\n <div class=\"cs_mb_20\">\n <ul\n class=\"cs_card_list cs_mp_0\"\n >\n @for (\n equipment of item.equipment;\n track $index\n ) {\n <li>\n @if (\n equipment.icon\n ) {\n <div\n class=\"info--icon\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"\n equipment.icon\n \"\n ></i>\n </div>\n }\n @if (\n equipment.label\n ) {\n <p\n class=\"text--small\"\n >\n {{\n equipment.label\n }}\n </p>\n }\n </li>\n }\n </ul>\n </div>\n }\n <div class=\"btns__box\">\n @if (item?.buttons?.length) {\n @for (\n button of item?.buttons;\n track $index\n ) {\n <a\n [attr.aria-label]=\"\n button?.label\n \"\n [href]=\"button?.url\"\n [linkType]=\"\n button?.linkType\n \"\n class=\"btn\"\n [ngClass]=\"{\n 'btn_primary ':\n !$odd,\n 'btn_call ': $odd,\n }\"\n >\n <b>{{\n button?.label\n }}</b>\n <span\n class=\"babylon-arrow-right-big\"\n ></span>\n </a>\n }\n }\n </div>\n </div>\n </div>\n <div\n class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pl_20\"\n >\n <div\n class=\"cs_slider cs_style_1 cs_slider_gap_24\"\n >\n <div\n class=\"cs_slider_container\"\n data-autoplay=\"0\"\n data-loop=\"1\"\n data-speed=\"600\"\n data-center=\"0\"\n data-variable-width=\"0\"\n data-slides-per-view=\"responsive\"\n data-xs-slides=\"1\"\n data-sm-slides=\"1\"\n data-md-slides=\"1\"\n data-mlg-slides=\"1\"\n data-lg-slides=\"1\"\n data-add-slides=\"1\"\n >\n <div class=\"cs_slider_wrapper\">\n @if (item.img) {\n <div\n class=\"cs_slide cs--radius\"\n >\n <img\n [src]=\"item.img.src\"\n [alt]=\"item.img.alt\"\n class=\"cs--radius\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div\n class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3--left\"\n ></div>\n </div>\n </div>\n </div>\n </div>\n </ng-template>\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";: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}@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}}.cs_card.cs_style_1 .cs_card_list,.cs_card.cs_style_2 .cs_card_list,.cs_card.cs_style_3 .cs_card_list,.cs_card.cs_style_4 .cs_card_list,.cs_card.cs_style_5 .cs_card_list,.cs_card.cs_style_7 .cs_card_list{display:inline-flex;flex-wrap:wrap}.cs_card.cs_style_1 .cs_card_list li,.cs_card.cs_style_2 .cs_card_list li,.cs_card.cs_style_3 .cs_card_list li,.cs_card.cs_style_4 .cs_card_list li,.cs_card.cs_style_5 .cs_card_list li,.cs_card.cs_style_7 .cs_card_list li{position:relative}.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:15px;margin-right:14px}@media (max-width: 767px){.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:9px;margin-right:8px}}.cs_card.cs_style_1 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_2 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_3 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_4 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_5 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_7 .cs_card_list li:not(:last-child):after{content:\"\";position:absolute;right:0;top:50%;margin-top:-10px;height:20px;width:1px;background-color:var(--secondary)}.cs_card.cs_style_1 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_2 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_3 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_4 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_5 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_7 .cs_card_list li .info--icon .icon--svg{-webkit-mask-size:contain;mask-size:contain;width:45px;height:45px}.cs_card.cs_style_1 .cs_card_price,.cs_card.cs_style_2 .cs_card_price,.cs_card.cs_style_3 .cs_card_price,.cs_card.cs_style_4 .cs_card_price,.cs_card.cs_style_5 .cs_card_price,.cs_card.cs_style_7 .cs_card_price{display:flex;align-items:center;gap:20px}.cs_card.cs_style_1.text-center .cs_card_price,.cs_card.cs_style_1.text-center .cs_card_list,.cs_card.cs_style_2.text-center .cs_card_price,.cs_card.cs_style_2.text-center .cs_card_list,.cs_card.cs_style_3.text-center .cs_card_price,.cs_card.cs_style_3.text-center .cs_card_list,.cs_card.cs_style_4.text-center .cs_card_price,.cs_card.cs_style_4.text-center .cs_card_list,.cs_card.cs_style_5.text-center .cs_card_price,.cs_card.cs_style_5.text-center .cs_card_list,.cs_card.cs_style_7.text-center .cs_card_price,.cs_card.cs_style_7.text-center .cs_card_list{justify-content:center}.cs_card.cs_style_7{border:1px solid var(--ternary);transition:all .4s ease}.cs_card.cs_style_7 .cs_card_btn{top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s ease;margin-top:30px;opacity:0;display:block}.cs_card.cs_style_7 .cs_card_info{padding:35px 50px 45px;min-width:0}@media (max-width: 1024px){.cs_card.cs_style_7 .cs_card_info{padding:25px 35px 35px}}@media (max-width: 767px){.cs_card.cs_style_7 .cs_card_info{padding:10px 0 35px}}.cs_card.cs_style_7 .cs_card_thumb img{transition:all .4s ease}.cs_card.cs_style_7:hover{transform:translateY(-5px)}.cs_card.cs_style_7:hover .cs_card_btn{margin-top:0;opacity:1}.cs_card.cs_style_7:hover .cs_card_thumb img{transform:scale(1.03)}.cs_card.cs_style_7.cs_type_1 .cs_card_info .text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.cs_card.cs_style_7.cs_type_1 .cs_card_info .text p{margin:0}@media (min-width: 768px){.cs_card.cs_style_7.cs_type_1{display:flex;align-items:center}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb{flex:none;width:45%}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb img{height:100%;width:100%;object-fit:cover}}.filters{display:flex;flex-direction:column;align-items:center;gap:30px;padding-bottom:40px}@media (min-width: 768px){.filters{flex-direction:row;justify-content:center}}.dropdown__wrapper{display:flex;flex-direction:column;gap:5px;width:250px}.dropdown{position:relative;width:100%}.dropdown-btn{width:100%;font-family:var(--font-text);font-size:15px;color:var(--cl_dropdown-text);font-weight:300;line-height:20px;text-align:left;background-color:#fff;border:1px solid var(--cl_background_dark);border-radius:var(--dropdown-radius);padding:12px 15px;cursor:pointer;-moz-transition:all .1s ease;-o-transition:all .1s ease;-webkit-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease}.dropdown-btn:after{content:\"\\203a\";font-size:25px;position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(90deg) scaleX(1.5)}.dropdown-menu{display:none;position:absolute;width:100%;background-color:#fff;border:1px solid var(--cl_background_dark);border-radius:var(--dropdown-radius);list-style:none;padding:0}.dropdown-menu li{padding:12px 15px;cursor:pointer}.dropdown-menu li:hover{background-color:var(--cl_dropdown-hover);border-radius:var(--dropdown-radius);color:#fff}.dropdown.active .dropdown-menu{display:block}@media (max-width: 767px){.cs_card{flex-direction:column;display:flex;align-items:center}.cs_card.cs_card-right{flex-direction:column-reverse}}@media (min-width: 768px){.room-item{gap:40px 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
17864
17869
|
}
|
|
17865
17870
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonRoomsListComponent, decorators: [{
|
|
17866
17871
|
type: Component,
|
|
@@ -17869,7 +17874,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
17869
17874
|
BabylonLinkTypeDirective,
|
|
17870
17875
|
BabylonSlidersDirective,
|
|
17871
17876
|
BabylonDynamicHeadingComponent,
|
|
17872
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon__rooms-list margin-main\">\n <div class=\"container\">\n <div class=\"intro_info align--center no-align\">\n @if (pretitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.pretitle || 'h2'\"\n cssClass=\"'pretitle mb--10\"\n [content]=\"pretitle\"\n >\n </lib-babylon-dynamic-heading>\n }\n\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h1'\"\n cssClass=\"title\"\n [content]=\"title\"\n >\n </lib-babylon-dynamic-heading>\n }\n </div>\n </div>\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"row room-item\">\n @if (sortedItems?.length) {\n @for (item of sortedItems; track $index) {\n <ng-container\n [ngTemplateOutlet]=\"$odd ? right : left\"\n [ngTemplateOutletContext]=\"{ item }\"\n ></ng-container>\n\n <ng-template #left let-item=\"item\">\n <div class=\"col-lg-12\">\n <div\n class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden cs_card-left\"\n >\n <div\n class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pl_20\"\n >\n <div\n class=\"cs_slider cs_style_1 cs_slider_gap_24\"\n >\n <div\n class=\"cs_slider_container\"\n data-autoplay=\"0\"\n data-loop=\"1\"\n data-speed=\"600\"\n data-center=\"0\"\n data-variable-width=\"0\"\n data-slides-per-view=\"responsive\"\n data-xs-slides=\"1\"\n data-sm-slides=\"1\"\n data-md-slides=\"1\"\n data-mlg-slides=\"1\"\n data-lg-slides=\"1\"\n data-add-slides=\"1\"\n >\n <div class=\"cs_slider_wrapper\">\n @if (item.img) {\n <div\n class=\"cs_slide cs--radius\"\n >\n <img\n [src]=\"item.img.src\"\n [alt]=\"item.img.alt\"\n class=\"cs--radius\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div\n class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3--left\"\n ></div>\n </div>\n </div>\n <div class=\"cs_card_info position-relative\">\n <div class=\"intro_info\">\n @if (item.title) {\n <h2 class=\"title--small mb--10\">\n {{ item.title }}\n </h2>\n }\n @if (item.price) {\n <h3 class=\"subtitle\">\n <span class=\"text\">{{\n item.priceText\n }}</span>\n {{ item.price }}\u20AC\n </h3>\n }\n @if (item.description) {\n <div\n [innerHTML]=\"item.description\"\n class=\"text\"\n ></div>\n }\n @if (item.equipment?.length) {\n <div class=\"cs_mb_20\">\n <ul\n class=\"cs_card_list cs_mp_0\"\n >\n @for (\n equipment of item.equipment;\n track $index\n ) {\n <li>\n @if (\n equipment.icon\n ) {\n <div\n class=\"info--icon\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"\n equipment.icon\n \"\n ></i>\n </div>\n }\n @if (\n equipment.label\n ) {\n <p\n class=\"text--small\"\n >\n {{\n equipment.label\n }}\n </p>\n }\n </li>\n }\n </ul>\n </div>\n }\n <div class=\"btns__box\">\n @if (item?.buttons?.length) {\n @for (\n button of item?.buttons;\n track $index\n ) {\n <a\n [attr.aria-label]=\"\n button?.label\n \"\n [href]=\"button?.url\"\n [linkType]=\"\n button?.linkType\n \"\n class=\"btn\"\n [ngClass]=\"{\n 'btn_primary ':\n !$odd,\n 'btn_call ': $odd,\n }\"\n >\n <b>{{\n button?.label\n }}</b>\n <span\n class=\"babylon-arrow-right-big\"\n ></span>\n </a>\n }\n }\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-template>\n <ng-template #right let-item=\"item\">\n <div class=\"col-lg-12\">\n <div\n class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden cs_card-right\"\n >\n <div class=\"cs_card_info position-relative\">\n <div class=\"intro_info\">\n @if (item.title) {\n <h2 class=\"title--small mb--10\">\n {{ item.title }}\n </h2>\n }\n @if (item.price) {\n <h3 class=\"subtitle\">\n <span class=\"text\">{{\n item.priceText\n }}</span>\n {{ item.price }}\u20AC\n </h3>\n }\n @if (item.description) {\n <div\n [innerHTML]=\"item.description\"\n class=\"text\"\n ></div>\n }\n @if (item.equipment?.length) {\n <div class=\"cs_mb_20\">\n <ul\n class=\"cs_card_list cs_mp_0\"\n >\n @for (\n equipment of item.equipment;\n track $index\n ) {\n <li>\n @if (\n equipment.icon\n ) {\n <div\n class=\"info--icon\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"\n equipment.icon\n \"\n ></i>\n </div>\n }\n @if (\n equipment.label\n ) {\n <p\n class=\"text--small\"\n >\n {{\n equipment.label\n }}\n </p>\n }\n </li>\n }\n </ul>\n </div>\n }\n <div class=\"btns__box\">\n @if (item?.buttons?.length) {\n @for (\n button of item?.buttons;\n track $index\n ) {\n <a\n [attr.aria-label]=\"\n button?.label\n \"\n [href]=\"button?.url\"\n [linkType]=\"\n button?.linkType\n \"\n class=\"btn\"\n [ngClass]=\"{\n 'btn_primary ':\n !$odd,\n 'btn_call ': $odd,\n }\"\n >\n <b>{{\n button?.label\n }}</b>\n <span\n class=\"babylon-arrow-right-big\"\n ></span>\n </a>\n }\n }\n </div>\n </div>\n </div>\n <div\n class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pl_20\"\n >\n <div\n class=\"cs_slider cs_style_1 cs_slider_gap_24\"\n >\n <div\n class=\"cs_slider_container\"\n data-autoplay=\"0\"\n data-loop=\"1\"\n data-speed=\"600\"\n data-center=\"0\"\n data-variable-width=\"0\"\n data-slides-per-view=\"responsive\"\n data-xs-slides=\"1\"\n data-sm-slides=\"1\"\n data-md-slides=\"1\"\n data-mlg-slides=\"1\"\n data-lg-slides=\"1\"\n data-add-slides=\"1\"\n >\n <div class=\"cs_slider_wrapper\">\n @if (item.img) {\n <div\n class=\"cs_slide cs--radius\"\n >\n <img\n [src]=\"item.img.src\"\n [alt]=\"item.img.alt\"\n class=\"cs--radius\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div\n class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3--left\"\n ></div>\n </div>\n </div>\n </div>\n </div>\n </ng-template>\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";: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}@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}}.cs_card.cs_style_1 .cs_card_list,.cs_card.cs_style_2 .cs_card_list,.cs_card.cs_style_3 .cs_card_list,.cs_card.cs_style_4 .cs_card_list,.cs_card.cs_style_5 .cs_card_list,.cs_card.cs_style_7 .cs_card_list{display:inline-flex;flex-wrap:wrap}.cs_card.cs_style_1 .cs_card_list li,.cs_card.cs_style_2 .cs_card_list li,.cs_card.cs_style_3 .cs_card_list li,.cs_card.cs_style_4 .cs_card_list li,.cs_card.cs_style_5 .cs_card_list li,.cs_card.cs_style_7 .cs_card_list li{position:relative}.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:15px;margin-right:14px}@media (max-width: 767px){.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:9px;margin-right:8px}}.cs_card.cs_style_1 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_2 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_3 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_4 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_5 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_7 .cs_card_list li:not(:last-child):after{content:\"\";position:absolute;right:0;top:50%;margin-top:-10px;height:20px;width:1px;background-color:var(--secondary)}.cs_card.cs_style_1 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_2 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_3 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_4 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_5 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_7 .cs_card_list li .info--icon .icon--svg{-webkit-mask-size:contain;mask-size:contain;width:45px;height:45px}.cs_card.cs_style_1 .cs_card_price,.cs_card.cs_style_2 .cs_card_price,.cs_card.cs_style_3 .cs_card_price,.cs_card.cs_style_4 .cs_card_price,.cs_card.cs_style_5 .cs_card_price,.cs_card.cs_style_7 .cs_card_price{display:flex;align-items:center;gap:20px}.cs_card.cs_style_1.text-center .cs_card_price,.cs_card.cs_style_1.text-center .cs_card_list,.cs_card.cs_style_2.text-center .cs_card_price,.cs_card.cs_style_2.text-center .cs_card_list,.cs_card.cs_style_3.text-center .cs_card_price,.cs_card.cs_style_3.text-center .cs_card_list,.cs_card.cs_style_4.text-center .cs_card_price,.cs_card.cs_style_4.text-center .cs_card_list,.cs_card.cs_style_5.text-center .cs_card_price,.cs_card.cs_style_5.text-center .cs_card_list,.cs_card.cs_style_7.text-center .cs_card_price,.cs_card.cs_style_7.text-center .cs_card_list{justify-content:center}.cs_card.cs_style_7{border:1px solid var(--ternary);transition:all .4s ease}.cs_card.cs_style_7 .cs_card_btn{top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s ease;margin-top:30px;opacity:0;display:block}.cs_card.cs_style_7 .cs_card_info{padding:35px 50px 45px;min-width:0}@media (max-width: 1024px){.cs_card.cs_style_7 .cs_card_info{padding:25px 35px 35px}}@media (max-width: 767px){.cs_card.cs_style_7 .cs_card_info{padding:10px 0 35px}}.cs_card.cs_style_7 .cs_card_thumb img{transition:all .4s ease}.cs_card.cs_style_7:hover{transform:translateY(-5px)}.cs_card.cs_style_7:hover .cs_card_btn{margin-top:0;opacity:1}.cs_card.cs_style_7:hover .cs_card_thumb img{transform:scale(1.03)}.cs_card.cs_style_7.cs_type_1 .cs_card_info .text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.cs_card.cs_style_7.cs_type_1 .cs_card_info .text p{margin:0}@media (min-width: 768px){.cs_card.cs_style_7.cs_type_1{display:flex;align-items:center}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb{flex:none;width:45%}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb img{height:100%;width:100%;object-fit:cover}}.filters{display:flex;flex-direction:column;align-items:center;gap:30px;padding-bottom:40px}@media (min-width: 768px){.filters{flex-direction:row;justify-content:center}}.dropdown__wrapper{display:flex;flex-direction:column;gap:5px;width:250px}.dropdown{position:relative;width:100%}.dropdown-btn{width:100%;font-family:var(--font-text);font-size:15px;color:var(--cl_dropdown-text);font-weight:300;line-height:20px;text-align:left;background-color:#fff;border:1px solid var(--cl_background_dark);border-radius:var(--dropdown-radius);padding:12px 15px;cursor:pointer;-moz-transition:all .1s ease;-o-transition:all .1s ease;-webkit-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease}.dropdown-btn:after{content:\"\\203a\";font-size:25px;position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(90deg) scaleX(1.5)}.dropdown-menu{display:none;position:absolute;width:100%;background-color:#fff;border:1px solid var(--cl_background_dark);border-radius:var(--dropdown-radius);list-style:none;padding:0}.dropdown-menu li{padding:12px 15px;cursor:pointer}.dropdown-menu li:hover{background-color:var(--cl_dropdown-hover);border-radius:var(--dropdown-radius);color:#fff}.dropdown.active .dropdown-menu{display:block}@media (max-width: 767px){.cs_card{flex-direction:column;display:flex;align-items:center}.cs_card.cs_card-right{flex-direction:column-reverse}}@media (min-width: 768px){.room-item{gap:40px 0}}\n"] }]
|
|
17877
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon__rooms-list margin-main\">\n <div class=\"container\">\n <div class=\"intro_info align--center no-align\">\n @if (pretitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.pretitle || pretitle?.tag || 'h2'\"\n cssClass=\"'pretitle mb--10\"\n [content]=\"pretitle?.contain ?? pretitle\"\n >\n </lib-babylon-dynamic-heading>\n }\n\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || title?.tag || 'h1'\"\n cssClass=\"title\"\n [content]=\"title?.contain ?? title\"\n >\n </lib-babylon-dynamic-heading>\n }\n </div>\n </div>\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"row room-item\">\n @if (sortedItems?.length) {\n @for (item of sortedItems; track $index) {\n <ng-container\n [ngTemplateOutlet]=\"$odd ? right : left\"\n [ngTemplateOutletContext]=\"{ item }\"\n ></ng-container>\n\n <ng-template #left let-item=\"item\">\n <div class=\"col-lg-12\">\n <div\n class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden cs_card-left\"\n >\n <div\n class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pl_20\"\n >\n <div\n class=\"cs_slider cs_style_1 cs_slider_gap_24\"\n >\n <div\n class=\"cs_slider_container\"\n data-autoplay=\"0\"\n data-loop=\"1\"\n data-speed=\"600\"\n data-center=\"0\"\n data-variable-width=\"0\"\n data-slides-per-view=\"responsive\"\n data-xs-slides=\"1\"\n data-sm-slides=\"1\"\n data-md-slides=\"1\"\n data-mlg-slides=\"1\"\n data-lg-slides=\"1\"\n data-add-slides=\"1\"\n >\n <div class=\"cs_slider_wrapper\">\n @if (item.img) {\n <div\n class=\"cs_slide cs--radius\"\n >\n <img\n [src]=\"item.img.src\"\n [alt]=\"item.img.alt\"\n class=\"cs--radius\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div\n class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3--left\"\n ></div>\n </div>\n </div>\n <div class=\"cs_card_info position-relative\">\n <div class=\"intro_info\">\n @if (item.title) {\n <h2 class=\"title--small mb--10\">\n {{ item.title }}\n </h2>\n }\n @if (item.price) {\n <h3 class=\"subtitle\">\n <span class=\"text\">{{\n item.priceText\n }}</span>\n {{ item.price }}\u20AC\n </h3>\n }\n @if (item.description) {\n <div\n [innerHTML]=\"item.description\"\n class=\"text\"\n ></div>\n }\n @if (item.equipment?.length) {\n <div class=\"cs_mb_20\">\n <ul\n class=\"cs_card_list cs_mp_0\"\n >\n @for (\n equipment of item.equipment;\n track $index\n ) {\n <li>\n @if (\n equipment.icon\n ) {\n <div\n class=\"info--icon\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"\n equipment.icon\n \"\n ></i>\n </div>\n }\n @if (\n equipment.label\n ) {\n <p\n class=\"text--small\"\n >\n {{\n equipment.label\n }}\n </p>\n }\n </li>\n }\n </ul>\n </div>\n }\n <div class=\"btns__box\">\n @if (item?.buttons?.length) {\n @for (\n button of item?.buttons;\n track $index\n ) {\n <a\n [attr.aria-label]=\"\n button?.label\n \"\n [href]=\"button?.url\"\n [linkType]=\"\n button?.linkType\n \"\n class=\"btn\"\n [ngClass]=\"{\n 'btn_primary ':\n !$odd,\n 'btn_call ': $odd,\n }\"\n >\n <b>{{\n button?.label\n }}</b>\n <span\n class=\"babylon-arrow-right-big\"\n ></span>\n </a>\n }\n }\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-template>\n <ng-template #right let-item=\"item\">\n <div class=\"col-lg-12\">\n <div\n class=\"cs_card cs_style_7 cs_type_1 cs--radius overflow-hidden cs_card-right\"\n >\n <div class=\"cs_card_info position-relative\">\n <div class=\"intro_info\">\n @if (item.title) {\n <h2 class=\"title--small mb--10\">\n {{ item.title }}\n </h2>\n }\n @if (item.price) {\n <h3 class=\"subtitle\">\n <span class=\"text\">{{\n item.priceText\n }}</span>\n {{ item.price }}\u20AC\n </h3>\n }\n @if (item.description) {\n <div\n [innerHTML]=\"item.description\"\n class=\"text\"\n ></div>\n }\n @if (item.equipment?.length) {\n <div class=\"cs_mb_20\">\n <ul\n class=\"cs_card_list cs_mp_0\"\n >\n @for (\n equipment of item.equipment;\n track $index\n ) {\n <li>\n @if (\n equipment.icon\n ) {\n <div\n class=\"info--icon\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"\n equipment.icon\n \"\n ></i>\n </div>\n }\n @if (\n equipment.label\n ) {\n <p\n class=\"text--small\"\n >\n {{\n equipment.label\n }}\n </p>\n }\n </li>\n }\n </ul>\n </div>\n }\n <div class=\"btns__box\">\n @if (item?.buttons?.length) {\n @for (\n button of item?.buttons;\n track $index\n ) {\n <a\n [attr.aria-label]=\"\n button?.label\n \"\n [href]=\"button?.url\"\n [linkType]=\"\n button?.linkType\n \"\n class=\"btn\"\n [ngClass]=\"{\n 'btn_primary ':\n !$odd,\n 'btn_call ': $odd,\n }\"\n >\n <b>{{\n button?.label\n }}</b>\n <span\n class=\"babylon-arrow-right-big\"\n ></span>\n </a>\n }\n }\n </div>\n </div>\n </div>\n <div\n class=\"cs_card_thumb d-block overflow-hidden position-relative cs_primary_bg no-border cs--radius cs_pl_20\"\n >\n <div\n class=\"cs_slider cs_style_1 cs_slider_gap_24\"\n >\n <div\n class=\"cs_slider_container\"\n data-autoplay=\"0\"\n data-loop=\"1\"\n data-speed=\"600\"\n data-center=\"0\"\n data-variable-width=\"0\"\n data-slides-per-view=\"responsive\"\n data-xs-slides=\"1\"\n data-sm-slides=\"1\"\n data-md-slides=\"1\"\n data-mlg-slides=\"1\"\n data-lg-slides=\"1\"\n data-add-slides=\"1\"\n >\n <div class=\"cs_slider_wrapper\">\n @if (item.img) {\n <div\n class=\"cs_slide cs--radius\"\n >\n <img\n [src]=\"item.img.src\"\n [alt]=\"item.img.alt\"\n class=\"cs--radius\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div\n class=\"cs_pagination cs_style_1 cs_type_3 cs_type_3 cs_type_3--left\"\n ></div>\n </div>\n </div>\n </div>\n </div>\n </ng-template>\n }\n }\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";: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}@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}}.cs_card.cs_style_1 .cs_card_list,.cs_card.cs_style_2 .cs_card_list,.cs_card.cs_style_3 .cs_card_list,.cs_card.cs_style_4 .cs_card_list,.cs_card.cs_style_5 .cs_card_list,.cs_card.cs_style_7 .cs_card_list{display:inline-flex;flex-wrap:wrap}.cs_card.cs_style_1 .cs_card_list li,.cs_card.cs_style_2 .cs_card_list li,.cs_card.cs_style_3 .cs_card_list li,.cs_card.cs_style_4 .cs_card_list li,.cs_card.cs_style_5 .cs_card_list li,.cs_card.cs_style_7 .cs_card_list li{position:relative}.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:15px;margin-right:14px}@media (max-width: 767px){.cs_card.cs_style_1 .cs_card_list li:not(:last-child),.cs_card.cs_style_2 .cs_card_list li:not(:last-child),.cs_card.cs_style_3 .cs_card_list li:not(:last-child),.cs_card.cs_style_4 .cs_card_list li:not(:last-child),.cs_card.cs_style_5 .cs_card_list li:not(:last-child),.cs_card.cs_style_7 .cs_card_list li:not(:last-child){padding-right:9px;margin-right:8px}}.cs_card.cs_style_1 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_2 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_3 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_4 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_5 .cs_card_list li:not(:last-child):after,.cs_card.cs_style_7 .cs_card_list li:not(:last-child):after{content:\"\";position:absolute;right:0;top:50%;margin-top:-10px;height:20px;width:1px;background-color:var(--secondary)}.cs_card.cs_style_1 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_2 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_3 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_4 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_5 .cs_card_list li .info--icon .icon--svg,.cs_card.cs_style_7 .cs_card_list li .info--icon .icon--svg{-webkit-mask-size:contain;mask-size:contain;width:45px;height:45px}.cs_card.cs_style_1 .cs_card_price,.cs_card.cs_style_2 .cs_card_price,.cs_card.cs_style_3 .cs_card_price,.cs_card.cs_style_4 .cs_card_price,.cs_card.cs_style_5 .cs_card_price,.cs_card.cs_style_7 .cs_card_price{display:flex;align-items:center;gap:20px}.cs_card.cs_style_1.text-center .cs_card_price,.cs_card.cs_style_1.text-center .cs_card_list,.cs_card.cs_style_2.text-center .cs_card_price,.cs_card.cs_style_2.text-center .cs_card_list,.cs_card.cs_style_3.text-center .cs_card_price,.cs_card.cs_style_3.text-center .cs_card_list,.cs_card.cs_style_4.text-center .cs_card_price,.cs_card.cs_style_4.text-center .cs_card_list,.cs_card.cs_style_5.text-center .cs_card_price,.cs_card.cs_style_5.text-center .cs_card_list,.cs_card.cs_style_7.text-center .cs_card_price,.cs_card.cs_style_7.text-center .cs_card_list{justify-content:center}.cs_card.cs_style_7{border:1px solid var(--ternary);transition:all .4s ease}.cs_card.cs_style_7 .cs_card_btn{top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s ease;margin-top:30px;opacity:0;display:block}.cs_card.cs_style_7 .cs_card_info{padding:35px 50px 45px;min-width:0}@media (max-width: 1024px){.cs_card.cs_style_7 .cs_card_info{padding:25px 35px 35px}}@media (max-width: 767px){.cs_card.cs_style_7 .cs_card_info{padding:10px 0 35px}}.cs_card.cs_style_7 .cs_card_thumb img{transition:all .4s ease}.cs_card.cs_style_7:hover{transform:translateY(-5px)}.cs_card.cs_style_7:hover .cs_card_btn{margin-top:0;opacity:1}.cs_card.cs_style_7:hover .cs_card_thumb img{transform:scale(1.03)}.cs_card.cs_style_7.cs_type_1 .cs_card_info .text{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.cs_card.cs_style_7.cs_type_1 .cs_card_info .text p{margin:0}@media (min-width: 768px){.cs_card.cs_style_7.cs_type_1{display:flex;align-items:center}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb{flex:none;width:45%}.cs_card.cs_style_7.cs_type_1 .cs_card_thumb img{height:100%;width:100%;object-fit:cover}}.filters{display:flex;flex-direction:column;align-items:center;gap:30px;padding-bottom:40px}@media (min-width: 768px){.filters{flex-direction:row;justify-content:center}}.dropdown__wrapper{display:flex;flex-direction:column;gap:5px;width:250px}.dropdown{position:relative;width:100%}.dropdown-btn{width:100%;font-family:var(--font-text);font-size:15px;color:var(--cl_dropdown-text);font-weight:300;line-height:20px;text-align:left;background-color:#fff;border:1px solid var(--cl_background_dark);border-radius:var(--dropdown-radius);padding:12px 15px;cursor:pointer;-moz-transition:all .1s ease;-o-transition:all .1s ease;-webkit-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease}.dropdown-btn:after{content:\"\\203a\";font-size:25px;position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(90deg) scaleX(1.5)}.dropdown-menu{display:none;position:absolute;width:100%;background-color:#fff;border:1px solid var(--cl_background_dark);border-radius:var(--dropdown-radius);list-style:none;padding:0}.dropdown-menu li{padding:12px 15px;cursor:pointer}.dropdown-menu li:hover{background-color:var(--cl_dropdown-hover);border-radius:var(--dropdown-radius);color:#fff}.dropdown.active .dropdown-menu{display:block}@media (max-width: 767px){.cs_card{flex-direction:column;display:flex;align-items:center}.cs_card.cs_card-right{flex-direction:column-reverse}}@media (min-width: 768px){.room-item{gap:40px 0}}\n"] }]
|
|
17873
17878
|
}], propDecorators: { pretitle: [{
|
|
17874
17879
|
type: Input
|
|
17875
17880
|
}], title: [{
|
|
@@ -17951,6 +17956,7 @@ class BabylonRoomsListV3Component {
|
|
|
17951
17956
|
this.activeGalleryImageIndex = signal(0);
|
|
17952
17957
|
this.currentImageMap = signal({});
|
|
17953
17958
|
this.rooms = computed(() => this.roomsInfo());
|
|
17959
|
+
this.tagsToExclude = ['MapaInterna'];
|
|
17954
17960
|
}
|
|
17955
17961
|
shouldReverse(index) {
|
|
17956
17962
|
return this.isLeftAlign() ? index % 2 === 0 : index % 2 !== 0;
|
|
@@ -17968,7 +17974,7 @@ class BabylonRoomsListV3Component {
|
|
|
17968
17974
|
}
|
|
17969
17975
|
prevImage(roomIndex) {
|
|
17970
17976
|
const room = this.rooms()[roomIndex];
|
|
17971
|
-
const images = room?.multimedia
|
|
17977
|
+
const images = this.getImagesExcludingTags(room?.multimedia);
|
|
17972
17978
|
if (!images || !images.length)
|
|
17973
17979
|
return;
|
|
17974
17980
|
const currentIndex = this.getVisibleImageIndex(roomIndex);
|
|
@@ -17980,7 +17986,7 @@ class BabylonRoomsListV3Component {
|
|
|
17980
17986
|
}
|
|
17981
17987
|
nextImage(roomIndex) {
|
|
17982
17988
|
const room = this.rooms()[roomIndex];
|
|
17983
|
-
const images = room?.multimedia
|
|
17989
|
+
const images = this.getImagesExcludingTags(room?.multimedia);
|
|
17984
17990
|
if (!images || !images.length)
|
|
17985
17991
|
return;
|
|
17986
17992
|
const currentIndex = this.getVisibleImageIndex(roomIndex);
|
|
@@ -17990,8 +17996,20 @@ class BabylonRoomsListV3Component {
|
|
|
17990
17996
|
[roomIndex]: nextIndex,
|
|
17991
17997
|
}));
|
|
17992
17998
|
}
|
|
17999
|
+
getImagesExcludingTags(multimedia) {
|
|
18000
|
+
if (!multimedia?.imagenes) {
|
|
18001
|
+
return undefined;
|
|
18002
|
+
}
|
|
18003
|
+
return multimedia.imagenes.filter((item) => {
|
|
18004
|
+
if (!item.tag || item.tag.length === 0) {
|
|
18005
|
+
return true;
|
|
18006
|
+
}
|
|
18007
|
+
const hasExcludedTag = item.tag.some((tage) => this.tagsToExclude.includes(tage?.name));
|
|
18008
|
+
return !hasExcludedTag;
|
|
18009
|
+
});
|
|
18010
|
+
}
|
|
17993
18011
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonRoomsListV3Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17994
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonRoomsListV3Component, isStandalone: true, selector: "lib-babylon-rooms-list-v3", inputs: { isLeftAlign: { classPropertyName: "isLeftAlign", publicName: "left", isSignal: true, isRequired: false, transformFunction: null }, texts: { classPropertyName: "texts", publicName: "texts", isSignal: false, isRequired: false, transformFunction: null }, roomsInfo: { classPropertyName: "roomsInfo", publicName: "roomsInfo", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"babylon-room-list\">\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'h2')\"\n cssClass=\"main-title corp-title\"\n [useInnerHtml]=\"true\"\n [content]=\"\n headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\n \"\n ></lib-babylon-dynamic-heading>\n }\n\n <div class=\"rooms-container\">\n @for (room of rooms(); track $index) {\n <div class=\"room-card\" [class.reverse]=\"shouldReverse($index)\">\n <div class=\"room-details\">\n <h2 class=\"room-name corp-title\">\n {{ room.texts?.title || room.texts?.name }}\n </h2>\n <p class=\"room-subtitle corp-pretitle\">\n {{ room.texts?.pretitle }}\n </p>\n\n <div class=\"room-features\">\n @if (room.characteristics) {\n @for (\n feature of room.characteristics;\n track feature.name\n ) {\n <span class=\"feature-item corp-text\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"feature.icon\"\n ></i>\n </div>\n {{ feature.name }}\n </span>\n }\n }\n </div>\n\n <p class=\"room-description corp-text\">\n {{ room.texts?.description }}\n </p>\n\n <div class=\"room-price-box\">\n <span class=\"room-price corp-text\">\n {{ texts?.additional || 'Desde' }}\n {{ room.price }} \u20AC\n </span>\n <span class=\"room-price-night corp-text\">\n {{ texts?.additional1 || 'Por noche' }}\n </span>\n </div>\n\n <div class=\"room-actions\">\n @if (room.buttons && room.buttons.length > 0) {\n <a\n class=\"btn-corp corp-text\"\n [href]=\"room.buttons[0]?.url\"\n [linkType]=\"room.buttons[0]?.linkType\"\n >\n <span class=\"btn-corp-text\">{{\n room.buttons[0]?.label\n }}</span>\n </a>\n }\n @if (room.buttons && room.buttons.length > 1) {\n <a\n class=\"btn-primary corp-text\"\n [href]=\"room.buttons[1]?.url\"\n [linkType]=\"room.buttons[1]?.linkType\"\n >\n {{ room.buttons[1]?.label }}\n </a>\n }\n </div>\n </div>\n\n <div class=\"room-image-wrapper\">\n @if (\n (room.multimedia?.imagenes &&\n room.multimedia?.imagenes?.length) ||\n 0 > 0\n ) {\n <img\n [src]=\"\n room.multimedia?.imagenes?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n [alt]=\"room.title\"\n class=\"room-image\"\n />\n\n <div BabylonLightGallery>\n <a\n [href]=\"\n room.multimedia?.imagenes?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n class=\"btn-gallery-lupa cs_lightbox_item\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\n ></path>\n </svg>\n <img\n [src]=\"\n room.multimedia?.imagenes?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n style=\"display: none\"\n alt=\"Thumb\"\n />\n </a>\n\n @for (\n img of room.multimedia?.imagenes;\n track img.img?.src;\n let i = $index\n ) {\n @if (i > 0) {\n <a\n [href]=\"img.img?.src\"\n class=\"cs_lightbox_item\"\n style=\"display: none\"\n >\n <img\n [src]=\"img.img?.src\"\n alt=\"Thumbnail\"\n />\n </a>\n }\n }\n </div>\n }\n\n <button\n class=\"btn-nav-arrow left\"\n (click)=\"prevImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M15 19l-7-7 7-7\"\n ></path>\n </svg>\n </button>\n <button\n class=\"btn-nav-arrow right\"\n (click)=\"nextImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M9 5l7 7-7 7\"\n ></path>\n </svg>\n </button>\n\n @if (showServicesForRoom() !== $index) {\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-services corp-text\"\n >\n {{ texts?.showservices || 'Ver equipamiento' }}\n </button>\n }\n\n <div\n class=\"services-overlay\"\n [class.active]=\"showServicesForRoom() === $index\"\n >\n <div class=\"services-box\">\n @if (texts?.servicestitle) {\n <h3 class=\"services-title corp-title\">\n {{ texts?.servicestitle }}\n {{\n room.title ||\n room.texts?.title ||\n room.texts?.name\n }}\n </h3>\n }\n\n <div class=\"services-list\">\n @if (room.equipments) {\n @for (\n service of room.equipments;\n track service.name\n ) {\n <div class=\"service-item\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"service.icon\"\n ></i>\n </div>\n <div>\n <p\n class=\"service-name corp-text\"\n >\n {{ service.name }}\n </p>\n @if (service.description) {\n <p class=\"service-type\">\n {{\n service.description\n }}\n </p>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-hide-services corp-text\"\n >\n {{\n texts?.hideservices ||\n 'Ocultar equipamiento'\n }}\n </button>\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";@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}.babylon-room-list{padding:5rem 1rem;max-width:1280px;margin:0 auto}@media (max-width: 1024px){.babylon-room-list{padding:10rem 1rem}}.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{text-align:start;font-size:6rem;margin-bottom:3rem;color:var(--cl_text, #3c3b3b);font-family:var(--font-title);margin-left:2rem}@media (max-width: 768px){.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{font-size:4rem;margin-left:1rem}}.info--icon.icon--big{padding:5px}.info--icon.icon--big .icon--svg{width:40px;height:40px;-webkit-mask-size:30px;mask-size:30px;background-color:var(--cl_icon)}.rooms-container{display:flex;flex-direction:column;gap:3rem}.room-card{display:flex;flex-direction:column;background-color:var(--rh-row-alt-bg, #fdfbf8);box-shadow:0 4px 20px #0000000d;overflow:hidden}@media (min-width: 1024px){.room-card{flex-direction:row}.room-card.reverse{flex-direction:row-reverse}}.room-details{width:100%;padding:2rem;display:flex;flex-direction:column;justify-content:center}@media (min-width: 1024px){.room-details{width:50%;padding:3rem}}.room-name{font-size:4rem;margin-bottom:.5rem;color:var(--cl_text, #3c3b3b)}.room-subtitle{font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;opacity:.7;color:var(--cl_pretitle, #19314b)}.room-features{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1.5rem;border-top:1px solid var(--cl_border-dark, #d9e1e6);border-bottom:1px solid var(--cl_border-dark, #d9e1e6);padding:1.25rem 0}.feature-item{display:flex;align-items:center;font-size:1.8rem;font-weight:500;color:var(--cl_text, #3c3b3b)}.feature-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_icon, #fd8700)}.room-description{font-size:1.8rem;line-height:1.6;color:#4b5563;margin-bottom:2rem}.room-price-box{margin-bottom:2rem}.room-price{display:block;font-size:2.6rem;font-weight:700;color:var(--cl_text, #3c3b3b)}.room-price-night{font-size:1.4rem;color:#6b7280}.room-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto}@media (min-width: 640px){.room-actions{flex-direction:row}}.room-image-wrapper{width:100%;position:relative;background-color:#e5e7eb;height:350px;overflow:hidden}@media (min-width: 1024px){.room-image-wrapper{width:50%;height:auto}}.room-image{width:100%;height:100%;object-fit:cover;transition:transform .7s}.room-card:hover .room-image{transform:scale(1.05)}.btn-gallery-lupa{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;background:#ffffffe6;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;transition:all .3s;color:var(--cl_text, #3c3b3b)}.btn-gallery-lupa svg{width:1.7rem;height:1.7rem}@media (max-width: 768px){.btn-gallery-lupa{display:none}}.btn-gallery-lupa:hover{background:#fff;transform:scale(1.1)}.btn-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fffc;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#374151;box-shadow:0 1px 3px #0000001a}.btn-nav-arrow:hover{background:#fff}.btn-nav-arrow.left{left:1rem}.btn-nav-arrow.right{right:1rem}.btn-services{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);background:#fffffff2;border:1px solid #e5e7eb;padding:.5rem 1.5rem;font-size:1.6rem;font-weight:500;cursor:pointer;z-index:10;box-shadow:0 4px 6px #0000001a;color:var(--cl_text, #3c3b3b);transition:background .3s}.btn-services:hover{background:#fff}.services-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s;opacity:0;pointer-events:none}.services-overlay.active{opacity:1;pointer-events:auto}.services-box{background:#ffffffe6;box-shadow:0 10px 25px #0000001a;border:1px solid var(--cl_border-dark, #d9e1e6);width:100%;max-width:600px;margin:auto;padding:1.5rem 4rem;border-radius:10px}@media (max-width: 1024px){.services-box{padding:1.5rem 1rem}.services-box .services-title{line-height:1.4;font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem}.services-box .services-list{max-height:160px;overflow-x:hidden}}@media (max-width: 1024px) and (max-width: 600px){.services-box .services-list{grid-template-columns:1fr}}@media (max-width: 1024px){.services-box .service-item{padding:1rem .5rem}}.services-title{text-align:start;font-size:2rem;font-weight:400;line-height:3.8;color:var(--cl_text, #3c3b3b)}.services-list{display:grid;grid-template-columns:1fr 1fr;max-height:300px;overflow-y:auto;margin-bottom:2rem}.service-item{display:flex;align-items:center;padding:1.5rem 5rem;border-bottom:1px solid var(--cl_border-dark, #d9e1e6)}.service-item:nth-child(1),.service-item:nth-child(2){border-top:1px solid var(--cl_border-dark, #d9e1e6)}.service-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_text, #3c3b3b);opacity:.7}.service-name{font-size:1.8rem;font-weight:400;color:var(--cl_text, #3c3b3b);font-family:var(--font-title)}.service-type{font-size:1.3rem;color:#6b7280;margin-top:.125rem;font-family:var(--font-text)}.btn-hide-services{display:block;margin:0 auto;padding:.5rem 1.5rem;background:transparent;border:1px solid var(--cl_text, #3c3b3b);color:var(--cl_text, #3c3b3b);font-size:1.6rem;cursor:pointer;transition:background .3s}.btn-hide-services:hover{background:#f9fafb}.gallery-modal-overlay{position:fixed;inset:0;background:#3c3b3bf2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-in-out}.gallery-modal-content{background:var(--cl_background_body, #ffffff);width:100%;max-width:1152px;height:85vh;display:flex;flex-direction:column;position:relative;border-radius:4px}.btn-close-gallery{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:transparent;border:1px solid var(--cl_border-dark, #d9e1e6);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;color:var(--cl_text, #3c3b3b)}.btn-close-gallery:hover{background:#f3f4f6}.gallery-header{text-align:center;padding:1.5rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.gallery-title{font-size:1.25rem;color:var(--cl_text, #3c3b3b)}.gallery-counter{font-size:.75rem;color:#6b7280;margin-top:.25rem}.gallery-image-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:var(--cl_background_gray, #eee);padding:1rem;overflow:hidden}.btn-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;color:var(--cl_text, #3c3b3b)}.btn-gallery-nav:hover{background:#f9fafb}.btn-gallery-nav.left{left:1.5rem}.btn-gallery-nav.right{right:1.5rem}.gallery-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 10px 15px #0000001a;animation:fadeIn .3s ease-in-out}.corp-title{font-family:var(--font-title, \"Georgia\", serif)}.corp-pretitle{font-family:var(--font-pretitle, \"Arial\", sans-serif)}.corp-text{font-family:var(--font-text, \"Arial\", sans-serif)}.btn-corp{padding:.75rem 1.5rem;border:1px solid var(--cl_text, #3c3b3b);background:transparent;color:var(--cl_text, #3c3b3b);font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-corp:hover{background:var(--cl_btn-box, #fd8700);color:#fff;border-color:var(--cl_btn-box, #fd8700)}.btn-primary{padding:.75rem 1.5rem;border:1px solid var(--cl_btn-box, #fd8700);background:var(--cl_btn-box, #fd8700);color:#fff;font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#e07500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLightGalleryDirective, selector: "[BabylonLightGallery]" }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
18012
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonRoomsListV3Component, isStandalone: true, selector: "lib-babylon-rooms-list-v3", inputs: { isLeftAlign: { classPropertyName: "isLeftAlign", publicName: "left", isSignal: true, isRequired: false, transformFunction: null }, texts: { classPropertyName: "texts", publicName: "texts", isSignal: false, isRequired: false, transformFunction: null }, roomsInfo: { classPropertyName: "roomsInfo", publicName: "roomsInfo", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"babylon-room-list\">\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'h2')\"\n cssClass=\"main-title corp-title\"\n [useInnerHtml]=\"true\"\n [content]=\"\n headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\n \"\n ></lib-babylon-dynamic-heading>\n }\n\n <div class=\"rooms-container\">\n @for (room of rooms(); track $index) {\n <div class=\"room-card\" [class.reverse]=\"shouldReverse($index)\">\n <div class=\"room-details\">\n <h2 class=\"room-name corp-title\">\n {{ room.texts?.title || room.texts?.name }}\n </h2>\n <p class=\"room-subtitle corp-pretitle\">\n {{ room.texts?.pretitle }}\n </p>\n\n <div class=\"room-features\">\n @if (room.characteristics) {\n @for (\n feature of room.characteristics;\n track feature.name\n ) {\n <span class=\"feature-item corp-text\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"feature.icon\"\n ></i>\n </div>\n {{ feature.name }}\n </span>\n }\n }\n </div>\n\n <p class=\"room-description corp-text\">\n {{ room.texts?.description }}\n </p>\n\n @if (room.price) {\n <div class=\"room-price-box\">\n <span class=\"room-price corp-text\">\n {{ texts?.additional }}\n {{ room.price }} \u20AC\n </span>\n <span class=\"room-price-night corp-text\">\n {{ texts?.additional1 }}\n </span>\n </div>\n }\n\n <div class=\"room-actions\">\n @if (room.buttons && room.buttons.length > 0) {\n <a\n class=\"btn-corp corp-text\"\n [href]=\"room.buttons[0]?.url\"\n [linkType]=\"room.buttons[0]?.linkType\"\n >\n <span class=\"btn-corp-text\">{{\n room.buttons[0]?.label\n }}</span>\n </a>\n }\n @if (room.buttons && room.buttons.length > 1) {\n <a\n class=\"btn-primary corp-text\"\n [href]=\"room.buttons[1]?.url\"\n [linkType]=\"room.buttons[1]?.linkType\"\n >\n {{ room.buttons[1]?.label }}\n </a>\n }\n </div>\n </div>\n\n <div class=\"room-image-wrapper\">\n @if (\n getImagesExcludingTags(room.multimedia);\n as filteredImages\n ) {\n <img\n [src]=\"\n filteredImages?.[getVisibleImageIndex($index)]\n ?.img?.src\n \"\n [alt]=\"room.title\"\n class=\"room-image\"\n />\n\n <div BabylonLightGallery>\n <a\n [href]=\"\n filteredImages?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n class=\"btn-gallery-lupa cs_lightbox_item\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\n ></path>\n </svg>\n <img\n [src]=\"\n filteredImages?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n style=\"display: none\"\n alt=\"Thumb\"\n />\n </a>\n\n @for (\n img of filteredImages;\n track img.img?.src;\n let i = $index\n ) {\n @if (i > 0) {\n <a\n [href]=\"img.img?.src\"\n class=\"cs_lightbox_item\"\n style=\"display: none\"\n >\n <img\n [src]=\"img.img?.src\"\n alt=\"Thumbnail\"\n />\n </a>\n }\n }\n </div>\n }\n\n <button\n class=\"btn-nav-arrow left\"\n (click)=\"prevImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M15 19l-7-7 7-7\"\n ></path>\n </svg>\n </button>\n <button\n class=\"btn-nav-arrow right\"\n (click)=\"nextImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M9 5l7 7-7 7\"\n ></path>\n </svg>\n </button>\n\n @if (showServicesForRoom() !== $index) {\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-services corp-text\"\n >\n {{ texts?.showservices || 'Ver equipamiento' }}\n </button>\n }\n\n <div\n class=\"services-overlay\"\n [class.active]=\"showServicesForRoom() === $index\"\n >\n <div class=\"services-box\">\n @if (texts?.servicestitle) {\n <h3 class=\"services-title corp-title\">\n {{ texts?.servicestitle }}\n {{\n room.title ||\n room.texts?.title ||\n room.texts?.name\n }}\n </h3>\n }\n\n <div class=\"services-list\">\n @if (room.equipments) {\n @for (\n service of room.equipments;\n track service.name\n ) {\n <div class=\"service-item\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"service.icon\"\n ></i>\n </div>\n <div>\n <p\n class=\"service-name corp-text\"\n >\n {{ service.name }}\n </p>\n @if (service.description) {\n <p class=\"service-type\">\n {{\n service.description\n }}\n </p>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-hide-services corp-text\"\n >\n {{\n texts?.hideservices ||\n 'Ocultar equipamiento'\n }}\n </button>\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";@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}.babylon-room-list{padding:5rem 1rem;max-width:1280px;margin:0 auto}@media (max-width: 1024px){.babylon-room-list{padding:10rem 1rem}}.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{text-align:start;font-size:6rem;margin-bottom:3rem;color:var(--cl_text, #3c3b3b);font-family:var(--font-title);margin-left:2rem}@media (max-width: 768px){.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{font-size:4rem;margin-left:1rem}}.info--icon.icon--big{padding:5px}.info--icon.icon--big .icon--svg{width:40px;height:40px;-webkit-mask-size:30px;mask-size:30px;background-color:var(--cl_icon)}.rooms-container{display:flex;flex-direction:column;gap:3rem}.room-card{display:flex;flex-direction:column;background-color:var(--rh-row-alt-bg, #fdfbf8);box-shadow:0 4px 20px #0000000d;overflow:hidden}@media (min-width: 1024px){.room-card{flex-direction:row}.room-card.reverse{flex-direction:row-reverse}}.room-details{width:100%;padding:2rem;display:flex;flex-direction:column;justify-content:center}@media (min-width: 1024px){.room-details{width:50%;padding:3rem}}.room-name{font-size:4rem;margin-bottom:.5rem;color:var(--cl_text, #3c3b3b)}.room-subtitle{font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;opacity:.7;color:var(--cl_pretitle, #19314b)}.room-features{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1.5rem;border-top:1px solid var(--cl_border-dark, #d9e1e6);border-bottom:1px solid var(--cl_border-dark, #d9e1e6);padding:1.25rem 0}.feature-item{display:flex;align-items:center;font-size:1.8rem;font-weight:500;color:var(--cl_text, #3c3b3b)}.feature-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_icon, #fd8700)}.room-description{font-size:1.8rem;line-height:1.6;color:#4b5563;margin-bottom:2rem}.room-price-box{margin-bottom:2rem}.room-price{display:block;font-size:2.6rem;font-weight:700;color:var(--cl_text, #3c3b3b)}.room-price-night{font-size:1.4rem;color:#6b7280}.room-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto}@media (min-width: 640px){.room-actions{flex-direction:row}}.room-image-wrapper{width:100%;position:relative;background-color:#e5e7eb;height:350px;overflow:hidden}@media (min-width: 1024px){.room-image-wrapper{width:50%;height:auto}}.room-image{width:100%;height:100%;object-fit:cover;transition:transform .7s}.room-card:hover .room-image{transform:scale(1.05)}.btn-gallery-lupa{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;background:#ffffffe6;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;transition:all .3s;color:var(--cl_text, #3c3b3b)}.btn-gallery-lupa svg{width:1.7rem;height:1.7rem}@media (max-width: 768px){.btn-gallery-lupa{display:none}}.btn-gallery-lupa:hover{background:#fff;transform:scale(1.1)}.btn-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fffc;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#374151;box-shadow:0 1px 3px #0000001a}.btn-nav-arrow:hover{background:#fff}.btn-nav-arrow.left{left:1rem}.btn-nav-arrow.right{right:1rem}.btn-services{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);background:#fffffff2;border:1px solid #e5e7eb;padding:.5rem 1.5rem;font-size:1.6rem;font-weight:500;cursor:pointer;z-index:10;box-shadow:0 4px 6px #0000001a;color:var(--cl_text, #3c3b3b);transition:background .3s}.btn-services:hover{background:#fff}.services-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s;opacity:0;pointer-events:none}.services-overlay.active{opacity:1;pointer-events:auto}.services-box{background:#ffffffe6;box-shadow:0 10px 25px #0000001a;border:1px solid var(--cl_border-dark, #d9e1e6);width:100%;max-width:600px;margin:auto;padding:1.5rem 4rem;border-radius:10px}@media (max-width: 1024px){.services-box{padding:1.5rem 1rem}.services-box .services-title{line-height:1.4;font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem}.services-box .services-list{max-height:160px;overflow-x:hidden}}@media (max-width: 1024px) and (max-width: 600px){.services-box .services-list{grid-template-columns:1fr}}@media (max-width: 1024px){.services-box .service-item{padding:1rem .5rem}}.services-title{text-align:start;font-size:2rem;font-weight:400;line-height:3.8;color:var(--cl_text, #3c3b3b)}.services-list{display:grid;grid-template-columns:1fr 1fr;max-height:300px;overflow-y:auto;margin-bottom:2rem}.service-item{display:flex;align-items:center;padding:1.5rem 5rem;border-bottom:1px solid var(--cl_border-dark, #d9e1e6)}.service-item:nth-child(1),.service-item:nth-child(2){border-top:1px solid var(--cl_border-dark, #d9e1e6)}.service-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_text, #3c3b3b);opacity:.7}.service-name{font-size:1.8rem;font-weight:400;color:var(--cl_text, #3c3b3b);font-family:var(--font-title)}.service-type{font-size:1.3rem;color:#6b7280;margin-top:.125rem;font-family:var(--font-text)}.btn-hide-services{display:block;margin:0 auto;padding:.5rem 1.5rem;background:transparent;border:1px solid var(--cl_text, #3c3b3b);color:var(--cl_text, #3c3b3b);font-size:1.6rem;cursor:pointer;transition:background .3s}.btn-hide-services:hover{background:#f9fafb}.gallery-modal-overlay{position:fixed;inset:0;background:#3c3b3bf2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-in-out}.gallery-modal-content{background:var(--cl_background_body, #ffffff);width:100%;max-width:1152px;height:85vh;display:flex;flex-direction:column;position:relative;border-radius:4px}.btn-close-gallery{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:transparent;border:1px solid var(--cl_border-dark, #d9e1e6);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;color:var(--cl_text, #3c3b3b)}.btn-close-gallery:hover{background:#f3f4f6}.gallery-header{text-align:center;padding:1.5rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.gallery-title{font-size:1.25rem;color:var(--cl_text, #3c3b3b)}.gallery-counter{font-size:.75rem;color:#6b7280;margin-top:.25rem}.gallery-image-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:var(--cl_background_gray, #eee);padding:1rem;overflow:hidden}.btn-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;color:var(--cl_text, #3c3b3b)}.btn-gallery-nav:hover{background:#f9fafb}.btn-gallery-nav.left{left:1.5rem}.btn-gallery-nav.right{right:1.5rem}.gallery-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 10px 15px #0000001a;animation:fadeIn .3s ease-in-out}.corp-title{font-family:var(--font-title, \"Georgia\", serif)}.corp-pretitle{font-family:var(--font-pretitle, \"Arial\", sans-serif)}.corp-text{font-family:var(--font-text, \"Arial\", sans-serif)}.btn-corp{padding:.75rem 1.5rem;border:1px solid var(--cl_text, #3c3b3b);background:transparent;color:var(--cl_text, #3c3b3b);font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-corp:hover{background:var(--cl_btn-box, #fd8700);color:#fff;border-color:var(--cl_btn-box, #fd8700)}.btn-primary{padding:.75rem 1.5rem;border:1px solid var(--cl_btn-box, #fd8700);background:var(--cl_btn-box, #fd8700);color:#fff;font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#e07500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: BabylonLightGalleryDirective, selector: "[BabylonLightGallery]" }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["useInnerHtml", "tag", "wrapper", "cssClass", "content", "color"] }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup", "disablePointerNone"], outputs: ["anchorClicked"] }] }); }
|
|
17995
18013
|
}
|
|
17996
18014
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonRoomsListV3Component, decorators: [{
|
|
17997
18015
|
type: Component,
|
|
@@ -18000,7 +18018,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
18000
18018
|
BabylonLightGalleryDirective,
|
|
18001
18019
|
BabylonDynamicHeadingComponent,
|
|
18002
18020
|
BabylonLinkTypeDirective,
|
|
18003
|
-
], template: "<div class=\"babylon-room-list\">\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'h2')\"\n cssClass=\"main-title corp-title\"\n [useInnerHtml]=\"true\"\n [content]=\"\n headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\n \"\n ></lib-babylon-dynamic-heading>\n }\n\n <div class=\"rooms-container\">\n @for (room of rooms(); track $index) {\n <div class=\"room-card\" [class.reverse]=\"shouldReverse($index)\">\n <div class=\"room-details\">\n <h2 class=\"room-name corp-title\">\n {{ room.texts?.title || room.texts?.name }}\n </h2>\n <p class=\"room-subtitle corp-pretitle\">\n {{ room.texts?.pretitle }}\n </p>\n\n <div class=\"room-features\">\n @if (room.characteristics) {\n @for (\n feature of room.characteristics;\n track feature.name\n ) {\n <span class=\"feature-item corp-text\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"feature.icon\"\n ></i>\n </div>\n {{ feature.name }}\n </span>\n }\n }\n </div>\n\n <p class=\"room-description corp-text\">\n {{ room.texts?.description }}\n </p>\n\n <div class=\"room-price-box\">\n <span class=\"room-price corp-text\">\n {{ texts?.additional || 'Desde' }}\n {{ room.price }} \u20AC\n </span>\n <span class=\"room-price-night corp-text\">\n {{ texts?.additional1 || 'Por noche' }}\n </span>\n </div>\n\n <div class=\"room-actions\">\n @if (room.buttons && room.buttons.length > 0) {\n <a\n class=\"btn-corp corp-text\"\n [href]=\"room.buttons[0]?.url\"\n [linkType]=\"room.buttons[0]?.linkType\"\n >\n <span class=\"btn-corp-text\">{{\n room.buttons[0]?.label\n }}</span>\n </a>\n }\n @if (room.buttons && room.buttons.length > 1) {\n <a\n class=\"btn-primary corp-text\"\n [href]=\"room.buttons[1]?.url\"\n [linkType]=\"room.buttons[1]?.linkType\"\n >\n {{ room.buttons[1]?.label }}\n </a>\n }\n </div>\n </div>\n\n <div class=\"room-image-wrapper\">\n @if (\n (room.multimedia?.imagenes &&\n room.multimedia?.imagenes?.length) ||\n 0 > 0\n ) {\n <img\n [src]=\"\n room.multimedia?.imagenes?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n [alt]=\"room.title\"\n class=\"room-image\"\n />\n\n <div BabylonLightGallery>\n <a\n [href]=\"\n room.multimedia?.imagenes?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n class=\"btn-gallery-lupa cs_lightbox_item\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\n ></path>\n </svg>\n <img\n [src]=\"\n room.multimedia?.imagenes?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n style=\"display: none\"\n alt=\"Thumb\"\n />\n </a>\n\n @for (\n img of room.multimedia?.imagenes;\n track img.img?.src;\n let i = $index\n ) {\n @if (i > 0) {\n <a\n [href]=\"img.img?.src\"\n class=\"cs_lightbox_item\"\n style=\"display: none\"\n >\n <img\n [src]=\"img.img?.src\"\n alt=\"Thumbnail\"\n />\n </a>\n }\n }\n </div>\n }\n\n <button\n class=\"btn-nav-arrow left\"\n (click)=\"prevImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M15 19l-7-7 7-7\"\n ></path>\n </svg>\n </button>\n <button\n class=\"btn-nav-arrow right\"\n (click)=\"nextImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M9 5l7 7-7 7\"\n ></path>\n </svg>\n </button>\n\n @if (showServicesForRoom() !== $index) {\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-services corp-text\"\n >\n {{ texts?.showservices || 'Ver equipamiento' }}\n </button>\n }\n\n <div\n class=\"services-overlay\"\n [class.active]=\"showServicesForRoom() === $index\"\n >\n <div class=\"services-box\">\n @if (texts?.servicestitle) {\n <h3 class=\"services-title corp-title\">\n {{ texts?.servicestitle }}\n {{\n room.title ||\n room.texts?.title ||\n room.texts?.name\n }}\n </h3>\n }\n\n <div class=\"services-list\">\n @if (room.equipments) {\n @for (\n service of room.equipments;\n track service.name\n ) {\n <div class=\"service-item\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"service.icon\"\n ></i>\n </div>\n <div>\n <p\n class=\"service-name corp-text\"\n >\n {{ service.name }}\n </p>\n @if (service.description) {\n <p class=\"service-type\">\n {{\n service.description\n }}\n </p>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-hide-services corp-text\"\n >\n {{\n texts?.hideservices ||\n 'Ocultar equipamiento'\n }}\n </button>\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";@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}.babylon-room-list{padding:5rem 1rem;max-width:1280px;margin:0 auto}@media (max-width: 1024px){.babylon-room-list{padding:10rem 1rem}}.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{text-align:start;font-size:6rem;margin-bottom:3rem;color:var(--cl_text, #3c3b3b);font-family:var(--font-title);margin-left:2rem}@media (max-width: 768px){.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{font-size:4rem;margin-left:1rem}}.info--icon.icon--big{padding:5px}.info--icon.icon--big .icon--svg{width:40px;height:40px;-webkit-mask-size:30px;mask-size:30px;background-color:var(--cl_icon)}.rooms-container{display:flex;flex-direction:column;gap:3rem}.room-card{display:flex;flex-direction:column;background-color:var(--rh-row-alt-bg, #fdfbf8);box-shadow:0 4px 20px #0000000d;overflow:hidden}@media (min-width: 1024px){.room-card{flex-direction:row}.room-card.reverse{flex-direction:row-reverse}}.room-details{width:100%;padding:2rem;display:flex;flex-direction:column;justify-content:center}@media (min-width: 1024px){.room-details{width:50%;padding:3rem}}.room-name{font-size:4rem;margin-bottom:.5rem;color:var(--cl_text, #3c3b3b)}.room-subtitle{font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;opacity:.7;color:var(--cl_pretitle, #19314b)}.room-features{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1.5rem;border-top:1px solid var(--cl_border-dark, #d9e1e6);border-bottom:1px solid var(--cl_border-dark, #d9e1e6);padding:1.25rem 0}.feature-item{display:flex;align-items:center;font-size:1.8rem;font-weight:500;color:var(--cl_text, #3c3b3b)}.feature-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_icon, #fd8700)}.room-description{font-size:1.8rem;line-height:1.6;color:#4b5563;margin-bottom:2rem}.room-price-box{margin-bottom:2rem}.room-price{display:block;font-size:2.6rem;font-weight:700;color:var(--cl_text, #3c3b3b)}.room-price-night{font-size:1.4rem;color:#6b7280}.room-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto}@media (min-width: 640px){.room-actions{flex-direction:row}}.room-image-wrapper{width:100%;position:relative;background-color:#e5e7eb;height:350px;overflow:hidden}@media (min-width: 1024px){.room-image-wrapper{width:50%;height:auto}}.room-image{width:100%;height:100%;object-fit:cover;transition:transform .7s}.room-card:hover .room-image{transform:scale(1.05)}.btn-gallery-lupa{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;background:#ffffffe6;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;transition:all .3s;color:var(--cl_text, #3c3b3b)}.btn-gallery-lupa svg{width:1.7rem;height:1.7rem}@media (max-width: 768px){.btn-gallery-lupa{display:none}}.btn-gallery-lupa:hover{background:#fff;transform:scale(1.1)}.btn-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fffc;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#374151;box-shadow:0 1px 3px #0000001a}.btn-nav-arrow:hover{background:#fff}.btn-nav-arrow.left{left:1rem}.btn-nav-arrow.right{right:1rem}.btn-services{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);background:#fffffff2;border:1px solid #e5e7eb;padding:.5rem 1.5rem;font-size:1.6rem;font-weight:500;cursor:pointer;z-index:10;box-shadow:0 4px 6px #0000001a;color:var(--cl_text, #3c3b3b);transition:background .3s}.btn-services:hover{background:#fff}.services-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s;opacity:0;pointer-events:none}.services-overlay.active{opacity:1;pointer-events:auto}.services-box{background:#ffffffe6;box-shadow:0 10px 25px #0000001a;border:1px solid var(--cl_border-dark, #d9e1e6);width:100%;max-width:600px;margin:auto;padding:1.5rem 4rem;border-radius:10px}@media (max-width: 1024px){.services-box{padding:1.5rem 1rem}.services-box .services-title{line-height:1.4;font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem}.services-box .services-list{max-height:160px;overflow-x:hidden}}@media (max-width: 1024px) and (max-width: 600px){.services-box .services-list{grid-template-columns:1fr}}@media (max-width: 1024px){.services-box .service-item{padding:1rem .5rem}}.services-title{text-align:start;font-size:2rem;font-weight:400;line-height:3.8;color:var(--cl_text, #3c3b3b)}.services-list{display:grid;grid-template-columns:1fr 1fr;max-height:300px;overflow-y:auto;margin-bottom:2rem}.service-item{display:flex;align-items:center;padding:1.5rem 5rem;border-bottom:1px solid var(--cl_border-dark, #d9e1e6)}.service-item:nth-child(1),.service-item:nth-child(2){border-top:1px solid var(--cl_border-dark, #d9e1e6)}.service-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_text, #3c3b3b);opacity:.7}.service-name{font-size:1.8rem;font-weight:400;color:var(--cl_text, #3c3b3b);font-family:var(--font-title)}.service-type{font-size:1.3rem;color:#6b7280;margin-top:.125rem;font-family:var(--font-text)}.btn-hide-services{display:block;margin:0 auto;padding:.5rem 1.5rem;background:transparent;border:1px solid var(--cl_text, #3c3b3b);color:var(--cl_text, #3c3b3b);font-size:1.6rem;cursor:pointer;transition:background .3s}.btn-hide-services:hover{background:#f9fafb}.gallery-modal-overlay{position:fixed;inset:0;background:#3c3b3bf2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-in-out}.gallery-modal-content{background:var(--cl_background_body, #ffffff);width:100%;max-width:1152px;height:85vh;display:flex;flex-direction:column;position:relative;border-radius:4px}.btn-close-gallery{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:transparent;border:1px solid var(--cl_border-dark, #d9e1e6);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;color:var(--cl_text, #3c3b3b)}.btn-close-gallery:hover{background:#f3f4f6}.gallery-header{text-align:center;padding:1.5rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.gallery-title{font-size:1.25rem;color:var(--cl_text, #3c3b3b)}.gallery-counter{font-size:.75rem;color:#6b7280;margin-top:.25rem}.gallery-image-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:var(--cl_background_gray, #eee);padding:1rem;overflow:hidden}.btn-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;color:var(--cl_text, #3c3b3b)}.btn-gallery-nav:hover{background:#f9fafb}.btn-gallery-nav.left{left:1.5rem}.btn-gallery-nav.right{right:1.5rem}.gallery-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 10px 15px #0000001a;animation:fadeIn .3s ease-in-out}.corp-title{font-family:var(--font-title, \"Georgia\", serif)}.corp-pretitle{font-family:var(--font-pretitle, \"Arial\", sans-serif)}.corp-text{font-family:var(--font-text, \"Arial\", sans-serif)}.btn-corp{padding:.75rem 1.5rem;border:1px solid var(--cl_text, #3c3b3b);background:transparent;color:var(--cl_text, #3c3b3b);font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-corp:hover{background:var(--cl_btn-box, #fd8700);color:#fff;border-color:var(--cl_btn-box, #fd8700)}.btn-primary{padding:.75rem 1.5rem;border:1px solid var(--cl_btn-box, #fd8700);background:var(--cl_btn-box, #fd8700);color:#fff;font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#e07500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
|
|
18021
|
+
], template: "<div class=\"babylon-room-list\">\n @if (headingTagUtils.hasHeadingContent(texts, 'title', texts?.title)) {\n <lib-babylon-dynamic-heading\n [tag]=\"headingTagUtils.getHeadingTag(texts, 'title', 'h2')\"\n cssClass=\"main-title corp-title\"\n [useInnerHtml]=\"true\"\n [content]=\"\n headingTagUtils.getHeadingContent(texts, 'title', texts?.title)\n \"\n ></lib-babylon-dynamic-heading>\n }\n\n <div class=\"rooms-container\">\n @for (room of rooms(); track $index) {\n <div class=\"room-card\" [class.reverse]=\"shouldReverse($index)\">\n <div class=\"room-details\">\n <h2 class=\"room-name corp-title\">\n {{ room.texts?.title || room.texts?.name }}\n </h2>\n <p class=\"room-subtitle corp-pretitle\">\n {{ room.texts?.pretitle }}\n </p>\n\n <div class=\"room-features\">\n @if (room.characteristics) {\n @for (\n feature of room.characteristics;\n track feature.name\n ) {\n <span class=\"feature-item corp-text\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"feature.icon\"\n ></i>\n </div>\n {{ feature.name }}\n </span>\n }\n }\n </div>\n\n <p class=\"room-description corp-text\">\n {{ room.texts?.description }}\n </p>\n\n @if (room.price) {\n <div class=\"room-price-box\">\n <span class=\"room-price corp-text\">\n {{ texts?.additional }}\n {{ room.price }} \u20AC\n </span>\n <span class=\"room-price-night corp-text\">\n {{ texts?.additional1 }}\n </span>\n </div>\n }\n\n <div class=\"room-actions\">\n @if (room.buttons && room.buttons.length > 0) {\n <a\n class=\"btn-corp corp-text\"\n [href]=\"room.buttons[0]?.url\"\n [linkType]=\"room.buttons[0]?.linkType\"\n >\n <span class=\"btn-corp-text\">{{\n room.buttons[0]?.label\n }}</span>\n </a>\n }\n @if (room.buttons && room.buttons.length > 1) {\n <a\n class=\"btn-primary corp-text\"\n [href]=\"room.buttons[1]?.url\"\n [linkType]=\"room.buttons[1]?.linkType\"\n >\n {{ room.buttons[1]?.label }}\n </a>\n }\n </div>\n </div>\n\n <div class=\"room-image-wrapper\">\n @if (\n getImagesExcludingTags(room.multimedia);\n as filteredImages\n ) {\n <img\n [src]=\"\n filteredImages?.[getVisibleImageIndex($index)]\n ?.img?.src\n \"\n [alt]=\"room.title\"\n class=\"room-image\"\n />\n\n <div BabylonLightGallery>\n <a\n [href]=\"\n filteredImages?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n class=\"btn-gallery-lupa cs_lightbox_item\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7\"\n ></path>\n </svg>\n <img\n [src]=\"\n filteredImages?.[\n getVisibleImageIndex($index)\n ]?.img?.src\n \"\n style=\"display: none\"\n alt=\"Thumb\"\n />\n </a>\n\n @for (\n img of filteredImages;\n track img.img?.src;\n let i = $index\n ) {\n @if (i > 0) {\n <a\n [href]=\"img.img?.src\"\n class=\"cs_lightbox_item\"\n style=\"display: none\"\n >\n <img\n [src]=\"img.img?.src\"\n alt=\"Thumbnail\"\n />\n </a>\n }\n }\n </div>\n }\n\n <button\n class=\"btn-nav-arrow left\"\n (click)=\"prevImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M15 19l-7-7 7-7\"\n ></path>\n </svg>\n </button>\n <button\n class=\"btn-nav-arrow right\"\n (click)=\"nextImage($index)\"\n >\n <svg\n fill=\"none\"\n stroke=\"currentColor\"\n viewBox=\"0 0 24 24\"\n >\n <path\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n stroke-width=\"2\"\n d=\"M9 5l7 7-7 7\"\n ></path>\n </svg>\n </button>\n\n @if (showServicesForRoom() !== $index) {\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-services corp-text\"\n >\n {{ texts?.showservices || 'Ver equipamiento' }}\n </button>\n }\n\n <div\n class=\"services-overlay\"\n [class.active]=\"showServicesForRoom() === $index\"\n >\n <div class=\"services-box\">\n @if (texts?.servicestitle) {\n <h3 class=\"services-title corp-title\">\n {{ texts?.servicestitle }}\n {{\n room.title ||\n room.texts?.title ||\n room.texts?.name\n }}\n </h3>\n }\n\n <div class=\"services-list\">\n @if (room.equipments) {\n @for (\n service of room.equipments;\n track service.name\n ) {\n <div class=\"service-item\">\n <div\n class=\"info--icon icon--light icon--big\"\n >\n <i\n class=\"icon--svg\"\n [ngClass]=\"service.icon\"\n ></i>\n </div>\n <div>\n <p\n class=\"service-name corp-text\"\n >\n {{ service.name }}\n </p>\n @if (service.description) {\n <p class=\"service-type\">\n {{\n service.description\n }}\n </p>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <button\n (click)=\"toggleServices($index)\"\n class=\"btn-hide-services corp-text\"\n >\n {{\n texts?.hideservices ||\n 'Ocultar equipamiento'\n }}\n </button>\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";@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}.babylon-room-list{padding:5rem 1rem;max-width:1280px;margin:0 auto}@media (max-width: 1024px){.babylon-room-list{padding:10rem 1rem}}.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{text-align:start;font-size:6rem;margin-bottom:3rem;color:var(--cl_text, #3c3b3b);font-family:var(--font-title);margin-left:2rem}@media (max-width: 768px){.babylon-room-list ::ng-deep lib-babylon-dynamic-heading .main-title{font-size:4rem;margin-left:1rem}}.info--icon.icon--big{padding:5px}.info--icon.icon--big .icon--svg{width:40px;height:40px;-webkit-mask-size:30px;mask-size:30px;background-color:var(--cl_icon)}.rooms-container{display:flex;flex-direction:column;gap:3rem}.room-card{display:flex;flex-direction:column;background-color:var(--rh-row-alt-bg, #fdfbf8);box-shadow:0 4px 20px #0000000d;overflow:hidden}@media (min-width: 1024px){.room-card{flex-direction:row}.room-card.reverse{flex-direction:row-reverse}}.room-details{width:100%;padding:2rem;display:flex;flex-direction:column;justify-content:center}@media (min-width: 1024px){.room-details{width:50%;padding:3rem}}.room-name{font-size:4rem;margin-bottom:.5rem;color:var(--cl_text, #3c3b3b)}.room-subtitle{font-size:1.4rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem;opacity:.7;color:var(--cl_pretitle, #19314b)}.room-features{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1.5rem;border-top:1px solid var(--cl_border-dark, #d9e1e6);border-bottom:1px solid var(--cl_border-dark, #d9e1e6);padding:1.25rem 0}.feature-item{display:flex;align-items:center;font-size:1.8rem;font-weight:500;color:var(--cl_text, #3c3b3b)}.feature-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_icon, #fd8700)}.room-description{font-size:1.8rem;line-height:1.6;color:#4b5563;margin-bottom:2rem}.room-price-box{margin-bottom:2rem}.room-price{display:block;font-size:2.6rem;font-weight:700;color:var(--cl_text, #3c3b3b)}.room-price-night{font-size:1.4rem;color:#6b7280}.room-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto}@media (min-width: 640px){.room-actions{flex-direction:row}}.room-image-wrapper{width:100%;position:relative;background-color:#e5e7eb;height:350px;overflow:hidden}@media (min-width: 1024px){.room-image-wrapper{width:50%;height:auto}}.room-image{width:100%;height:100%;object-fit:cover;transition:transform .7s}.room-card:hover .room-image{transform:scale(1.05)}.btn-gallery-lupa{position:absolute;top:1rem;right:1rem;width:3rem;height:3rem;background:#ffffffe6;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;transition:all .3s;color:var(--cl_text, #3c3b3b)}.btn-gallery-lupa svg{width:1.7rem;height:1.7rem}@media (max-width: 768px){.btn-gallery-lupa{display:none}}.btn-gallery-lupa:hover{background:#fff;transform:scale(1.1)}.btn-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fffc;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:#374151;box-shadow:0 1px 3px #0000001a}.btn-nav-arrow:hover{background:#fff}.btn-nav-arrow.left{left:1rem}.btn-nav-arrow.right{right:1rem}.btn-services{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);background:#fffffff2;border:1px solid #e5e7eb;padding:.5rem 1.5rem;font-size:1.6rem;font-weight:500;cursor:pointer;z-index:10;box-shadow:0 4px 6px #0000001a;color:var(--cl_text, #3c3b3b);transition:background .3s}.btn-services:hover{background:#fff}.services-overlay{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s;opacity:0;pointer-events:none}.services-overlay.active{opacity:1;pointer-events:auto}.services-box{background:#ffffffe6;box-shadow:0 10px 25px #0000001a;border:1px solid var(--cl_border-dark, #d9e1e6);width:100%;max-width:600px;margin:auto;padding:1.5rem 4rem;border-radius:10px}@media (max-width: 1024px){.services-box{padding:1.5rem 1rem}.services-box .services-title{line-height:1.4;font-size:1.8rem;margin-bottom:1rem;padding-bottom:.5rem}.services-box .services-list{max-height:160px;overflow-x:hidden}}@media (max-width: 1024px) and (max-width: 600px){.services-box .services-list{grid-template-columns:1fr}}@media (max-width: 1024px){.services-box .service-item{padding:1rem .5rem}}.services-title{text-align:start;font-size:2rem;font-weight:400;line-height:3.8;color:var(--cl_text, #3c3b3b)}.services-list{display:grid;grid-template-columns:1fr 1fr;max-height:300px;overflow-y:auto;margin-bottom:2rem}.service-item{display:flex;align-items:center;padding:1.5rem 5rem;border-bottom:1px solid var(--cl_border-dark, #d9e1e6)}.service-item:nth-child(1),.service-item:nth-child(2){border-top:1px solid var(--cl_border-dark, #d9e1e6)}.service-item svg{width:1.25rem;height:1.25rem;margin-right:.5rem;fill:var(--cl_text, #3c3b3b);opacity:.7}.service-name{font-size:1.8rem;font-weight:400;color:var(--cl_text, #3c3b3b);font-family:var(--font-title)}.service-type{font-size:1.3rem;color:#6b7280;margin-top:.125rem;font-family:var(--font-text)}.btn-hide-services{display:block;margin:0 auto;padding:.5rem 1.5rem;background:transparent;border:1px solid var(--cl_text, #3c3b3b);color:var(--cl_text, #3c3b3b);font-size:1.6rem;cursor:pointer;transition:background .3s}.btn-hide-services:hover{background:#f9fafb}.gallery-modal-overlay{position:fixed;inset:0;background:#3c3b3bf2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-in-out}.gallery-modal-content{background:var(--cl_background_body, #ffffff);width:100%;max-width:1152px;height:85vh;display:flex;flex-direction:column;position:relative;border-radius:4px}.btn-close-gallery{position:absolute;top:1rem;right:1rem;width:2.5rem;height:2.5rem;background:transparent;border:1px solid var(--cl_border-dark, #d9e1e6);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;color:var(--cl_text, #3c3b3b)}.btn-close-gallery:hover{background:#f3f4f6}.gallery-header{text-align:center;padding:1.5rem;border-bottom:1px solid #f3f4f6;flex-shrink:0}.gallery-title{font-size:1.25rem;color:var(--cl_text, #3c3b3b)}.gallery-counter{font-size:.75rem;color:#6b7280;margin-top:.25rem}.gallery-image-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:var(--cl_background_gray, #eee);padding:1rem;overflow:hidden}.btn-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;background:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;z-index:10;color:var(--cl_text, #3c3b3b)}.btn-gallery-nav:hover{background:#f9fafb}.btn-gallery-nav.left{left:1.5rem}.btn-gallery-nav.right{right:1.5rem}.gallery-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px;box-shadow:0 10px 15px #0000001a;animation:fadeIn .3s ease-in-out}.corp-title{font-family:var(--font-title, \"Georgia\", serif)}.corp-pretitle{font-family:var(--font-pretitle, \"Arial\", sans-serif)}.corp-text{font-family:var(--font-text, \"Arial\", sans-serif)}.btn-corp{padding:.75rem 1.5rem;border:1px solid var(--cl_text, #3c3b3b);background:transparent;color:var(--cl_text, #3c3b3b);font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-corp:hover{background:var(--cl_btn-box, #fd8700);color:#fff;border-color:var(--cl_btn-box, #fd8700)}.btn-primary{padding:.75rem 1.5rem;border:1px solid var(--cl_btn-box, #fd8700);background:var(--cl_btn-box, #fd8700);color:#fff;font-weight:700;font-size:1.6rem;text-transform:uppercase;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#e07500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
|
|
18004
18022
|
}], propDecorators: { texts: [{
|
|
18005
18023
|
type: Input
|
|
18006
18024
|
}] } });
|