ctt-babylon 0.10.24 → 0.10.26
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-static-footer/babylon-static-footer.component.mjs +3 -3
- package/esm2022/lib/components/external/core/c4-c1-img-txt/c4-c1-img-txt.component.mjs +3 -3
- package/esm2022/lib/components/external/core/c4-fo-link-svg/c4-fo-link-svg.component.mjs +3 -3
- package/esm2022/lib/components/external/core/c4-for-c2-txt/c4-for-c2-txt.component.mjs +3 -3
- package/esm2022/lib/components/external/core/c4-sli-c2-txt-img/c4-sli-c2-txt-img.component.mjs +3 -3
- package/esm2022/lib/services/mapper/mapper.service.mjs +2 -2
- package/fesm2022/ctt-babylon.mjs +11 -11
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -4282,7 +4282,7 @@ class MapperService {
|
|
|
4282
4282
|
error: props?.texts?.newsErrorEmail,
|
|
4283
4283
|
},
|
|
4284
4284
|
legalAdvise: props?.texts?.subscriber,
|
|
4285
|
-
additionalLinks: Utils.mapButtons(props?.links?.additionalFooterLinks?.filter((btn) => !!btn?.
|
|
4285
|
+
additionalLinks: Utils.mapButtons(props?.links?.additionalFooterLinks[0]?.filter((btn) => !!btn?.label)),
|
|
4286
4286
|
};
|
|
4287
4287
|
}
|
|
4288
4288
|
mapGallery(props) {
|
|
@@ -13307,7 +13307,7 @@ class BabylonStaticFooterComponent {
|
|
|
13307
13307
|
this.form.reset();
|
|
13308
13308
|
}
|
|
13309
13309
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonStaticFooterComponent, deps: [{ token: i1$3.DomSanitizer }, { token: i0.ChangeDetectorRef }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13310
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonStaticFooterComponent, isStandalone: true, selector: "lib-babylon-static-footer", inputs: { img: "img", title: "title", ndTitle: "ndTitle", rdTitle: "rdTitle", thTitle: "thTitle", fifthTitle: "fifthTitle", frameUrl: "frameUrl", contactInfo: "contactInfo", contactLinks: "contactLinks", address: "address", addressHotels: "addressHotels", socialMedia: "socialMedia", copyright: "copyright", nav: "nav", footerLinks: "footerLinks", logo: "logo", input: "input", legalAdvise: "legalAdvise", additionalLinks: "additionalLinks", tags: "tags", textColors: "textColors" }, outputs: { submitForm: "submitForm" }, ngImport: i0, template: "<!-- La foto es opcional -->\n<footer\n class=\"babylon__footer cs_bg_filed\"\n dataBackground=\"url({{ img?.src }})\"\n>\n <div class=\"cs_footer_main\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_footer_grid_4\">\n @if (title || contactInfo?.length || socialMedia?.length) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (contactInfo?.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n contact of contactInfo;\n track $index\n ) {\n @if (contact) {\n <li>\n <a\n [attr.aria-label]=\"\n contact.label\n \"\n [linkType]=\"\n contact.linkType ?? ''\n \"\n [href]=\"contact.url\"\n [innerHTML]=\"contact.label\"\n ></a>\n </li>\n }\n }\n </ul>\n }\n @if (socialMedia?.length) {\n <ul class=\"cs_social_btns cs_style_1\">\n @for (item of socialMedia; track $index) {\n <li>\n <a\n [attr.aria-label]=\"item.icon\"\n linkType=\"external\"\n [href]=\"item.url\"\n class=\"cs_center\"\n >\n <i [ngClass]=\"item.icon\"></i>\n </a>\n </li>\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (ndTitle) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.ndtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.ndtitle\"\n [content]=\"ndTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n @if (address) {\n <div class=\"cs_text_widget\">\n <a\n [attr.aria-label]=\"address.address\"\n [href]=\"address.url || '#'\"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none': !address.url,\n }\"\n >\n @if (address.address) {\n {{ address.address }} <br />\n }\n @if (address.cp && address.city) {\n {{ address.cp }} {{ address.city }}\n <br />\n }\n @if (\n address.province && address.country\n ) {\n {{ address.province }}\n {{ address.country }}\n }\n </a>\n </div>\n }\n </div>\n </div>\n }\n @if (footerLinks) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (rdTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.rdtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.rdtitle\"\n [content]=\"rdTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (footerLinks.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (link of footerLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (additionalLinks && additionalLinks.length > 0) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <h5 class=\"cs_widget_title title--smaller\">\n <span>{{ fifthTitle }}</span>\n </h5>\n }\n @if (additionalLinks.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n link of additionalLinks;\n track $index\n ) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (addressHotels) {\n <div class=\"cs_footer_grid_item address_hotels\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.fifthtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.fifthtitle\"\n [content]=\"fifthTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (addressHotels.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n address of addressHotels;\n track $index\n ) {\n @if (address) {\n <li>\n @if (address.name) {\n <p class=\"text--small\">\n <span>{{\n address.name\n }}</span>\n </p>\n }\n @if (address.phone) {\n <a\n [attr.aria-label]=\"\n address.phone\n \"\n [href]=\"\n 'tel:' +\n address.phone\n \"\n linkType=\"external\"\n >\n {{ address.phone }}\n </a>\n }\n <br />\n @if (address.email) {\n <a\n [attr.aria-label]=\"\n address.email\n \"\n [href]=\"\n 'mailto:' +\n address.email\n \"\n linkType=\"external\"\n >\n {{ address.email }}\n </a>\n }\n <br />\n @if (address.full_address) {\n <a\n [attr.aria-label]=\"\n address.full_address\n \"\n [href]=\"\n address.url || '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.full_address\n }}\n </a>\n } @else {\n @if (address.address) {\n <a\n [attr.aria-label]=\"\n address.address\n \"\n [href]=\"\n address.url ||\n '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.address\n }},\n {{ address.cp }}\n {{ address.city }},\n {{\n address.province\n }},\n {{\n address.country\n }}\n </a>\n }\n }\n <br />\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (thTitle || safeUrl || input) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (thTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.thtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.thtitle\"\n [content]=\"thTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (safeUrl) {\n <div class=\"cs_footer_map cs_primary_bg\">\n <iframe\n [src]=\"safeUrl\"\n allowfullscreen\n title=\"map\"\n ></iframe>\n </div>\n } @else {\n <div id=\"message-newsletter\"></div>\n @if (input) {\n <form\n name=\"newsletter_form\"\n id=\"newsletter_form\"\n [formGroup]=\"form\"\n >\n <div class=\"form-group\">\n <input\n type=\"text\"\n class=\"form-control\"\n formControlName=\"input\"\n [placeholder]=\"\n input.placeholder\n \"\n (input)=\"inputChange($event)\"\n (blur)=\"validateInput()\"\n />\n <button\n name=\"submit\"\n type=\"submit\"\n id=\"submit-newsletter\"\n (click)=\"submit()\"\n [ngClass]=\"{\n 'pointers-none':\n !form.valid,\n }\"\n >\n <i\n class=\"babylon-arrow-right btn-send\"\n ></i>\n </button>\n </div>\n <div class=\"checkbox-element\">\n <mat-checkbox\n class=\"formcontrol\"\n formControlName=\"checkbox\"\n ></mat-checkbox>\n @if (legalAdvise) {\n <span\n class=\"text--small m-0 pt-2\"\n [innerHTML]=\"legalAdvise\"\n ></span>\n }\n </div>\n </form>\n }\n }\n </div>\n </div>\n }\n </div>\n @if (logo) {\n <div class=\"cs_footer_logo\">\n <img\n [src]=\"logo.src\"\n [alt]=\"logo.alt\"\n class=\"footer-logo-img\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div class=\"cs_bottom_footer_wrap\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_bottom_footer position-relative\">\n @if (copyright) {\n <div class=\"cs_copyright\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.copyright || 'span'\"\n cssClass=\"cs_copyright_year\"\n [color]=\"textColors?.copyright\"\n [content]=\"copyright\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n </div>\n }\n <span class=\"cs_scrollup cs_center\" scrollUp>\n <svg\n width=\"15\"\n height=\"7\"\n viewBox=\"0 0 15 7\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15 6.18793L14.1169 7L7.93687 1.31723C7.81958 1.20941 7.66053 1.14885 7.49468 1.14885C7.32884 1.14885 7.16978 1.20941 7.0525 1.31723L0.884376 6.99022L0 6.177L6.16812 0.505163C6.51998 0.181708 6.99715 0 7.49468 0C7.99222 0 8.46938 0.181708 8.82125 0.505163L15 6.18793Z\"\n fill=\"white\"\n />\n </svg>\n <span class=\"cs_scrollup_bg_dotted cs_accent_color\">\n <svg\n width=\"56\"\n height=\"56\"\n viewBox=\"0 0 56 56\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"28\"\n cy=\"28\"\n r=\"27.5\"\n stroke=\"currentColor\"\n stroke-dasharray=\"5 5\"\n />\n </svg>\n </span>\n </span>\n @if (contactLinks?.length) {\n <div class=\"cs_bottom_footer_right\">\n <ul class=\"cs_footer_links cs_mp_0\">\n @for (link of contactLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType ?? ''\"\n [href]=\"link.url\"\n >{{ link.label }}</a\n >\n </li>\n }\n }\n </ul>\n </div>\n }\n </div>\n </div>\n </div>\n</footer>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}@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}}.babylon__footer{background-color:var(--cl_footer-bg);color:var(--cl_footer-text)}.babylon__footer a{color:var(--cl_footer-text);text-decoration:none;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.babylon__footer a:hover{color:var(--cl_footer-text-hover);text-decoration:underline}@media (max-width: 767px){.babylon__footer{padding-bottom:60px}}:host ::ng-deep .cs_widget_title{margin-bottom:47px}@media (max-width: 1024px){:host ::ng-deep .cs_widget_title{margin-bottom:30px}}:host ::ng-deep .cs_widget_title span{display:inline-block;position:relative;padding-right:20px;color:var(--cl_footer-text)}:host ::ng-deep .cs_widget_title span:before{content:\"\";position:absolute;height:1px;width:50px;background-color:var(--cl_footer-text);left:100%;top:54%;transition:all .3s ease}@media (max-width: 539px){:host ::ng-deep .cs_widget_title span{display:flex;flex-direction:column;align-items:center;text-align:center;padding-right:0}:host ::ng-deep .cs_widget_title span:before{position:relative;left:0;top:40px;width:40px}}.cs_menu_widget{padding:0;margin:0;list-style:none}.cs_menu_widget li:not(:last-child){margin-bottom:8px}.cs_menu_widget+.cs_social_btns{margin-top:20px;font-size:20px}.cs_menu_widget+.cs_social_btns a{text-decoration:none!important}.cs_social_btns{display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.cs_social_btns a{height:30px;width:30px;border-radius:50%;display:flex}.cs_social_btns a:hover{transform:scale(1.2)}.cs_social_btns a:hover svg{fill:var(--cl_footer-text)}@media (max-width: 539px){.cs_social_btns{justify-content:center}}.cs_bottom_footer_wrap{background-color:var(--cl_footer-bg-bottom)}.cs_bottom_footer_wrap .container-fluid{overflow:visible}.cs_bottom_footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:30px 0;gap:2px 15px}@media (max-width: 767px){.cs_bottom_footer{flex-direction:column;padding:40px 0 20px}}.cs_footer_logo{display:flex;align-items:center;position:relative;left:85%}.cs_footer_logo .footer-logo-img{max-width:200px;height:auto}@media (max-width: 767px){.cs_footer_logo{position:relative;margin:20px 0}}@media (max-width: 767px){.cs_footer_logo{left:auto;justify-content:center}}.cs_copyright a{color:var(--cl_footer-text);background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px}.cs_copyright a:hover{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_fullscreen_footer_in{height:100px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 30px}.cs_footer_main{padding:100px 0}@media (max-width: 1024px){.cs_footer_main{padding:80px 0}}.cs_footer_grid_4{display:flex;gap:30px 70px}@media (max-width: 1024px){.cs_footer_grid_4{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4{display:grid;gap:55px 24px;grid-template-columns:repeat(2,1fr);padding:0 40px}}@media (max-width: 539px){.cs_footer_grid_4{gap:55px 24px;grid-template-columns:repeat(1,1fr);padding:0}}.cs_footer_grid_4 .cs_footer_grid_item{flex:1}.cs_footer_grid_4 .cs_footer_grid_item:first-child{flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:nth-child(2){flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:last-child{flex:2.1}.cs_footer_grid_4 .cs_footer_grid_item.address_hotels{flex:1.7}@media (max-width: 539px){.cs_footer_grid_4 .cs_footer_grid_item{text-align:center}}.cs_footer_grid_4.cs_type_1{gap:30px 10%}@media (max-width: 1679px){.cs_footer_grid_4.cs_type_1{gap:30px 6%}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4.cs_type_1{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}@media (max-width: 539px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}.cs_footer_links{display:flex;flex-wrap:wrap}.cs_footer_links li:not(:last-child):after{content:\"|\";margin:0 10px;position:relative;top:-1px}.cs_footer_map{height:260px}.cs_footer_map iframe{height:100%;display:block;border:none;width:100%;filter:grayscale(100%) invert(95%) contrast(140%);outline:none}.cs_scrollup{position:absolute;left:50%;transform:translate(-50%);height:46px;width:46px;top:-23px;background-color:var(--cl_footer-scroll);border-radius:50%;cursor:pointer}.cs_scrollup>svg{position:relative;z-index:2}.cs_scrollup .cs_scrollup_bg_dotted{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:rotate 15s linear infinite;animation-play-state:paused}.cs_scrollup:before{content:\"\";position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:var(--cl_footer-scroll);opacity:.5}.cs_scrollup:hover .cs_scrollup_bg_dotted{animation-play-state:initial}.cs_scrollup.cs_type_1{top:20px}@media (max-width: 1024px){.cs_scrollup.cs_type_1{top:-23px}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}a{text-decoration:none!important}#newsletter_form h5{margin:0 0 25px}@media (max-width: 767px){#newsletter_form h5{margin:0 0 15px}}#newsletter_form .form-group{position:relative}#newsletter_form input[type=email]{border:0;height:45px;border-radius:3px;padding-left:15px;background-color:var(--cl_footer-text);color:var(--cl_footer-text-hover);width:100%}#newsletter_form input[type=email]::placeholder,#newsletter_form input[type=email]::-webkit-input-placeholder,#newsletter_form input[type=email]::-moz-placeholder,#newsletter_form input[type=email]:-ms-input-placeholder,#newsletter_form input[type=email]::-ms-input-placeholder{color:red!important;opacity:1;font-size:16px}#newsletter_form input[type=email]:focus{border:0;box-shadow:none}#newsletter_form button[type=submit]{position:absolute;right:5px;color:var(--cl_footer-text);font-size:22px;font-size:1.375rem;top:-2px;border:0;opacity:.6;height:45px;cursor:pointer;background-color:transparent;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:none}#newsletter_form button[type=submit]:hover{opacity:1}#newsletter_form .checkbox-element{display:flex!important;align-items:center!important;cursor:pointer}#newsletter_form .checkbox-element .text--small{color:var(--cl_footer-text)!important;padding:0!important}#newsletter_form .checkbox-element .text--small::ng-deep p{color:var(--cl_footer-text)!important;margin:0}#newsletter_form .checkbox-element .text--small::ng-deep a{color:var(--cl_footer-text)!important}#newsletter_form .checkbox-element .text--small::ng-deep a:hover{color:var(--cl_footer-text-hover)!important}#newsletter_form .mdc-checkbox__native-control{color:var(--cl_footer-text)!important}#newsletter_form .btn-send{color:var(--cl_corp)!important;font-size:16px;font-weight:700;position:absolute;right:6px;top:50%;transform:translateY(-50%)}::ng-deep .mdc-checkbox__background{border-color:var(--cl_footer-text)!important}.address_hotels .text--small{font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i4$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: BabylonDataBackgroundDirective, selector: "[dataBackground]", inputs: ["dataBackground"] }, { kind: "directive", type: BabylonScrollUpDirective, selector: "[scrollUp]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13310
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonStaticFooterComponent, isStandalone: true, selector: "lib-babylon-static-footer", inputs: { img: "img", title: "title", ndTitle: "ndTitle", rdTitle: "rdTitle", thTitle: "thTitle", fifthTitle: "fifthTitle", frameUrl: "frameUrl", contactInfo: "contactInfo", contactLinks: "contactLinks", address: "address", addressHotels: "addressHotels", socialMedia: "socialMedia", copyright: "copyright", nav: "nav", footerLinks: "footerLinks", logo: "logo", input: "input", legalAdvise: "legalAdvise", additionalLinks: "additionalLinks", tags: "tags", textColors: "textColors" }, outputs: { submitForm: "submitForm" }, ngImport: i0, template: "<!-- La foto es opcional -->\n<footer\n class=\"babylon__footer cs_bg_filed\"\n dataBackground=\"url({{ img?.src }})\"\n>\n <div class=\"cs_footer_main\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_footer_grid_4\">\n @if (title || contactInfo?.length || socialMedia?.length) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (contactInfo?.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n contact of contactInfo;\n track $index\n ) {\n @if (contact) {\n <li>\n <a\n [attr.aria-label]=\"\n contact.label\n \"\n [linkType]=\"\n contact.linkType ?? ''\n \"\n [href]=\"contact.url\"\n [innerHTML]=\"contact.label\"\n ></a>\n </li>\n }\n }\n </ul>\n }\n @if (socialMedia?.length) {\n <ul class=\"cs_social_btns cs_style_1\">\n @for (item of socialMedia; track $index) {\n <li>\n <a\n [attr.aria-label]=\"item.icon\"\n linkType=\"external\"\n [href]=\"item.url\"\n class=\"cs_center\"\n >\n <i [ngClass]=\"item.icon\"></i>\n </a>\n </li>\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (ndTitle) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.ndtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.ndtitle\"\n [content]=\"ndTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n @if (address) {\n <div class=\"cs_text_widget\">\n <a\n [attr.aria-label]=\"address.address\"\n [href]=\"address.url || '#'\"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none': !address.url,\n }\"\n >\n @if (address.address) {\n {{ address.address }} <br />\n }\n @if (address.cp && address.city) {\n {{ address.cp }} {{ address.city }}\n <br />\n }\n @if (\n address.province && address.country\n ) {\n {{ address.province }}\n {{ address.country }}\n }\n </a>\n </div>\n }\n </div>\n </div>\n }\n @if (footerLinks) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (rdTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.rdtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.rdtitle\"\n [content]=\"rdTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (footerLinks.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (link of footerLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (additionalLinks && additionalLinks.length > 0) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.fifthtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.fifthtitle\"\n [content]=\"fifthTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (additionalLinks.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n link of additionalLinks;\n track $index\n ) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (addressHotels) {\n <div class=\"cs_footer_grid_item address_hotels\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.fifthtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.fifthtitle\"\n [content]=\"fifthTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (addressHotels.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n address of addressHotels;\n track $index\n ) {\n @if (address) {\n <li>\n @if (address.name) {\n <p class=\"text--small\">\n <span>{{\n address.name\n }}</span>\n </p>\n }\n @if (address.phone) {\n <a\n [attr.aria-label]=\"\n address.phone\n \"\n [href]=\"\n 'tel:' +\n address.phone\n \"\n linkType=\"external\"\n >\n {{ address.phone }}\n </a>\n }\n <br />\n @if (address.email) {\n <a\n [attr.aria-label]=\"\n address.email\n \"\n [href]=\"\n 'mailto:' +\n address.email\n \"\n linkType=\"external\"\n >\n {{ address.email }}\n </a>\n }\n <br />\n @if (address.full_address) {\n <a\n [attr.aria-label]=\"\n address.full_address\n \"\n [href]=\"\n address.url || '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.full_address\n }}\n </a>\n } @else {\n @if (address.address) {\n <a\n [attr.aria-label]=\"\n address.address\n \"\n [href]=\"\n address.url ||\n '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.address\n }},\n {{ address.cp }}\n {{ address.city }},\n {{\n address.province\n }},\n {{\n address.country\n }}\n </a>\n }\n }\n <br />\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (thTitle || safeUrl || input) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (thTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.thtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.thtitle\"\n [content]=\"thTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (safeUrl) {\n <div class=\"cs_footer_map cs_primary_bg\">\n <iframe\n [src]=\"safeUrl\"\n allowfullscreen\n title=\"map\"\n ></iframe>\n </div>\n } @else {\n <div id=\"message-newsletter\"></div>\n @if (input) {\n <form\n name=\"newsletter_form\"\n id=\"newsletter_form\"\n [formGroup]=\"form\"\n >\n <div class=\"form-group\">\n <input\n type=\"text\"\n class=\"form-control\"\n formControlName=\"input\"\n [placeholder]=\"\n input.placeholder\n \"\n (input)=\"inputChange($event)\"\n (blur)=\"validateInput()\"\n />\n <button\n name=\"submit\"\n type=\"submit\"\n id=\"submit-newsletter\"\n (click)=\"submit()\"\n [ngClass]=\"{\n 'pointers-none':\n !form.valid,\n }\"\n >\n <i\n class=\"babylon-arrow-right btn-send\"\n ></i>\n </button>\n </div>\n <div class=\"checkbox-element\">\n <mat-checkbox\n class=\"formcontrol\"\n formControlName=\"checkbox\"\n ></mat-checkbox>\n @if (legalAdvise) {\n <span\n class=\"text--small m-0 pt-2\"\n [innerHTML]=\"legalAdvise\"\n ></span>\n }\n </div>\n </form>\n }\n }\n </div>\n </div>\n }\n </div>\n @if (logo) {\n <div class=\"cs_footer_logo\">\n <img\n [src]=\"logo.src\"\n [alt]=\"logo.alt\"\n class=\"footer-logo-img\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div class=\"cs_bottom_footer_wrap\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_bottom_footer position-relative\">\n @if (copyright) {\n <div class=\"cs_copyright\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.copyright || 'span'\"\n cssClass=\"cs_copyright_year\"\n [color]=\"textColors?.copyright\"\n [content]=\"copyright\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n </div>\n }\n <span class=\"cs_scrollup cs_center\" scrollUp>\n <svg\n width=\"15\"\n height=\"7\"\n viewBox=\"0 0 15 7\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15 6.18793L14.1169 7L7.93687 1.31723C7.81958 1.20941 7.66053 1.14885 7.49468 1.14885C7.32884 1.14885 7.16978 1.20941 7.0525 1.31723L0.884376 6.99022L0 6.177L6.16812 0.505163C6.51998 0.181708 6.99715 0 7.49468 0C7.99222 0 8.46938 0.181708 8.82125 0.505163L15 6.18793Z\"\n fill=\"white\"\n />\n </svg>\n <span class=\"cs_scrollup_bg_dotted cs_accent_color\">\n <svg\n width=\"56\"\n height=\"56\"\n viewBox=\"0 0 56 56\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"28\"\n cy=\"28\"\n r=\"27.5\"\n stroke=\"currentColor\"\n stroke-dasharray=\"5 5\"\n />\n </svg>\n </span>\n </span>\n @if (contactLinks?.length) {\n <div class=\"cs_bottom_footer_right\">\n <ul class=\"cs_footer_links cs_mp_0\">\n @for (link of contactLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType ?? ''\"\n [href]=\"link.url\"\n >{{ link.label }}</a\n >\n </li>\n }\n }\n </ul>\n </div>\n }\n </div>\n </div>\n </div>\n</footer>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}@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}}.babylon__footer{background-color:var(--cl_footer-bg);color:var(--cl_footer-text)}.babylon__footer a{color:var(--cl_footer-text);text-decoration:none;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.babylon__footer a:hover{color:var(--cl_footer-text-hover);text-decoration:underline}@media (max-width: 767px){.babylon__footer{padding-bottom:60px}}:host ::ng-deep .cs_widget_title{margin-bottom:47px}@media (max-width: 1024px){:host ::ng-deep .cs_widget_title{margin-bottom:30px}}:host ::ng-deep .cs_widget_title span{display:inline-block;position:relative;padding-right:20px;color:var(--cl_footer-text)}:host ::ng-deep .cs_widget_title span:before{content:\"\";position:absolute;height:1px;width:50px;background-color:var(--cl_footer-text);left:100%;top:54%;transition:all .3s ease}@media (max-width: 539px){:host ::ng-deep .cs_widget_title span{display:flex;flex-direction:column;align-items:center;text-align:center;padding-right:0}:host ::ng-deep .cs_widget_title span:before{position:relative;left:0;top:40px;width:40px}}.cs_menu_widget{padding:0;margin:0;list-style:none}.cs_menu_widget li:not(:last-child){margin-bottom:8px}.cs_menu_widget+.cs_social_btns{margin-top:20px;font-size:20px}.cs_menu_widget+.cs_social_btns a{text-decoration:none!important}.cs_social_btns{display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.cs_social_btns a{height:30px;width:30px;border-radius:50%;display:flex}.cs_social_btns a:hover{transform:scale(1.2)}.cs_social_btns a:hover svg{fill:var(--cl_footer-text)}@media (max-width: 539px){.cs_social_btns{justify-content:center}}.cs_bottom_footer_wrap{background-color:var(--cl_footer-bg-bottom)}.cs_bottom_footer_wrap .container-fluid{overflow:visible}.cs_bottom_footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:30px 0;gap:2px 15px}@media (max-width: 767px){.cs_bottom_footer{flex-direction:column;padding:40px 0 20px}}.cs_footer_logo{display:flex;align-items:center;position:relative;left:85%}.cs_footer_logo .footer-logo-img{max-width:200px;height:auto}@media (max-width: 767px){.cs_footer_logo{position:relative;margin:20px 0}}@media (max-width: 767px){.cs_footer_logo{left:auto;justify-content:center}}.cs_copyright a{color:var(--cl_footer-text);background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px}.cs_copyright a:hover{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_fullscreen_footer_in{height:100px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 30px}.cs_footer_main{padding:100px 0}@media (max-width: 1024px){.cs_footer_main{padding:80px 0}}.cs_footer_grid_4{display:flex;gap:30px 70px}@media (max-width: 1024px){.cs_footer_grid_4{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4{display:grid;gap:55px 24px;grid-template-columns:repeat(2,1fr);padding:0 40px}}@media (max-width: 539px){.cs_footer_grid_4{gap:55px 24px;grid-template-columns:repeat(1,1fr);padding:0}}.cs_footer_grid_4 .cs_footer_grid_item{flex:1}.cs_footer_grid_4 .cs_footer_grid_item:first-child{flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:nth-child(2){flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:last-child{flex:2.1}.cs_footer_grid_4 .cs_footer_grid_item.address_hotels{flex:1.7}@media (max-width: 539px){.cs_footer_grid_4 .cs_footer_grid_item{text-align:center}}.cs_footer_grid_4.cs_type_1{gap:30px 10%}@media (max-width: 1679px){.cs_footer_grid_4.cs_type_1{gap:30px 6%}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4.cs_type_1{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}@media (max-width: 539px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}.cs_footer_links{display:flex;flex-wrap:wrap}.cs_footer_links li:not(:last-child):after{content:\"|\";margin:0 10px;position:relative;top:-1px}.cs_footer_map{height:260px}.cs_footer_map iframe{height:100%;display:block;border:none;width:100%;filter:grayscale(100%) invert(95%) contrast(140%);outline:none}.cs_scrollup{position:absolute;left:50%;transform:translate(-50%);height:46px;width:46px;top:-23px;background-color:var(--cl_footer-scroll);border-radius:50%;cursor:pointer}.cs_scrollup>svg{position:relative;z-index:2}.cs_scrollup .cs_scrollup_bg_dotted{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:rotate 15s linear infinite;animation-play-state:paused}.cs_scrollup:before{content:\"\";position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:var(--cl_footer-scroll);opacity:.5}.cs_scrollup:hover .cs_scrollup_bg_dotted{animation-play-state:initial}.cs_scrollup.cs_type_1{top:20px}@media (max-width: 1024px){.cs_scrollup.cs_type_1{top:-23px}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}a{text-decoration:none!important}#newsletter_form h5{margin:0 0 25px}@media (max-width: 767px){#newsletter_form h5{margin:0 0 15px}}#newsletter_form .form-group{position:relative}#newsletter_form input[type=email]{border:0;height:45px;border-radius:3px;padding-left:15px;background-color:var(--cl_footer-text);color:var(--cl_footer-text-hover);width:100%}#newsletter_form input[type=email]::placeholder,#newsletter_form input[type=email]::-webkit-input-placeholder,#newsletter_form input[type=email]::-moz-placeholder,#newsletter_form input[type=email]:-ms-input-placeholder,#newsletter_form input[type=email]::-ms-input-placeholder{color:red!important;opacity:1;font-size:16px}#newsletter_form input[type=email]:focus{border:0;box-shadow:none}#newsletter_form button[type=submit]{position:absolute;right:5px;color:var(--cl_footer-text);font-size:22px;font-size:1.375rem;top:-2px;border:0;opacity:.6;height:45px;cursor:pointer;background-color:transparent;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:none}#newsletter_form button[type=submit]:hover{opacity:1}#newsletter_form .checkbox-element{display:flex!important;align-items:center!important;cursor:pointer}#newsletter_form .checkbox-element .text--small{color:var(--cl_footer-text)!important;padding:0!important}#newsletter_form .checkbox-element .text--small::ng-deep p{color:var(--cl_footer-text)!important;margin:0}#newsletter_form .checkbox-element .text--small::ng-deep a{color:var(--cl_footer-text)!important}#newsletter_form .checkbox-element .text--small::ng-deep a:hover{color:var(--cl_footer-text-hover)!important}#newsletter_form .mdc-checkbox__native-control{color:var(--cl_footer-text)!important}#newsletter_form .btn-send{color:var(--cl_corp)!important;font-size:16px;font-weight:700;position:absolute;right:6px;top:50%;transform:translateY(-50%)}::ng-deep .mdc-checkbox__background{border-color:var(--cl_footer-text)!important}.address_hotels .text--small{font-weight:600}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i4$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: BabylonDataBackgroundDirective, selector: "[dataBackground]", inputs: ["dataBackground"] }, { kind: "directive", type: BabylonScrollUpDirective, selector: "[scrollUp]" }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: BabylonDynamicHeadingComponent, selector: "lib-babylon-dynamic-heading", inputs: ["tag", "wrapper", "cssClass", "content", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13311
13311
|
}
|
|
13312
13312
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonStaticFooterComponent, decorators: [{
|
|
13313
13313
|
type: Component,
|
|
@@ -13320,7 +13320,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
13320
13320
|
ReactiveFormsModule,
|
|
13321
13321
|
FormsModule,
|
|
13322
13322
|
BabylonDynamicHeadingComponent
|
|
13323
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- La foto es opcional -->\n<footer\n class=\"babylon__footer cs_bg_filed\"\n dataBackground=\"url({{ img?.src }})\"\n>\n <div class=\"cs_footer_main\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_footer_grid_4\">\n @if (title || contactInfo?.length || socialMedia?.length) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (contactInfo?.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n contact of contactInfo;\n track $index\n ) {\n @if (contact) {\n <li>\n <a\n [attr.aria-label]=\"\n contact.label\n \"\n [linkType]=\"\n contact.linkType ?? ''\n \"\n [href]=\"contact.url\"\n [innerHTML]=\"contact.label\"\n ></a>\n </li>\n }\n }\n </ul>\n }\n @if (socialMedia?.length) {\n <ul class=\"cs_social_btns cs_style_1\">\n @for (item of socialMedia; track $index) {\n <li>\n <a\n [attr.aria-label]=\"item.icon\"\n linkType=\"external\"\n [href]=\"item.url\"\n class=\"cs_center\"\n >\n <i [ngClass]=\"item.icon\"></i>\n </a>\n </li>\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (ndTitle) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.ndtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.ndtitle\"\n [content]=\"ndTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n @if (address) {\n <div class=\"cs_text_widget\">\n <a\n [attr.aria-label]=\"address.address\"\n [href]=\"address.url || '#'\"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none': !address.url,\n }\"\n >\n @if (address.address) {\n {{ address.address }} <br />\n }\n @if (address.cp && address.city) {\n {{ address.cp }} {{ address.city }}\n <br />\n }\n @if (\n address.province && address.country\n ) {\n {{ address.province }}\n {{ address.country }}\n }\n </a>\n </div>\n }\n </div>\n </div>\n }\n @if (footerLinks) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (rdTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.rdtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.rdtitle\"\n [content]=\"rdTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (footerLinks.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (link of footerLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (additionalLinks && additionalLinks.length > 0) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <h5 class=\"cs_widget_title title--smaller\">\n <span>{{ fifthTitle }}</span>\n </h5>\n }\n @if (additionalLinks.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n link of additionalLinks;\n track $index\n ) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (addressHotels) {\n <div class=\"cs_footer_grid_item address_hotels\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.fifthtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.fifthtitle\"\n [content]=\"fifthTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (addressHotels.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n address of addressHotels;\n track $index\n ) {\n @if (address) {\n <li>\n @if (address.name) {\n <p class=\"text--small\">\n <span>{{\n address.name\n }}</span>\n </p>\n }\n @if (address.phone) {\n <a\n [attr.aria-label]=\"\n address.phone\n \"\n [href]=\"\n 'tel:' +\n address.phone\n \"\n linkType=\"external\"\n >\n {{ address.phone }}\n </a>\n }\n <br />\n @if (address.email) {\n <a\n [attr.aria-label]=\"\n address.email\n \"\n [href]=\"\n 'mailto:' +\n address.email\n \"\n linkType=\"external\"\n >\n {{ address.email }}\n </a>\n }\n <br />\n @if (address.full_address) {\n <a\n [attr.aria-label]=\"\n address.full_address\n \"\n [href]=\"\n address.url || '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.full_address\n }}\n </a>\n } @else {\n @if (address.address) {\n <a\n [attr.aria-label]=\"\n address.address\n \"\n [href]=\"\n address.url ||\n '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.address\n }},\n {{ address.cp }}\n {{ address.city }},\n {{\n address.province\n }},\n {{\n address.country\n }}\n </a>\n }\n }\n <br />\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (thTitle || safeUrl || input) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (thTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.thtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.thtitle\"\n [content]=\"thTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (safeUrl) {\n <div class=\"cs_footer_map cs_primary_bg\">\n <iframe\n [src]=\"safeUrl\"\n allowfullscreen\n title=\"map\"\n ></iframe>\n </div>\n } @else {\n <div id=\"message-newsletter\"></div>\n @if (input) {\n <form\n name=\"newsletter_form\"\n id=\"newsletter_form\"\n [formGroup]=\"form\"\n >\n <div class=\"form-group\">\n <input\n type=\"text\"\n class=\"form-control\"\n formControlName=\"input\"\n [placeholder]=\"\n input.placeholder\n \"\n (input)=\"inputChange($event)\"\n (blur)=\"validateInput()\"\n />\n <button\n name=\"submit\"\n type=\"submit\"\n id=\"submit-newsletter\"\n (click)=\"submit()\"\n [ngClass]=\"{\n 'pointers-none':\n !form.valid,\n }\"\n >\n <i\n class=\"babylon-arrow-right btn-send\"\n ></i>\n </button>\n </div>\n <div class=\"checkbox-element\">\n <mat-checkbox\n class=\"formcontrol\"\n formControlName=\"checkbox\"\n ></mat-checkbox>\n @if (legalAdvise) {\n <span\n class=\"text--small m-0 pt-2\"\n [innerHTML]=\"legalAdvise\"\n ></span>\n }\n </div>\n </form>\n }\n }\n </div>\n </div>\n }\n </div>\n @if (logo) {\n <div class=\"cs_footer_logo\">\n <img\n [src]=\"logo.src\"\n [alt]=\"logo.alt\"\n class=\"footer-logo-img\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div class=\"cs_bottom_footer_wrap\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_bottom_footer position-relative\">\n @if (copyright) {\n <div class=\"cs_copyright\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.copyright || 'span'\"\n cssClass=\"cs_copyright_year\"\n [color]=\"textColors?.copyright\"\n [content]=\"copyright\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n </div>\n }\n <span class=\"cs_scrollup cs_center\" scrollUp>\n <svg\n width=\"15\"\n height=\"7\"\n viewBox=\"0 0 15 7\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15 6.18793L14.1169 7L7.93687 1.31723C7.81958 1.20941 7.66053 1.14885 7.49468 1.14885C7.32884 1.14885 7.16978 1.20941 7.0525 1.31723L0.884376 6.99022L0 6.177L6.16812 0.505163C6.51998 0.181708 6.99715 0 7.49468 0C7.99222 0 8.46938 0.181708 8.82125 0.505163L15 6.18793Z\"\n fill=\"white\"\n />\n </svg>\n <span class=\"cs_scrollup_bg_dotted cs_accent_color\">\n <svg\n width=\"56\"\n height=\"56\"\n viewBox=\"0 0 56 56\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"28\"\n cy=\"28\"\n r=\"27.5\"\n stroke=\"currentColor\"\n stroke-dasharray=\"5 5\"\n />\n </svg>\n </span>\n </span>\n @if (contactLinks?.length) {\n <div class=\"cs_bottom_footer_right\">\n <ul class=\"cs_footer_links cs_mp_0\">\n @for (link of contactLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType ?? ''\"\n [href]=\"link.url\"\n >{{ link.label }}</a\n >\n </li>\n }\n }\n </ul>\n </div>\n }\n </div>\n </div>\n </div>\n</footer>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}@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}}.babylon__footer{background-color:var(--cl_footer-bg);color:var(--cl_footer-text)}.babylon__footer a{color:var(--cl_footer-text);text-decoration:none;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.babylon__footer a:hover{color:var(--cl_footer-text-hover);text-decoration:underline}@media (max-width: 767px){.babylon__footer{padding-bottom:60px}}:host ::ng-deep .cs_widget_title{margin-bottom:47px}@media (max-width: 1024px){:host ::ng-deep .cs_widget_title{margin-bottom:30px}}:host ::ng-deep .cs_widget_title span{display:inline-block;position:relative;padding-right:20px;color:var(--cl_footer-text)}:host ::ng-deep .cs_widget_title span:before{content:\"\";position:absolute;height:1px;width:50px;background-color:var(--cl_footer-text);left:100%;top:54%;transition:all .3s ease}@media (max-width: 539px){:host ::ng-deep .cs_widget_title span{display:flex;flex-direction:column;align-items:center;text-align:center;padding-right:0}:host ::ng-deep .cs_widget_title span:before{position:relative;left:0;top:40px;width:40px}}.cs_menu_widget{padding:0;margin:0;list-style:none}.cs_menu_widget li:not(:last-child){margin-bottom:8px}.cs_menu_widget+.cs_social_btns{margin-top:20px;font-size:20px}.cs_menu_widget+.cs_social_btns a{text-decoration:none!important}.cs_social_btns{display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.cs_social_btns a{height:30px;width:30px;border-radius:50%;display:flex}.cs_social_btns a:hover{transform:scale(1.2)}.cs_social_btns a:hover svg{fill:var(--cl_footer-text)}@media (max-width: 539px){.cs_social_btns{justify-content:center}}.cs_bottom_footer_wrap{background-color:var(--cl_footer-bg-bottom)}.cs_bottom_footer_wrap .container-fluid{overflow:visible}.cs_bottom_footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:30px 0;gap:2px 15px}@media (max-width: 767px){.cs_bottom_footer{flex-direction:column;padding:40px 0 20px}}.cs_footer_logo{display:flex;align-items:center;position:relative;left:85%}.cs_footer_logo .footer-logo-img{max-width:200px;height:auto}@media (max-width: 767px){.cs_footer_logo{position:relative;margin:20px 0}}@media (max-width: 767px){.cs_footer_logo{left:auto;justify-content:center}}.cs_copyright a{color:var(--cl_footer-text);background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px}.cs_copyright a:hover{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_fullscreen_footer_in{height:100px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 30px}.cs_footer_main{padding:100px 0}@media (max-width: 1024px){.cs_footer_main{padding:80px 0}}.cs_footer_grid_4{display:flex;gap:30px 70px}@media (max-width: 1024px){.cs_footer_grid_4{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4{display:grid;gap:55px 24px;grid-template-columns:repeat(2,1fr);padding:0 40px}}@media (max-width: 539px){.cs_footer_grid_4{gap:55px 24px;grid-template-columns:repeat(1,1fr);padding:0}}.cs_footer_grid_4 .cs_footer_grid_item{flex:1}.cs_footer_grid_4 .cs_footer_grid_item:first-child{flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:nth-child(2){flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:last-child{flex:2.1}.cs_footer_grid_4 .cs_footer_grid_item.address_hotels{flex:1.7}@media (max-width: 539px){.cs_footer_grid_4 .cs_footer_grid_item{text-align:center}}.cs_footer_grid_4.cs_type_1{gap:30px 10%}@media (max-width: 1679px){.cs_footer_grid_4.cs_type_1{gap:30px 6%}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4.cs_type_1{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}@media (max-width: 539px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}.cs_footer_links{display:flex;flex-wrap:wrap}.cs_footer_links li:not(:last-child):after{content:\"|\";margin:0 10px;position:relative;top:-1px}.cs_footer_map{height:260px}.cs_footer_map iframe{height:100%;display:block;border:none;width:100%;filter:grayscale(100%) invert(95%) contrast(140%);outline:none}.cs_scrollup{position:absolute;left:50%;transform:translate(-50%);height:46px;width:46px;top:-23px;background-color:var(--cl_footer-scroll);border-radius:50%;cursor:pointer}.cs_scrollup>svg{position:relative;z-index:2}.cs_scrollup .cs_scrollup_bg_dotted{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:rotate 15s linear infinite;animation-play-state:paused}.cs_scrollup:before{content:\"\";position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:var(--cl_footer-scroll);opacity:.5}.cs_scrollup:hover .cs_scrollup_bg_dotted{animation-play-state:initial}.cs_scrollup.cs_type_1{top:20px}@media (max-width: 1024px){.cs_scrollup.cs_type_1{top:-23px}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}a{text-decoration:none!important}#newsletter_form h5{margin:0 0 25px}@media (max-width: 767px){#newsletter_form h5{margin:0 0 15px}}#newsletter_form .form-group{position:relative}#newsletter_form input[type=email]{border:0;height:45px;border-radius:3px;padding-left:15px;background-color:var(--cl_footer-text);color:var(--cl_footer-text-hover);width:100%}#newsletter_form input[type=email]::placeholder,#newsletter_form input[type=email]::-webkit-input-placeholder,#newsletter_form input[type=email]::-moz-placeholder,#newsletter_form input[type=email]:-ms-input-placeholder,#newsletter_form input[type=email]::-ms-input-placeholder{color:red!important;opacity:1;font-size:16px}#newsletter_form input[type=email]:focus{border:0;box-shadow:none}#newsletter_form button[type=submit]{position:absolute;right:5px;color:var(--cl_footer-text);font-size:22px;font-size:1.375rem;top:-2px;border:0;opacity:.6;height:45px;cursor:pointer;background-color:transparent;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:none}#newsletter_form button[type=submit]:hover{opacity:1}#newsletter_form .checkbox-element{display:flex!important;align-items:center!important;cursor:pointer}#newsletter_form .checkbox-element .text--small{color:var(--cl_footer-text)!important;padding:0!important}#newsletter_form .checkbox-element .text--small::ng-deep p{color:var(--cl_footer-text)!important;margin:0}#newsletter_form .checkbox-element .text--small::ng-deep a{color:var(--cl_footer-text)!important}#newsletter_form .checkbox-element .text--small::ng-deep a:hover{color:var(--cl_footer-text-hover)!important}#newsletter_form .mdc-checkbox__native-control{color:var(--cl_footer-text)!important}#newsletter_form .btn-send{color:var(--cl_corp)!important;font-size:16px;font-weight:700;position:absolute;right:6px;top:50%;transform:translateY(-50%)}::ng-deep .mdc-checkbox__background{border-color:var(--cl_footer-text)!important}.address_hotels .text--small{font-weight:600}\n"] }]
|
|
13323
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- La foto es opcional -->\n<footer\n class=\"babylon__footer cs_bg_filed\"\n dataBackground=\"url({{ img?.src }})\"\n>\n <div class=\"cs_footer_main\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_footer_grid_4\">\n @if (title || contactInfo?.length || socialMedia?.length) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (title) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.title || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.title\"\n [content]=\"title\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (contactInfo?.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n contact of contactInfo;\n track $index\n ) {\n @if (contact) {\n <li>\n <a\n [attr.aria-label]=\"\n contact.label\n \"\n [linkType]=\"\n contact.linkType ?? ''\n \"\n [href]=\"contact.url\"\n [innerHTML]=\"contact.label\"\n ></a>\n </li>\n }\n }\n </ul>\n }\n @if (socialMedia?.length) {\n <ul class=\"cs_social_btns cs_style_1\">\n @for (item of socialMedia; track $index) {\n <li>\n <a\n [attr.aria-label]=\"item.icon\"\n linkType=\"external\"\n [href]=\"item.url\"\n class=\"cs_center\"\n >\n <i [ngClass]=\"item.icon\"></i>\n </a>\n </li>\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (ndTitle) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.ndtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.ndtitle\"\n [content]=\"ndTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n @if (address) {\n <div class=\"cs_text_widget\">\n <a\n [attr.aria-label]=\"address.address\"\n [href]=\"address.url || '#'\"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none': !address.url,\n }\"\n >\n @if (address.address) {\n {{ address.address }} <br />\n }\n @if (address.cp && address.city) {\n {{ address.cp }} {{ address.city }}\n <br />\n }\n @if (\n address.province && address.country\n ) {\n {{ address.province }}\n {{ address.country }}\n }\n </a>\n </div>\n }\n </div>\n </div>\n }\n @if (footerLinks) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (rdTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.rdtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.rdtitle\"\n [content]=\"rdTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (footerLinks.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (link of footerLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (additionalLinks && additionalLinks.length > 0) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.fifthtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.fifthtitle\"\n [content]=\"fifthTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (additionalLinks.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n link of additionalLinks;\n track $index\n ) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"\n link.label\n \"\n [href]=\"link.url\"\n [linkType]=\"link.linkType\"\n [innerHTML]=\"link.label\"\n >\n </a>\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (addressHotels) {\n <div class=\"cs_footer_grid_item address_hotels\">\n <div class=\"cs_footer_item\">\n @if (fifthTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.fifthtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.fifthtitle\"\n [content]=\"fifthTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (addressHotels.length) {\n <ul class=\"cs_menu_widget cs_mp0\">\n @for (\n address of addressHotels;\n track $index\n ) {\n @if (address) {\n <li>\n @if (address.name) {\n <p class=\"text--small\">\n <span>{{\n address.name\n }}</span>\n </p>\n }\n @if (address.phone) {\n <a\n [attr.aria-label]=\"\n address.phone\n \"\n [href]=\"\n 'tel:' +\n address.phone\n \"\n linkType=\"external\"\n >\n {{ address.phone }}\n </a>\n }\n <br />\n @if (address.email) {\n <a\n [attr.aria-label]=\"\n address.email\n \"\n [href]=\"\n 'mailto:' +\n address.email\n \"\n linkType=\"external\"\n >\n {{ address.email }}\n </a>\n }\n <br />\n @if (address.full_address) {\n <a\n [attr.aria-label]=\"\n address.full_address\n \"\n [href]=\"\n address.url || '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.full_address\n }}\n </a>\n } @else {\n @if (address.address) {\n <a\n [attr.aria-label]=\"\n address.address\n \"\n [href]=\"\n address.url ||\n '#'\n \"\n linkType=\"external\"\n [ngClass]=\"{\n 'pointer-none':\n !address.url,\n }\"\n >\n {{\n address.address\n }},\n {{ address.cp }}\n {{ address.city }},\n {{\n address.province\n }},\n {{\n address.country\n }}\n </a>\n }\n }\n <br />\n </li>\n }\n }\n </ul>\n }\n </div>\n </div>\n }\n @if (thTitle || safeUrl || input) {\n <div class=\"cs_footer_grid_item\">\n <div class=\"cs_footer_item\">\n @if (thTitle) {\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.thtitle || 'h5'\"\n cssClass=\"cs_widget_title title--smaller\"\n [color]=\"textColors?.thtitle\"\n [content]=\"thTitle\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n }\n @if (safeUrl) {\n <div class=\"cs_footer_map cs_primary_bg\">\n <iframe\n [src]=\"safeUrl\"\n allowfullscreen\n title=\"map\"\n ></iframe>\n </div>\n } @else {\n <div id=\"message-newsletter\"></div>\n @if (input) {\n <form\n name=\"newsletter_form\"\n id=\"newsletter_form\"\n [formGroup]=\"form\"\n >\n <div class=\"form-group\">\n <input\n type=\"text\"\n class=\"form-control\"\n formControlName=\"input\"\n [placeholder]=\"\n input.placeholder\n \"\n (input)=\"inputChange($event)\"\n (blur)=\"validateInput()\"\n />\n <button\n name=\"submit\"\n type=\"submit\"\n id=\"submit-newsletter\"\n (click)=\"submit()\"\n [ngClass]=\"{\n 'pointers-none':\n !form.valid,\n }\"\n >\n <i\n class=\"babylon-arrow-right btn-send\"\n ></i>\n </button>\n </div>\n <div class=\"checkbox-element\">\n <mat-checkbox\n class=\"formcontrol\"\n formControlName=\"checkbox\"\n ></mat-checkbox>\n @if (legalAdvise) {\n <span\n class=\"text--small m-0 pt-2\"\n [innerHTML]=\"legalAdvise\"\n ></span>\n }\n </div>\n </form>\n }\n }\n </div>\n </div>\n }\n </div>\n @if (logo) {\n <div class=\"cs_footer_logo\">\n <img\n [src]=\"logo.src\"\n [alt]=\"logo.alt\"\n class=\"footer-logo-img\"\n loading=\"lazy\"\n />\n </div>\n }\n </div>\n </div>\n <div class=\"cs_bottom_footer_wrap\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_bottom_footer position-relative\">\n @if (copyright) {\n <div class=\"cs_copyright\">\n <lib-babylon-dynamic-heading\n [tag]=\"tags?.copyright || 'span'\"\n cssClass=\"cs_copyright_year\"\n [color]=\"textColors?.copyright\"\n [content]=\"copyright\"\n wrapper=\"span\"\n ></lib-babylon-dynamic-heading>\n </div>\n }\n <span class=\"cs_scrollup cs_center\" scrollUp>\n <svg\n width=\"15\"\n height=\"7\"\n viewBox=\"0 0 15 7\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M15 6.18793L14.1169 7L7.93687 1.31723C7.81958 1.20941 7.66053 1.14885 7.49468 1.14885C7.32884 1.14885 7.16978 1.20941 7.0525 1.31723L0.884376 6.99022L0 6.177L6.16812 0.505163C6.51998 0.181708 6.99715 0 7.49468 0C7.99222 0 8.46938 0.181708 8.82125 0.505163L15 6.18793Z\"\n fill=\"white\"\n />\n </svg>\n <span class=\"cs_scrollup_bg_dotted cs_accent_color\">\n <svg\n width=\"56\"\n height=\"56\"\n viewBox=\"0 0 56 56\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n cx=\"28\"\n cy=\"28\"\n r=\"27.5\"\n stroke=\"currentColor\"\n stroke-dasharray=\"5 5\"\n />\n </svg>\n </span>\n </span>\n @if (contactLinks?.length) {\n <div class=\"cs_bottom_footer_right\">\n <ul class=\"cs_footer_links cs_mp_0\">\n @for (link of contactLinks; track $index) {\n @if (link) {\n <li>\n <a\n [attr.aria-label]=\"link.label\"\n [linkType]=\"link.linkType ?? ''\"\n [href]=\"link.url\"\n >{{ link.label }}</a\n >\n </li>\n }\n }\n </ul>\n </div>\n }\n </div>\n </div>\n </div>\n</footer>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_background_dark-opacity-v2: #1326398b;--cl_background_body-transparent: #ffffffe7;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_text-disable: #888;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--padding-bottom-slider: 0px;--lh_pretitle-slider: 1.2;--lh_title-slider: 1.2;--cl_header-bg-nosticky: #0000001a;--cl_header-text-nosticky: #fff;--cl_header-bg-sticky: #eee;--cl_header-text-sticky: #19314b;--cl_header-bg-mobile: #b6b6b6;--cl_headerBottom-bg-mobile: #b6b6b6;--cl_header-text-mobile: #19314b;--cl_menu-modal-bg: #19314b;--cl_menu-modal-items: #978667;--cl_menu-modal-items-hover: #fff;--cl_menu-modal-text: #fff;--cl_menu-modal-text-hover: #fff;--ls_menu-modal-items: 1px;--w_menu-modal-items: 300;--hg_menu-img-height: 15rem;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--size_btn: 14px;--size_link: 14px;--ls_link: 1px;--ls_btn: 1px;--upper_btn: uppercase;--upper_link: uppercase;--font-btn: \"Poppins\", Helvetica, sans-serif;--font-link: \"Poppins\", Helvetica, sans-serif;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: #fff;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-bg-logos: #f8f7f3;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-width: 1px;--dropdown-radius: 20px;--cl_background_dropdown: #fdfbf8;--cl_border-dropdown: #d9e1e6;--font-size-engine-text: 14px;--cl_engine-text: #19314b;--cl_engine-bg-nosticky: #ffffffcf;--cl_engine-text-nosticky: #19314b;--cl_engine-bg-sticky: #ffffff00;--cl_engine-text-sticky: #19314b;--cl_engine-bg-modal: #19314bbf;--cl_engine-input-bg: #ebebeb;--cl_engine-input-bg-select: #ebebeb;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_error: #ff7173;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff;--alg-service-room-detail: center;--cl_alert-text: #19314b;--cl_alert-text-error: #fff;--cl_alert-background: #fff;--cl_alert-background-error: rgb(230, 92, 92);--mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, .38);--mdc-checkbox-selected-checkmark-color: white;--mdc-checkbox-selected-focus-icon-color: var(--cl_corp);--mdc-checkbox-selected-hover-icon-color: var(--cl_corp);--mdc-checkbox-selected-icon-color: var(--cl_corp);--mdc-checkbox-selected-pressed-icon-color: var(--cl_corp);--mdc-checkbox-unselected-focus-icon-color: #212121;--mdc-checkbox-unselected-hover-icon-color: #212121;--mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, .54);--mdc-checkbox-selected-focus-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-hover-state-layer-color: var(--cl_corp);--mdc-checkbox-selected-pressed-state-layer-color: var(--cl_corp);--mdc-checkbox-unselected-focus-state-layer-color: black;--mdc-checkbox-unselected-hover-state-layer-color: black;--mdc-checkbox-unselected-pressed-state-layer-color: black;--mat-checkbox-disabled-label-color: rgba(0, 0, 0, .38);--primary: #4a4a49;--cream: #f9f8f5;--white: #ffffff;--black: #000000;--whatsapp: #24cc63;--logo: #616161;--grey: #dcdcdc;--darkgrey: #1e1e1e;--instagram: #61bdff;--facebook: #3782f4;--twitter: #4a4a49;--youtube: #d9464b;--tripadvisor: #34e0a1;--booking: #0c3b7c;--silver: #c0bebe;--gold: #ffca64;--platinum: #b5d9e2}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--type-align: center;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}@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}}.babylon__footer{background-color:var(--cl_footer-bg);color:var(--cl_footer-text)}.babylon__footer a{color:var(--cl_footer-text);text-decoration:none;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.babylon__footer a:hover{color:var(--cl_footer-text-hover);text-decoration:underline}@media (max-width: 767px){.babylon__footer{padding-bottom:60px}}:host ::ng-deep .cs_widget_title{margin-bottom:47px}@media (max-width: 1024px){:host ::ng-deep .cs_widget_title{margin-bottom:30px}}:host ::ng-deep .cs_widget_title span{display:inline-block;position:relative;padding-right:20px;color:var(--cl_footer-text)}:host ::ng-deep .cs_widget_title span:before{content:\"\";position:absolute;height:1px;width:50px;background-color:var(--cl_footer-text);left:100%;top:54%;transition:all .3s ease}@media (max-width: 539px){:host ::ng-deep .cs_widget_title span{display:flex;flex-direction:column;align-items:center;text-align:center;padding-right:0}:host ::ng-deep .cs_widget_title span:before{position:relative;left:0;top:40px;width:40px}}.cs_menu_widget{padding:0;margin:0;list-style:none}.cs_menu_widget li:not(:last-child){margin-bottom:8px}.cs_menu_widget+.cs_social_btns{margin-top:20px;font-size:20px}.cs_menu_widget+.cs_social_btns a{text-decoration:none!important}.cs_social_btns{display:flex;flex-wrap:wrap;font-size:13px;gap:10px}.cs_social_btns a{height:30px;width:30px;border-radius:50%;display:flex}.cs_social_btns a:hover{transform:scale(1.2)}.cs_social_btns a:hover svg{fill:var(--cl_footer-text)}@media (max-width: 539px){.cs_social_btns{justify-content:center}}.cs_bottom_footer_wrap{background-color:var(--cl_footer-bg-bottom)}.cs_bottom_footer_wrap .container-fluid{overflow:visible}.cs_bottom_footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:30px 0;gap:2px 15px}@media (max-width: 767px){.cs_bottom_footer{flex-direction:column;padding:40px 0 20px}}.cs_footer_logo{display:flex;align-items:center;position:relative;left:85%}.cs_footer_logo .footer-logo-img{max-width:200px;height:auto}@media (max-width: 767px){.cs_footer_logo{position:relative;margin:20px 0}}@media (max-width: 767px){.cs_footer_logo{left:auto;justify-content:center}}.cs_copyright a{color:var(--cl_footer-text);background-repeat:no-repeat;background-image:linear-gradient(90deg,currentColor 0,currentColor 100%);transition:background-size .6s cubic-bezier(.49,.49,.08,1),color .27s ease-out;background-position:100% calc(100% + -0px);background-size:0 2px}.cs_copyright a:hover{background-size:100% 2px;background-position:0 calc(100% + -0px)}.cs_fullscreen_footer_in{height:100px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 30px}.cs_footer_main{padding:100px 0}@media (max-width: 1024px){.cs_footer_main{padding:80px 0}}.cs_footer_grid_4{display:flex;gap:30px 70px}@media (max-width: 1024px){.cs_footer_grid_4{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4{display:grid;gap:55px 24px;grid-template-columns:repeat(2,1fr);padding:0 40px}}@media (max-width: 539px){.cs_footer_grid_4{gap:55px 24px;grid-template-columns:repeat(1,1fr);padding:0}}.cs_footer_grid_4 .cs_footer_grid_item{flex:1}.cs_footer_grid_4 .cs_footer_grid_item:first-child{flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:nth-child(2){flex:1.4}.cs_footer_grid_4 .cs_footer_grid_item:last-child{flex:2.1}.cs_footer_grid_4 .cs_footer_grid_item.address_hotels{flex:1.7}@media (max-width: 539px){.cs_footer_grid_4 .cs_footer_grid_item{text-align:center}}.cs_footer_grid_4.cs_type_1{gap:30px 10%}@media (max-width: 1679px){.cs_footer_grid_4.cs_type_1{gap:30px 6%}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:30px 40px}}@media (max-width: 1279px){.cs_footer_grid_4.cs_type_1{gap:30px 24px}}@media (max-width: 1024px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}@media (max-width: 539px){.cs_footer_grid_4.cs_type_1{gap:55px 24px}}.cs_footer_links{display:flex;flex-wrap:wrap}.cs_footer_links li:not(:last-child):after{content:\"|\";margin:0 10px;position:relative;top:-1px}.cs_footer_map{height:260px}.cs_footer_map iframe{height:100%;display:block;border:none;width:100%;filter:grayscale(100%) invert(95%) contrast(140%);outline:none}.cs_scrollup{position:absolute;left:50%;transform:translate(-50%);height:46px;width:46px;top:-23px;background-color:var(--cl_footer-scroll);border-radius:50%;cursor:pointer}.cs_scrollup>svg{position:relative;z-index:2}.cs_scrollup .cs_scrollup_bg_dotted{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:rotate 15s linear infinite;animation-play-state:paused}.cs_scrollup:before{content:\"\";position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:var(--cl_footer-scroll);opacity:.5}.cs_scrollup:hover .cs_scrollup_bg_dotted{animation-play-state:initial}.cs_scrollup.cs_type_1{top:20px}@media (max-width: 1024px){.cs_scrollup.cs_type_1{top:-23px}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}a{text-decoration:none!important}#newsletter_form h5{margin:0 0 25px}@media (max-width: 767px){#newsletter_form h5{margin:0 0 15px}}#newsletter_form .form-group{position:relative}#newsletter_form input[type=email]{border:0;height:45px;border-radius:3px;padding-left:15px;background-color:var(--cl_footer-text);color:var(--cl_footer-text-hover);width:100%}#newsletter_form input[type=email]::placeholder,#newsletter_form input[type=email]::-webkit-input-placeholder,#newsletter_form input[type=email]::-moz-placeholder,#newsletter_form input[type=email]:-ms-input-placeholder,#newsletter_form input[type=email]::-ms-input-placeholder{color:red!important;opacity:1;font-size:16px}#newsletter_form input[type=email]:focus{border:0;box-shadow:none}#newsletter_form button[type=submit]{position:absolute;right:5px;color:var(--cl_footer-text);font-size:22px;font-size:1.375rem;top:-2px;border:0;opacity:.6;height:45px;cursor:pointer;background-color:transparent;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;outline:none}#newsletter_form button[type=submit]:hover{opacity:1}#newsletter_form .checkbox-element{display:flex!important;align-items:center!important;cursor:pointer}#newsletter_form .checkbox-element .text--small{color:var(--cl_footer-text)!important;padding:0!important}#newsletter_form .checkbox-element .text--small::ng-deep p{color:var(--cl_footer-text)!important;margin:0}#newsletter_form .checkbox-element .text--small::ng-deep a{color:var(--cl_footer-text)!important}#newsletter_form .checkbox-element .text--small::ng-deep a:hover{color:var(--cl_footer-text-hover)!important}#newsletter_form .mdc-checkbox__native-control{color:var(--cl_footer-text)!important}#newsletter_form .btn-send{color:var(--cl_corp)!important;font-size:16px;font-weight:700;position:absolute;right:6px;top:50%;transform:translateY(-50%)}::ng-deep .mdc-checkbox__background{border-color:var(--cl_footer-text)!important}.address_hotels .text--small{font-weight:600}\n"] }]
|
|
13324
13324
|
}], ctorParameters: () => [{ type: i1$3.DomSanitizer }, { type: i0.ChangeDetectorRef }, { type: i2.FormBuilder }], propDecorators: { img: [{
|
|
13325
13325
|
type: Input
|
|
13326
13326
|
}], title: [{
|
|
@@ -14391,11 +14391,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
14391
14391
|
|
|
14392
14392
|
class C4C1ImgTxtComponent {
|
|
14393
14393
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4C1ImgTxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14394
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4C1ImgTxtComponent, isStandalone: true, selector: "ces-c4-c1-img-txt", inputs: { multimedia: "multimedia", texts: "texts" }, ngImport: i0, template: "<section class=\"mdl-h08\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n <div class=\"m-content\">\n @if (texts) {\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n }\n <img src=\"/assets/babylon/images/icons/mapa.svg\" alt=\"map\" />\n </div>\n </div>\n @if (multimedia?.imagenes?.length) {\n <div class=\"m-bottom\">\n <img\n [src]=\"multimedia?.imagenes?.[0]?.img?.src\"\n [alt]=\"multimedia?.imagenes?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n</section>\n", styles: [".mdl-h08{padding:6rem 10.1rem
|
|
14394
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4C1ImgTxtComponent, isStandalone: true, selector: "ces-c4-c1-img-txt", inputs: { multimedia: "multimedia", texts: "texts" }, ngImport: i0, template: "<section class=\"mdl-h08\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n <div class=\"m-content\">\n @if (texts) {\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n }\n <img src=\"/assets/babylon/images/icons/mapa.svg\" alt=\"map\" />\n </div>\n </div>\n @if (multimedia?.imagenes?.length) {\n <div class=\"m-bottom\">\n <img\n [src]=\"multimedia?.imagenes?.[0]?.img?.src\"\n [alt]=\"multimedia?.imagenes?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n</section>\n", styles: [".mdl-h08{padding:6rem 10.1rem;display:flex;justify-content:center}.mdl-h08 .mdl-container .m-top{display:flex;align-items:center;flex-direction:column;padding:0 4.1rem}.mdl-h08 .mdl-container .m-top .m-content{width:100%;max-width:42.6rem;display:flex;align-items:center;flex-direction:column;gap:1.1rem;text-align:center}.mdl-h08 .mdl-container .m-top .m-content .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h08 .mdl-container .m-top .m-content .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a}@media (max-width: 768px){.mdl-h08 .mdl-container .m-top .m-content .m-texto{line-height:2.4rem}}.mdl-h08 .mdl-container .m-top .m-content img{height:3rem;margin-top:1rem}.mdl-h08 .mdl-container .m-bottom{width:100%;height:79rem;margin-top:2rem}.mdl-h08 .mdl-container .m-bottom img{width:auto;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 1440px){.mdl-h08 .mdl-container .m-bottom{height:69.2rem}}@media (max-width: 1080px){.mdl-h08{padding:6rem 3.6rem}.mdl-h08 .mdl-container .m-bottom{height:64.2rem}}@media (max-width: 768px){.mdl-h08{padding:6rem 0}}@media (max-width: 540px){.mdl-h08{padding:3rem 0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
14395
14395
|
}
|
|
14396
14396
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4C1ImgTxtComponent, decorators: [{
|
|
14397
14397
|
type: Component,
|
|
14398
|
-
args: [{ selector: 'ces-c4-c1-img-txt', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-h08\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n <div class=\"m-content\">\n @if (texts) {\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n }\n <img src=\"/assets/babylon/images/icons/mapa.svg\" alt=\"map\" />\n </div>\n </div>\n @if (multimedia?.imagenes?.length) {\n <div class=\"m-bottom\">\n <img\n [src]=\"multimedia?.imagenes?.[0]?.img?.src\"\n [alt]=\"multimedia?.imagenes?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n</section>\n", styles: [".mdl-h08{padding:6rem 10.1rem
|
|
14398
|
+
args: [{ selector: 'ces-c4-c1-img-txt', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-h08\">\n <div class=\"mdl-container\">\n <div class=\"m-top\">\n <div class=\"m-content\">\n @if (texts) {\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div\n class=\"m-texto\"\n [innerHTML]=\"texts.description\"\n ></div>\n }\n }\n <img src=\"/assets/babylon/images/icons/mapa.svg\" alt=\"map\" />\n </div>\n </div>\n @if (multimedia?.imagenes?.length) {\n <div class=\"m-bottom\">\n <img\n [src]=\"multimedia?.imagenes?.[0]?.img?.src\"\n [alt]=\"multimedia?.imagenes?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n</section>\n", styles: [".mdl-h08{padding:6rem 10.1rem;display:flex;justify-content:center}.mdl-h08 .mdl-container .m-top{display:flex;align-items:center;flex-direction:column;padding:0 4.1rem}.mdl-h08 .mdl-container .m-top .m-content{width:100%;max-width:42.6rem;display:flex;align-items:center;flex-direction:column;gap:1.1rem;text-align:center}.mdl-h08 .mdl-container .m-top .m-content .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h08 .mdl-container .m-top .m-content .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a}@media (max-width: 768px){.mdl-h08 .mdl-container .m-top .m-content .m-texto{line-height:2.4rem}}.mdl-h08 .mdl-container .m-top .m-content img{height:3rem;margin-top:1rem}.mdl-h08 .mdl-container .m-bottom{width:100%;height:79rem;margin-top:2rem}.mdl-h08 .mdl-container .m-bottom img{width:auto;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 1440px){.mdl-h08 .mdl-container .m-bottom{height:69.2rem}}@media (max-width: 1080px){.mdl-h08{padding:6rem 3.6rem}.mdl-h08 .mdl-container .m-bottom{height:64.2rem}}@media (max-width: 768px){.mdl-h08{padding:6rem 0}}@media (max-width: 540px){.mdl-h08{padding:3rem 0}}\n"] }]
|
|
14399
14399
|
}], propDecorators: { multimedia: [{
|
|
14400
14400
|
type: Input
|
|
14401
14401
|
}], texts: [{
|
|
@@ -14519,11 +14519,11 @@ var componentData$2 = {
|
|
|
14519
14519
|
const defaultData$2 = componentData$2;
|
|
14520
14520
|
class C4FoLinkSvgComponent {
|
|
14521
14521
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4FoLinkSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14522
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4FoLinkSvgComponent, isStandalone: true, selector: "ces-c4-fo-link-svg", inputs: { texts: "texts", multimedia: "multimedia", footerLinks: "footerLinks", socialMedia: "socialMedia" }, ngImport: i0, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n <li>\n
|
|
14522
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4FoLinkSvgComponent, isStandalone: true, selector: "ces-c4-fo-link-svg", inputs: { texts: "texts", multimedia: "multimedia", footerLinks: "footerLinks", socialMedia: "socialMedia" }, ngImport: i0, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n @if (item) {\n <li>\n <a [href]=\"item?.url\" [linkType]=\"item?.linkType\">{{\n item?.label\n }}</a>\n </li>\n }\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-f01{padding:11.7rem 7.2rem 10.8rem}.mdl-f01 .mdl-container .m-content{width:calc(100% - 4.4rem);border-top:1px solid #b7985d;border-bottom:1px solid #b7985d;padding:5rem 2.2rem;display:flex;justify-content:space-between;align-items:center}.mdl-f01 .mdl-container .m-content .m-left{display:flex;gap:13rem}.mdl-f01 .mdl-container .m-content .m-left ul{list-style:none}.mdl-f01 .mdl-container .m-content .m-left ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul li{margin-bottom:2.2rem;padding-left:0}.mdl-f01 .mdl-container .m-content .m-left ul li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;color:#b7985d}.mdl-f01 .mdl-container .m-content .m-left ul li:before{display:none}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss{display:flex;gap:1.5rem}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss img{width:30px;height:30px}.mdl-f01 .mdl-container .m-content .m-right img{width:250px;height:auto}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2.2rem}.mdl-f01 .mdl-container .m-legal ul{display:flex}.mdl-f01 .mdl-container .m-legal ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-legal ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-legal ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-legal ul li{padding-left:0;border-right:.1rem solid #b7985d;padding-right:1rem;margin-right:1rem}.mdl-f01 .mdl-container .m-legal ul li a{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}@media (max-width: 540px){.mdl-f01 .mdl-container .m-legal ul li a{line-height:2.8rem}}.mdl-f01 .mdl-container .m-legal ul li a{color:#b7985d}.mdl-f01 .mdl-container .m-legal ul li:last-child{border:0;padding-right:0;margin-right:0}.mdl-f01 .mdl-container .m-legal ul li:before{display:none}@media (max-width: 1024px){.mdl-f01 .mdl-container .m-content{align-items:flex-start}.mdl-f01 .mdl-container .m-content .m-left{flex-direction:column;gap:0}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0;width:100%;display:flex;justify-content:center}}@media (max-width: 770px){.mdl-f01{padding:11.7rem 4rem 10.8rem}.mdl-f01 .mdl-container .m-content{flex-direction:column;gap:2rem}.mdl-f01 .mdl-container .m-content .m-right{width:100%;display:flex;justify-content:center}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2rem;width:100%;display:flex;justify-content:left}.mdl-f01 .mdl-container .m-legal ul{flex-direction:column}.mdl-f01 .mdl-container .m-legal ul li{border:0;line-height:2.8rem}.mdl-f01 .mdl-container .m-legal ul li:first-child{margin-bottom:1.2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14523
14523
|
}
|
|
14524
14524
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4FoLinkSvgComponent, decorators: [{
|
|
14525
14525
|
type: Component,
|
|
14526
|
-
args: [{ selector: 'ces-c4-fo-link-svg', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n <li>\n
|
|
14526
|
+
args: [{ selector: 'ces-c4-fo-link-svg', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-f01\">\n <div class=\"mdl-container\">\n <div class=\"m-content\">\n @if (footerLinks?.length) {\n <div class=\"m-left\">\n <ul>\n @for (item of footerLinks?.slice(0, 5); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n </ul>\n <ul>\n @for (item of footerLinks?.slice(5, 9); track $index) {\n <li>\n <a\n [href]=\"item?.url\"\n [linkType]=\"item?.linkType\"\n >{{ item?.label }}</a\n >\n </li>\n }\n\n @if (socialMedia?.length) {\n <li class=\"m-rrss\">\n @for (\n social of socialMedia;\n track social.icon\n ) {\n <a\n [href]=\"social?.url\"\n [linkType]=\"'external'\"\n >\n <img [src]=\"social?.icon\" />\n </a>\n }\n </li>\n }\n </ul>\n </div>\n }\n @if (multimedia?.logo?.length) {\n <div class=\"m-right\">\n <img\n [src]=\"multimedia?.logo?.[0]?.img?.src\"\n [alt]=\"multimedia?.logo?.[0]?.img?.alt\"\n />\n </div>\n }\n </div>\n <div class=\"m-legal\">\n <ul>\n @for (item of footerLinks?.slice(9); track $index) {\n @if (item) {\n <li>\n <a [href]=\"item?.url\" [linkType]=\"item?.linkType\">{{\n item?.label\n }}</a>\n </li>\n }\n }\n </ul>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.mdl-f01{padding:11.7rem 7.2rem 10.8rem}.mdl-f01 .mdl-container .m-content{width:calc(100% - 4.4rem);border-top:1px solid #b7985d;border-bottom:1px solid #b7985d;padding:5rem 2.2rem;display:flex;justify-content:space-between;align-items:center}.mdl-f01 .mdl-container .m-content .m-left{display:flex;gap:13rem}.mdl-f01 .mdl-container .m-content .m-left ul{list-style:none}.mdl-f01 .mdl-container .m-content .m-left ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul li{margin-bottom:2.2rem;padding-left:0}.mdl-f01 .mdl-container .m-content .m-left ul li a{font-family:josefinsans,sans-serif;font-weight:400;font-size:1.8rem;line-height:100%;color:#b7985d}.mdl-f01 .mdl-container .m-content .m-left ul li:before{display:none}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss{display:flex;gap:1.5rem}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-content .m-left ul .m-rrss img{width:30px;height:30px}.mdl-f01 .mdl-container .m-content .m-right img{width:250px;height:auto}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2.2rem}.mdl-f01 .mdl-container .m-legal ul{display:flex}.mdl-f01 .mdl-container .m-legal ul>*{transition:opacity .3s ease}.mdl-f01 .mdl-container .m-legal ul:hover>*{opacity:.6}.mdl-f01 .mdl-container .m-legal ul:hover>*:hover{opacity:1}.mdl-f01 .mdl-container .m-legal ul li{padding-left:0;border-right:.1rem solid #b7985d;padding-right:1rem;margin-right:1rem}.mdl-f01 .mdl-container .m-legal ul li a{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}@media (max-width: 540px){.mdl-f01 .mdl-container .m-legal ul li a{line-height:2.8rem}}.mdl-f01 .mdl-container .m-legal ul li a{color:#b7985d}.mdl-f01 .mdl-container .m-legal ul li:last-child{border:0;padding-right:0;margin-right:0}.mdl-f01 .mdl-container .m-legal ul li:before{display:none}@media (max-width: 1024px){.mdl-f01 .mdl-container .m-content{align-items:flex-start}.mdl-f01 .mdl-container .m-content .m-left{flex-direction:column;gap:0}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0;width:100%;display:flex;justify-content:center}}@media (max-width: 770px){.mdl-f01{padding:11.7rem 4rem 10.8rem}.mdl-f01 .mdl-container .m-content{flex-direction:column;gap:2rem}.mdl-f01 .mdl-container .m-content .m-right{width:100%;display:flex;justify-content:center}.mdl-f01 .mdl-container .m-legal{padding:3rem 0 0 2rem;width:100%;display:flex;justify-content:left}.mdl-f01 .mdl-container .m-legal ul{flex-direction:column}.mdl-f01 .mdl-container .m-legal ul li{border:0;line-height:2.8rem}.mdl-f01 .mdl-container .m-legal ul li:first-child{margin-bottom:1.2rem}}\n"] }]
|
|
14527
14527
|
}], propDecorators: { texts: [{
|
|
14528
14528
|
type: Input
|
|
14529
14529
|
}], multimedia: [{
|
|
@@ -14605,11 +14605,11 @@ var componentData$1 = {
|
|
|
14605
14605
|
const defaultData$1 = componentData$1;
|
|
14606
14606
|
class C4ForC2TxtComponent {
|
|
14607
14607
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4ForC2TxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14608
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4ForC2TxtComponent, isStandalone: true, selector: "ces-c4-for-c2-txt", inputs: { texts: "texts", hotels: "hotels", consultType: "consultType", buttons: "buttons" }, ngImport: i0, template: "<section class=\"mdl-h09\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-left\">\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div class=\"m-texto\" [innerHTML]=\"texts.description\"></div>\n }\n </div>\n }\n <div class=\"m-right\">\n <div class=\"consulta-form\">\n <form>\n @if (consultType?.length) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select [attr.aria-required]=\"false\">\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of consultType; track option) {\n <option [value]=\"option.id\">\n {{ option.name }}\n </option>\n }\n </select>\n </div>\n }\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputName) {\n <label for=\"name\">{{ texts?.inputName }}</label>\n <input\n type=\"text\"\n id=\"name\"\n [placeholder]=\"texts?.inputNamePlaceHolder\"\n aria-required=\"false\"\n />\n }\n @if (texts?.inputlastname || texts?.inputSurnames) {\n <label for=\"lastname\">{{\n texts?.inputlastname ?? texts?.inputSurnames\n }}</label>\n <input\n type=\"text\"\n id=\"lastname\"\n [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n aria-required=\"false\"\n />\n }\n </div>\n </div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputEmail) {\n <label for=\"email\">{{\n texts?.inputEmail\n }}</label>\n <input\n type=\"email\"\n id=\"email\"\n [placeholder]=\"texts?.inputEmailPlaceHolder\"\n aria-required=\"false\"\n />\n }\n </div>\n <div class=\"form-group\">\n @if (texts?.inputPhone) {\n <label for=\"phone\">{{\n texts?.inputPhone\n }}</label>\n <input\n type=\"tel\"\n id=\"phone\"\n [placeholder]=\"texts?.inputPhonePlaceHolder\"\n aria-required=\"false\"\n />\n }\n </div>\n </div>\n\n @if (texts?.inputMessage) {\n <div class=\"form-group\">\n <label for=\"message\">{{\n texts?.inputMessage\n }}</label>\n <textarea\n id=\"message\"\n [placeholder]=\"texts?.inputMessagePlaceHolder\"\n aria-required=\"false\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input type=\"checkbox\" />\n <span class=\"privacidad__texto\">{{\n texts?.conditions\n }}</span>\n <!-- <a\n *ngIf=\"data.form.linkTerminos\"\n [href]=\"data.form.linkTerminos.href\"\n [attr.target]=\"\n data.form.linkTerminos.target\n \"\n [attr.rel]=\"data.form.linkTerminos.rel\"\n >\n {{\n data.form.linkTerminos.text ||\n 'Ver t\u00E9rminos'\n }}\n </a> -->\n </label>\n }\n @if (buttons?.length) {\n <button\n type=\"button\"\n class=\"m-button-clean enviar\"\n [attr.aria-label]=\"\n buttons?.[0]?.label || buttons?.[0]?.name\n \"\n >\n {{ buttons?.[0]?.label || buttons?.[0]?.name }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n }\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n", styles: [".mdl-h09{padding:6rem 5rem}.mdl-h09 .mdl-container{max-width:143.6rem;display:flex;justify-content:space-between}.mdl-h09 .mdl-container .m-left{width:100%;max-width:54.8rem}.mdl-h09 .mdl-container .m-left .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h09 .mdl-container .m-left .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin-top:2rem;margin-left:6.6rem}@media (max-width: 768px){.mdl-h09 .mdl-container .m-left .m-texto{line-height:2.4rem}}.mdl-h09 .mdl-container .m-right{width:100%;max-width:67rem;padding:5.3rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form{max-width:67rem;margin:0 auto;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;color:#b7985d;background:#fff;padding:4rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form input::-moz-placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::-moz-placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form input::placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form label{display:block;font-weight:500;letter-spacing:.05em;margin-bottom:.7rem;color:#b7985d;display:none}.mdl-h09 .mdl-container .m-right .consulta-form .form-group,.mdl-h09 .mdl-container .m-right .consulta-form .form-row{margin-bottom:1.6rem;width:100%}.mdl-h09 .mdl-container .m-right .consulta-form .form-row{display:flex}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group{width:60%}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group:last-child{width:40%}.mdl-h09 .mdl-container .m-right .consulta-form input,.mdl-h09 .mdl-container .m-right .consulta-form select,.mdl-h09 .mdl-container .m-right .consulta-form textarea{background:none;border:none;border-bottom:1px solid #b7985d;color:#b7985d;letter-spacing:.05em;padding:1.4rem 0;width:100%;outline:none;transition:border-color .2s;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form textarea{height:10rem;resize:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad{display:flex;align-items:center;font-size:1em;margin-top:1.8rem;font-family:sourcesans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{accent-color:#b7985d;width:1.5rem;height:1.5rem;margin-right:.8rem;border-radius:0;border-color:#b7985d!important;color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad a{color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{background:none;border:none;color:#b7985d;font-size:1.08em;letter-spacing:.07em;cursor:pointer;display:flex;align-items:center}.mdl-h09 .mdl-container .m-right .consulta-form .enviar .flecha{font-size:1.5em;margin-left:1.9rem;transform:translateY(.2rem)}@media (max-width: 1440px){.mdl-h09 .mdl-container{flex-direction:column;max-width:67rem}.mdl-h09 .mdl-container .m-left{max-width:100%;margin-left:-6.6rem}.mdl-h09 .mdl-container .m-right .consulta-form{padding:0}}@media (max-width: 1080px){.mdl-h09 .mdl-container .m-left,.mdl-h09 .mdl-container .m-left .m-texto{margin-left:0}}@media (max-width: 540px){.mdl-h09 .mdl-container .m-right .consulta-form .form-row{flex-direction:column;gap:1.2rem;margin-bottom:1.2rem}.mdl-h09 .mdl-container .m-right .consulta-form .form-row .form-group{width:100%!important}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{flex-direction:column-reverse;align-items:normal;gap:2rem}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{justify-content:flex-end}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
14608
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4ForC2TxtComponent, isStandalone: true, selector: "ces-c4-for-c2-txt", inputs: { texts: "texts", hotels: "hotels", consultType: "consultType", buttons: "buttons" }, ngImport: i0, template: "<section class=\"mdl-h09\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-left\">\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div class=\"m-texto\" [innerHTML]=\"texts.description\"></div>\n }\n </div>\n }\n <div class=\"m-right\">\n <div class=\"consulta-form\">\n <form>\n @if (consultType?.length) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select [attr.aria-required]=\"false\">\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of consultType; track option) {\n <option [value]=\"option.id\">\n {{ option.name }}\n </option>\n }\n </select>\n </div>\n }\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputName) {\n <label for=\"name\">{{ texts?.inputName }}</label>\n <input\n type=\"text\"\n id=\"name\"\n [placeholder]=\"texts?.inputNamePlaceHolder\"\n aria-required=\"false\"\n />\n }\n @if (texts?.inputlastname || texts?.inputSurnames) {\n <label for=\"lastname\">{{\n texts?.inputlastname ?? texts?.inputSurnames\n }}</label>\n <input\n type=\"text\"\n id=\"lastname\"\n [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n aria-required=\"false\"\n />\n }\n </div>\n </div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputEmail) {\n <label for=\"email\">{{\n texts?.inputEmail\n }}</label>\n <input\n type=\"email\"\n id=\"email\"\n [placeholder]=\"texts?.inputEmailPlaceHolder\"\n aria-required=\"false\"\n />\n }\n </div>\n <div class=\"form-group\">\n @if (texts?.inputPhone) {\n <label for=\"phone\">{{\n texts?.inputPhone\n }}</label>\n <input\n type=\"tel\"\n id=\"phone\"\n [placeholder]=\"texts?.inputPhonePlaceHolder\"\n aria-required=\"false\"\n />\n }\n </div>\n </div>\n\n @if (texts?.inputMessage) {\n <div class=\"form-group\">\n <label for=\"message\">{{\n texts?.inputMessage\n }}</label>\n <textarea\n id=\"message\"\n [placeholder]=\"texts?.inputMessagePlaceHolder\"\n aria-required=\"false\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input type=\"checkbox\" />\n <span class=\"privacidad__texto\">{{\n texts?.conditions\n }}</span>\n <!-- <a\n *ngIf=\"data.form.linkTerminos\"\n [href]=\"data.form.linkTerminos.href\"\n [attr.target]=\"\n data.form.linkTerminos.target\n \"\n [attr.rel]=\"data.form.linkTerminos.rel\"\n >\n {{\n data.form.linkTerminos.text ||\n 'Ver t\u00E9rminos'\n }}\n </a> -->\n </label>\n }\n @if (buttons?.length) {\n <button\n type=\"button\"\n class=\"m-button-clean enviar\"\n [attr.aria-label]=\"\n buttons?.[0]?.label || buttons?.[0]?.name\n \"\n >\n {{ buttons?.[0]?.label || buttons?.[0]?.name }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n }\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n", styles: [".mdl-h09{padding:6rem 5rem;display:flex;justify-content:center}.mdl-h09 .mdl-container{max-width:143.6rem;display:flex;justify-content:space-between;width:120%}.mdl-h09 .mdl-container .m-left{width:100%;max-width:54.8rem}.mdl-h09 .mdl-container .m-left .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h09 .mdl-container .m-left .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin-top:2rem;margin-left:6.6rem}@media (max-width: 768px){.mdl-h09 .mdl-container .m-left .m-texto{line-height:2.4rem}}.mdl-h09 .mdl-container .m-right{width:100%;max-width:67rem;padding:5.3rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form{max-width:67rem;margin:0 auto;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;color:#b7985d;background:#fff;padding:4rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form input::-moz-placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::-moz-placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form input::placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form label{display:block;font-weight:500;letter-spacing:.05em;margin-bottom:.7rem;color:#b7985d;display:none}.mdl-h09 .mdl-container .m-right .consulta-form .form-group,.mdl-h09 .mdl-container .m-right .consulta-form .form-row{margin-bottom:1.6rem;width:100%}.mdl-h09 .mdl-container .m-right .consulta-form .form-row{display:flex}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group{width:60%}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group:last-child{width:40%}.mdl-h09 .mdl-container .m-right .consulta-form input,.mdl-h09 .mdl-container .m-right .consulta-form select,.mdl-h09 .mdl-container .m-right .consulta-form textarea{background:none;border:none;border-bottom:1px solid #b7985d;color:#b7985d;letter-spacing:.05em;padding:1.4rem 0;width:100%;outline:none;transition:border-color .2s;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form textarea{height:10rem;resize:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad{display:flex;align-items:center;font-size:1em;margin-top:1.8rem;font-family:sourcesans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{accent-color:#b7985d;width:1.5rem;height:1.5rem;margin-right:.8rem;border-radius:0;border-color:#b7985d!important;color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad a{color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{background:none;border:none;color:#b7985d;font-size:1.08em;letter-spacing:.07em;cursor:pointer;display:flex;align-items:center}.mdl-h09 .mdl-container .m-right .consulta-form .enviar .flecha{font-size:1.5em;margin-left:1.9rem;transform:translateY(.2rem)}@media (max-width: 1440px){.mdl-h09 .mdl-container{flex-direction:column;max-width:67rem}.mdl-h09 .mdl-container .m-left{max-width:100%;margin-left:-6.6rem}.mdl-h09 .mdl-container .m-right .consulta-form{padding:0}}@media (max-width: 1080px){.mdl-h09 .mdl-container .m-left,.mdl-h09 .mdl-container .m-left .m-texto{margin-left:0}}@media (max-width: 540px){.mdl-h09 .mdl-container .m-right .consulta-form .form-row{flex-direction:column;gap:1.2rem;margin-bottom:1.2rem}.mdl-h09 .mdl-container .m-right .consulta-form .form-row .form-group{width:100%!important}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{flex-direction:column-reverse;align-items:normal;gap:2rem}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{justify-content:flex-end}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
14609
14609
|
}
|
|
14610
14610
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4ForC2TxtComponent, decorators: [{
|
|
14611
14611
|
type: Component,
|
|
14612
|
-
args: [{ selector: 'ces-c4-for-c2-txt', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-h09\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-left\">\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div class=\"m-texto\" [innerHTML]=\"texts.description\"></div>\n }\n </div>\n }\n <div class=\"m-right\">\n <div class=\"consulta-form\">\n <form>\n @if (consultType?.length) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select [attr.aria-required]=\"false\">\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of consultType; track option) {\n <option [value]=\"option.id\">\n {{ option.name }}\n </option>\n }\n </select>\n </div>\n }\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputName) {\n <label for=\"name\">{{ texts?.inputName }}</label>\n <input\n type=\"text\"\n id=\"name\"\n [placeholder]=\"texts?.inputNamePlaceHolder\"\n aria-required=\"false\"\n />\n }\n @if (texts?.inputlastname || texts?.inputSurnames) {\n <label for=\"lastname\">{{\n texts?.inputlastname ?? texts?.inputSurnames\n }}</label>\n <input\n type=\"text\"\n id=\"lastname\"\n [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n aria-required=\"false\"\n />\n }\n </div>\n </div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputEmail) {\n <label for=\"email\">{{\n texts?.inputEmail\n }}</label>\n <input\n type=\"email\"\n id=\"email\"\n [placeholder]=\"texts?.inputEmailPlaceHolder\"\n aria-required=\"false\"\n />\n }\n </div>\n <div class=\"form-group\">\n @if (texts?.inputPhone) {\n <label for=\"phone\">{{\n texts?.inputPhone\n }}</label>\n <input\n type=\"tel\"\n id=\"phone\"\n [placeholder]=\"texts?.inputPhonePlaceHolder\"\n aria-required=\"false\"\n />\n }\n </div>\n </div>\n\n @if (texts?.inputMessage) {\n <div class=\"form-group\">\n <label for=\"message\">{{\n texts?.inputMessage\n }}</label>\n <textarea\n id=\"message\"\n [placeholder]=\"texts?.inputMessagePlaceHolder\"\n aria-required=\"false\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input type=\"checkbox\" />\n <span class=\"privacidad__texto\">{{\n texts?.conditions\n }}</span>\n <!-- <a\n *ngIf=\"data.form.linkTerminos\"\n [href]=\"data.form.linkTerminos.href\"\n [attr.target]=\"\n data.form.linkTerminos.target\n \"\n [attr.rel]=\"data.form.linkTerminos.rel\"\n >\n {{\n data.form.linkTerminos.text ||\n 'Ver t\u00E9rminos'\n }}\n </a> -->\n </label>\n }\n @if (buttons?.length) {\n <button\n type=\"button\"\n class=\"m-button-clean enviar\"\n [attr.aria-label]=\"\n buttons?.[0]?.label || buttons?.[0]?.name\n \"\n >\n {{ buttons?.[0]?.label || buttons?.[0]?.name }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n }\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n", styles: [".mdl-h09{padding:6rem 5rem}.mdl-h09 .mdl-container{max-width:143.6rem;display:flex;justify-content:space-between}.mdl-h09 .mdl-container .m-left{width:100%;max-width:54.8rem}.mdl-h09 .mdl-container .m-left .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h09 .mdl-container .m-left .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin-top:2rem;margin-left:6.6rem}@media (max-width: 768px){.mdl-h09 .mdl-container .m-left .m-texto{line-height:2.4rem}}.mdl-h09 .mdl-container .m-right{width:100%;max-width:67rem;padding:5.3rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form{max-width:67rem;margin:0 auto;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;color:#b7985d;background:#fff;padding:4rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form input::-moz-placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::-moz-placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form input::placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form label{display:block;font-weight:500;letter-spacing:.05em;margin-bottom:.7rem;color:#b7985d;display:none}.mdl-h09 .mdl-container .m-right .consulta-form .form-group,.mdl-h09 .mdl-container .m-right .consulta-form .form-row{margin-bottom:1.6rem;width:100%}.mdl-h09 .mdl-container .m-right .consulta-form .form-row{display:flex}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group{width:60%}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group:last-child{width:40%}.mdl-h09 .mdl-container .m-right .consulta-form input,.mdl-h09 .mdl-container .m-right .consulta-form select,.mdl-h09 .mdl-container .m-right .consulta-form textarea{background:none;border:none;border-bottom:1px solid #b7985d;color:#b7985d;letter-spacing:.05em;padding:1.4rem 0;width:100%;outline:none;transition:border-color .2s;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form textarea{height:10rem;resize:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad{display:flex;align-items:center;font-size:1em;margin-top:1.8rem;font-family:sourcesans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{accent-color:#b7985d;width:1.5rem;height:1.5rem;margin-right:.8rem;border-radius:0;border-color:#b7985d!important;color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad a{color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{background:none;border:none;color:#b7985d;font-size:1.08em;letter-spacing:.07em;cursor:pointer;display:flex;align-items:center}.mdl-h09 .mdl-container .m-right .consulta-form .enviar .flecha{font-size:1.5em;margin-left:1.9rem;transform:translateY(.2rem)}@media (max-width: 1440px){.mdl-h09 .mdl-container{flex-direction:column;max-width:67rem}.mdl-h09 .mdl-container .m-left{max-width:100%;margin-left:-6.6rem}.mdl-h09 .mdl-container .m-right .consulta-form{padding:0}}@media (max-width: 1080px){.mdl-h09 .mdl-container .m-left,.mdl-h09 .mdl-container .m-left .m-texto{margin-left:0}}@media (max-width: 540px){.mdl-h09 .mdl-container .m-right .consulta-form .form-row{flex-direction:column;gap:1.2rem;margin-bottom:1.2rem}.mdl-h09 .mdl-container .m-right .consulta-form .form-row .form-group{width:100%!important}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{flex-direction:column-reverse;align-items:normal;gap:2rem}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{justify-content:flex-end}}\n"] }]
|
|
14612
|
+
args: [{ selector: 'ces-c4-for-c2-txt', standalone: true, imports: [CommonModule], template: "<section class=\"mdl-h09\">\n <div class=\"mdl-container\">\n @if (texts) {\n <div class=\"m-left\">\n @if (texts.title) {\n <h3 class=\"m-titulo\" [innerHTML]=\"texts.title\"></h3>\n }\n @if (texts.description) {\n <div class=\"m-texto\" [innerHTML]=\"texts.description\"></div>\n }\n </div>\n }\n <div class=\"m-right\">\n <div class=\"consulta-form\">\n <form>\n @if (consultType?.length) {\n <div class=\"form-group\">\n <label>{{ texts?.dropdownTitle }}</label>\n <select [attr.aria-required]=\"false\">\n <option value=\"\" selected disabled>\n {{ texts?.dropdownPlaceholder }}\n </option>\n @for (option of consultType; track option) {\n <option [value]=\"option.id\">\n {{ option.name }}\n </option>\n }\n </select>\n </div>\n }\n\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputName) {\n <label for=\"name\">{{ texts?.inputName }}</label>\n <input\n type=\"text\"\n id=\"name\"\n [placeholder]=\"texts?.inputNamePlaceHolder\"\n aria-required=\"false\"\n />\n }\n @if (texts?.inputlastname || texts?.inputSurnames) {\n <label for=\"lastname\">{{\n texts?.inputlastname ?? texts?.inputSurnames\n }}</label>\n <input\n type=\"text\"\n id=\"lastname\"\n [placeholder]=\"\n texts?.inputlastnamePlaceHolder ??\n texts?.inputSurnamesPlaceHolder\n \"\n aria-required=\"false\"\n />\n }\n </div>\n </div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n @if (texts?.inputEmail) {\n <label for=\"email\">{{\n texts?.inputEmail\n }}</label>\n <input\n type=\"email\"\n id=\"email\"\n [placeholder]=\"texts?.inputEmailPlaceHolder\"\n aria-required=\"false\"\n />\n }\n </div>\n <div class=\"form-group\">\n @if (texts?.inputPhone) {\n <label for=\"phone\">{{\n texts?.inputPhone\n }}</label>\n <input\n type=\"tel\"\n id=\"phone\"\n [placeholder]=\"texts?.inputPhonePlaceHolder\"\n aria-required=\"false\"\n />\n }\n </div>\n </div>\n\n @if (texts?.inputMessage) {\n <div class=\"form-group\">\n <label for=\"message\">{{\n texts?.inputMessage\n }}</label>\n <textarea\n id=\"message\"\n [placeholder]=\"texts?.inputMessagePlaceHolder\"\n aria-required=\"false\"\n ></textarea>\n </div>\n }\n\n <div class=\"form-footer\">\n @if (texts?.conditions) {\n <label class=\"privacidad\">\n <input type=\"checkbox\" />\n <span class=\"privacidad__texto\">{{\n texts?.conditions\n }}</span>\n <!-- <a\n *ngIf=\"data.form.linkTerminos\"\n [href]=\"data.form.linkTerminos.href\"\n [attr.target]=\"\n data.form.linkTerminos.target\n \"\n [attr.rel]=\"data.form.linkTerminos.rel\"\n >\n {{\n data.form.linkTerminos.text ||\n 'Ver t\u00E9rminos'\n }}\n </a> -->\n </label>\n }\n @if (buttons?.length) {\n <button\n type=\"button\"\n class=\"m-button-clean enviar\"\n [attr.aria-label]=\"\n buttons?.[0]?.label || buttons?.[0]?.name\n \"\n >\n {{ buttons?.[0]?.label || buttons?.[0]?.name }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n />\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n />\n </svg>\n </button>\n }\n </div>\n </form>\n </div>\n </div>\n </div>\n</section>\n", styles: [".mdl-h09{padding:6rem 5rem;display:flex;justify-content:center}.mdl-h09 .mdl-container{max-width:143.6rem;display:flex;justify-content:space-between;width:120%}.mdl-h09 .mdl-container .m-left{width:100%;max-width:54.8rem}.mdl-h09 .mdl-container .m-left .m-titulo{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d}.mdl-h09 .mdl-container .m-left .m-texto{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin-top:2rem;margin-left:6.6rem}@media (max-width: 768px){.mdl-h09 .mdl-container .m-left .m-texto{line-height:2.4rem}}.mdl-h09 .mdl-container .m-right{width:100%;max-width:67rem;padding:5.3rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form{max-width:67rem;margin:0 auto;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;color:#b7985d;background:#fff;padding:4rem 0 0}.mdl-h09 .mdl-container .m-right .consulta-form input::-moz-placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::-moz-placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form input::placeholder,.mdl-h09 .mdl-container .m-right .consulta-form textarea::placeholder{color:#b7985d;opacity:1;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%;font-size:1em;letter-spacing:.04em}.mdl-h09 .mdl-container .m-right .consulta-form label{display:block;font-weight:500;letter-spacing:.05em;margin-bottom:.7rem;color:#b7985d;display:none}.mdl-h09 .mdl-container .m-right .consulta-form .form-group,.mdl-h09 .mdl-container .m-right .consulta-form .form-row{margin-bottom:1.6rem;width:100%}.mdl-h09 .mdl-container .m-right .consulta-form .form-row{display:flex}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group{width:60%}.mdl-h09 .mdl-container .m-right .consulta-form .m-mail .form-group:last-child{width:40%}.mdl-h09 .mdl-container .m-right .consulta-form input,.mdl-h09 .mdl-container .m-right .consulta-form select,.mdl-h09 .mdl-container .m-right .consulta-form textarea{background:none;border:none;border-bottom:1px solid #b7985d;color:#b7985d;letter-spacing:.05em;padding:1.4rem 0;width:100%;outline:none;transition:border-color .2s;font-family:sourcesans,sans-serif;font-weight:600;font-size:1.3rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form textarea{height:10rem;resize:none}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad{display:flex;align-items:center;font-size:1em;margin-top:1.8rem;font-family:sourcesans,sans-serif;font-weight:400;font-size:1.4rem;line-height:100%}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]{accent-color:#b7985d;width:1.5rem;height:1.5rem;margin-right:.8rem;border-radius:0;border-color:#b7985d!important;color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad a{color:#b7985d}.mdl-h09 .mdl-container .m-right .consulta-form .privacidad input[type=checkbox]:checked{background-color:#007bff;border-color:#007bff}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{background:none;border:none;color:#b7985d;font-size:1.08em;letter-spacing:.07em;cursor:pointer;display:flex;align-items:center}.mdl-h09 .mdl-container .m-right .consulta-form .enviar .flecha{font-size:1.5em;margin-left:1.9rem;transform:translateY(.2rem)}@media (max-width: 1440px){.mdl-h09 .mdl-container{flex-direction:column;max-width:67rem}.mdl-h09 .mdl-container .m-left{max-width:100%;margin-left:-6.6rem}.mdl-h09 .mdl-container .m-right .consulta-form{padding:0}}@media (max-width: 1080px){.mdl-h09 .mdl-container .m-left,.mdl-h09 .mdl-container .m-left .m-texto{margin-left:0}}@media (max-width: 540px){.mdl-h09 .mdl-container .m-right .consulta-form .form-row{flex-direction:column;gap:1.2rem;margin-bottom:1.2rem}.mdl-h09 .mdl-container .m-right .consulta-form .form-row .form-group{width:100%!important}.mdl-h09 .mdl-container .m-right .consulta-form .form-footer{flex-direction:column-reverse;align-items:normal;gap:2rem}.mdl-h09 .mdl-container .m-right .consulta-form .enviar{justify-content:flex-end}}\n"] }]
|
|
14613
14613
|
}], propDecorators: { texts: [{
|
|
14614
14614
|
type: Input
|
|
14615
14615
|
}], hotels: [{
|
|
@@ -14953,11 +14953,11 @@ class C4SliC2TxtImgComponent {
|
|
|
14953
14953
|
this.swiper?.destroy(true, true);
|
|
14954
14954
|
}
|
|
14955
14955
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2TxtImgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14956
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4SliC2TxtImgComponent, isStandalone: true, selector: "ces-c4-sli-c2-txt-img", inputs: { items: "items", texts: "texts" }, viewQueries: [{ propertyName: "swiperRoot", first: true, predicate: ["swiperRoot"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.src\"\n [alt]=\"slide.images?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header p{line-height:2.4rem}}.mdl-experiencias .header p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14956
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: C4SliC2TxtImgComponent, isStandalone: true, selector: "ces-c4-sli-c2-txt-img", inputs: { items: "items", texts: "texts" }, viewQueries: [{ propertyName: "swiperRoot", first: true, predicate: ["swiperRoot"], descendants: true }], ngImport: i0, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.src\"\n [alt]=\"slide.images?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: BabylonLinkTypeDirective, selector: "[linkType]", inputs: ["linkType", "href", "modalClick", "clickPopup"], outputs: ["anchorClicked"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
14957
14957
|
}
|
|
14958
14958
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: C4SliC2TxtImgComponent, decorators: [{
|
|
14959
14959
|
type: Component,
|
|
14960
|
-
args: [{ selector: 'ces-c4-sli-c2-txt-img', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.src\"\n [alt]=\"slide.images?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header p{line-height:2.4rem}}.mdl-experiencias .header p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"] }]
|
|
14960
|
+
args: [{ selector: 'ces-c4-sli-c2-txt-img', standalone: true, imports: [CommonModule, BabylonLinkTypeDirective], encapsulation: ViewEncapsulation.None, template: "<section class=\"mdl-experiencias\">\n <div class=\"container\">\n @if (texts) {\n <div class=\"header-module\">\n @if (texts.title || texts.subtitle) {\n <h2 [innerHTML]=\"texts.title\">\n <br />\n <span [innerHTML]=\"texts.subtitle\"></span>\n </h2>\n }\n @if (texts.description) {\n <p [innerText]=\"texts.description\"></p>\n }\n </div>\n }\n\n @if (items?.length) {\n <div class=\"swiper experiencias-swiper\" #swiperRoot>\n <div class=\"swiper-wrapper\">\n @for (slide of items; track $index) {\n @if (slide) {\n <div class=\"swiper-slide experiencia\">\n <div class=\"content-slide\">\n <div class=\"imagen\">\n <img\n [src]=\"slide.images?.src\"\n [alt]=\"slide.images?.alt\"\n />\n </div>\n <div class=\"arrows-navigation\">\n <div\n class=\"swiper-button-prev mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slidePrev()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.84717 0.5L0.707031 6.64014L6.84717 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n <div\n class=\"swiper-button-next mobile prev fill\"\n role=\"button\"\n tabindex=\"0\"\n (click)=\"slideNext()\"\n >\n <svg\n width=\"8\"\n height=\"14\"\n viewBox=\"0 0 8 14\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.500488 0.5L6.64062 6.64014L0.500488 12.7798\"\n stroke=\"#B7985D\"\n stroke-linecap=\"round\"\n />\n </svg>\n </div>\n </div>\n @if (slide.texts) {\n <div class=\"texto\">\n @if (slide.texts.title) {\n <h3\n [innerHTML]=\"\n slide.texts.title\n \"\n ></h3>\n }\n @if (slide.texts.subtitle) {\n <h4\n [innerHTML]=\"\n slide.texts.subtitle\n \"\n ></h4>\n }\n\n @if (slide.texts.description) {\n <div class=\"content-texto\">\n <p\n [innerHTML]=\"\n slide.texts\n .description\n \"\n ></p>\n </div>\n }\n @if (slide.buttons?.length) {\n <a\n [href]=\"\n slide.buttons?.[0]?.url\n \"\n [linkType]=\"\n slide.buttons?.[0]\n ?.linkType\n \"\n class=\"m-button-clean\"\n [attr.aria-label]=\"\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]?.name\n \"\n >\n {{\n slide.buttons?.[0]\n ?.label ||\n slide.buttons?.[0]\n ?.name\n }}\n <svg\n width=\"50\"\n height=\"6\"\n viewBox=\"0 0 50 6\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M45.875 0L49.875 2.8L45.875 5.6V0Z\"\n fill=\"#B7985D\"\n ></path>\n <path\n d=\"M48.875 2.80078H0.375\"\n stroke=\"#B7985D\"\n stroke-width=\"0.75\"\n stroke-linecap=\"round\"\n ></path>\n </svg>\n </a>\n }\n </div>\n }\n </div>\n </div>\n }\n }\n </div>\n\n <div class=\"swiper-button-prev desktop\"></div>\n <div class=\"swiper-button-next desktop\"></div>\n </div>\n }\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";.m-swiper-button{width:3.9rem;height:3.9rem;display:flex;align-items:center;justify-content:center;transition:.3s}.m-swiper-button.fill{border:1px solid #b7985d}.m-swiper-button.fill:hover{background-color:#b7985d;transition:.3s}.m-swiper-button.fill:hover svg{filter:brightness(250%)}.m-button{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;border:1px solid #b7985d;padding:1.2rem 4.6rem .6rem;color:#b7985d;transition:.3s}.m-button:hover{background-color:#b7985d;transition:.3s;color:#fff}.m-button-clean{font-family:josefinsans,sans-serif!important;font-weight:400!important;font-size:1.6rem;line-height:100%!important;letter-spacing:4%!important;text-transform:uppercase!important;font-size:1.3rem;color:#b7985d;display:flex;gap:2.5rem;white-space:nowrap;align-items:center}.m-button-clean svg{transition:clip-path .3s ease;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.m-button-clean:hover{transition:.3s;color:#9d793f}.m-button-clean:hover svg{clip-path:polygon(30% 0%,100% 0%,100% 100%,30% 100%)}.m-button-clean:hover svg path{color:#9d793f;fill:#9d793f}html{font-size:62.5%;overflow-x:hidden}html.overflow-hidden{overflow:hidden}html body{font:14px \"\"}@media (min-width: 1921px) and (max-height: 600px){html{font-size:55.5%}}html a{text-decoration:none}h1,h2,h3,h4,h5,h6{all:unset;display:revert}.fancybox__container{background-color:#0000!important}section .mdl-container{width:100%;max-width:160rem;margin:0 auto}.w100{font-weight:100}.w300{font-weight:300}.w400{font-weight:400}.w500{font-weight:medium}.w600{font-weight:600}.w700{font-weight:700}.w900{font-weight:900}.italic{font-style:italic}.row{display:flex;flex-direction:row}.col{display:flex;flex-direction:column}html{overflow-x:hidden}body{cursor:default;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{color:inherit;border:0;margin:0;padding:0}a{text-size-adjust:none;-webkit-text-size-adjust:none;text-decoration:none;cursor:pointer}ul{list-style-position:outside}li{padding-left:3rem;list-style:none;position:relative}li:before{content:\"\\25cf\";position:absolute;top:0;left:0}button,mark{background:none}button,label{cursor:pointer}:focus{outline:none!important}::-moz-focus-inner{border:0}summary::-webkit-details-marker{display:none}button,input[type=submit],input[type=text]{-webkit-appearance:none}h1,h2,h3,h4,h5,h6{text-transform:none}p{width:100%}img{width:auto;height:auto;object-fit:contain}@-webkit-keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes swingV{15%{-webkit-transform:translateY(.5rem);transform:translateY(.5rem)}30%{-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}50%{-webkit-transform:translateY(.3rem);transform:translateY(.3rem)}65%{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}80%{-webkit-transform:translateY(.2rem);transform:translateY(.2rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes swingH{15%{-webkit-transform:translateX(.5rem);transform:translate(.5rem)}30%{-webkit-transform:translateX(-.5rem);transform:translate(-.5rem)}50%{-webkit-transform:translateX(.3rem);transform:translate(.3rem)}65%{-webkit-transform:translateX(-.3rem);transform:translate(-.3rem)}80%{-webkit-transform:translateX(.2rem);transform:translate(.2rem)}to{-webkit-transform:translateX(0);transform:translate(0)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mdl-experiencias{padding:6rem 0;background-color:#fff;font-family:Inter,sans-serif;max-width:144rem;margin:auto}.mdl-experiencias .header-module{text-align:left;max-width:54.6rem;margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem}@media (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}.mdl-experiencias .header-module p{color:#54565a;margin:0 auto;margin-left:8.9rem;width:calc(100% - 8.9rem)}.mdl-experiencias .experiencias-swiper{padding:0 0 0 6rem;position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia{display:flex;align-items:flex-start;justify-content:space-between}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide{display:flex;align-items:flex-start;justify-content:space-between;gap:4rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen{position:relative}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen:before{content:\"\";display:block;position:absolute;top:-1px;right:-1px;background-color:#fff;width:47%;height:3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .imagen img{width:100%;height:auto}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h3{font-family:josefinsans,sans-serif;font-weight:300;font-size:3.7rem;line-height:100%;color:#b7985d;margin-bottom:5px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto h4{font-family:josefinsans,sans-serif;font-weight:300;font-size:2.3rem;line-height:100%;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto{padding-left:6.3rem}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul{list-style:none;margin-bottom:20px;color:#54565a}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;padding-left:0}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto ul li:before{content:none}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .nota,.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .precio{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.8rem;margin-bottom:20px}.mdl-experiencias .experiencias-swiper .swiper-wrapper .experiencia .content-slide .texto .content-texto .btn-reservar{display:inline-block;font-size:13px;letter-spacing:1px;color:#b28b4e;text-decoration:none;border-bottom:1px solid #b28b4e;padding-bottom:3px}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{color:#fcfaf8}.mdl-experiencias .swiper-button-prev:not(.mobile),.mdl-experiencias .swiper-button-next:not(.mobile){color:#b28b4e}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{border:1px solid #b28b4e;width:34px;height:34px;top:0;margin-top:0}.mdl-experiencias .swiper-button-prev svg,.mdl-experiencias .swiper-button-next svg{height:1.2rem;position:absolute}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{color:#fff}.mdl-experiencias .swiper-button-prev:hover svg path,.mdl-experiencias .swiper-button-next:hover svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover,.mdl-experiencias .swiper-button-next:hover{background-color:#b7985d;transition:.3s}.mdl-experiencias .swiper-button-prev:hover:after svg,.mdl-experiencias .swiper-button-next:hover:after svg{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev:hover:after svg path,.mdl-experiencias .swiper-button-next:hover:after svg path{color:#fff;fill:#fff}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:none}.mdl-experiencias .swiper-button-prev:after,.mdl-experiencias .swiper-button-next:after{font-size:1.2rem}@media (max-width: 1080px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:calc(100% - 5rem)}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:42rem;margin:auto}.mdl-experiencias .arrows-navigation{position:relative;width:100%;transform:translate3d(0,1.6rem,0)}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}@media (max-width: 800px){.mdl-experiencias .experiencias-swiper{max-width:100%}}@media (max-width: 600px){.mdl-experiencias .header-module{text-align:left;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:4rem}.mdl-experiencias .header-module h2{font-family:bentham,sans-serif;font-weight:400;font-size:4rem;line-height:4rem;color:#b7985d;margin-bottom:10px}.mdl-experiencias .header-module p{font-family:ptsans,sans-serif;font-weight:400;font-size:1.4rem;line-height:2.2rem;color:#54565a;margin:0 auto;width:100%}}@media (max-width: 600px) and (max-width: 768px){.mdl-experiencias .header-module p{line-height:2.4rem}}@media (max-width: 600px){.mdl-experiencias .experiencias-swiper{padding:0;max-width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide{flex-direction:column;align-items:center;width:100%;gap:1.6rem!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .imagen{width:100%}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto{position:relative;width:100%;max-width:calc(100% - 7.4rem);margin:auto}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto{padding-left:0!important}.mdl-experiencias .experiencias-swiper .experiencia .content-slide .texto .content-texto ul li{padding-left:0}.mdl-experiencias .arrows-navigation{position:relative;width:100%;display:flex;flex-direction:row;gap:1.5rem;max-width:calc(100% - 7.4rem);margin:auto;margin-bottom:3.3rem}.mdl-experiencias .swiper-button-prev,.mdl-experiencias .swiper-button-next{position:relative;left:inherit;right:inherit}.mdl-experiencias .swiper-button-prev.mobile,.mdl-experiencias .swiper-button-next.mobile{display:flex}.mdl-experiencias .swiper-button-prev.desktop,.mdl-experiencias .swiper-button-next.desktop{display:none}}\n"] }]
|
|
14961
14961
|
}], propDecorators: { swiperRoot: [{
|
|
14962
14962
|
type: ViewChild,
|
|
14963
14963
|
args: ['swiperRoot']
|