ctt-babylon 0.6.18 → 0.6.19
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-engine-modal-v2/babylon-engine-modal-v2.component.mjs +91 -0
- package/esm2022/lib/components/core/babylon-filter-modal-v2/babylon-filter-modal-v2.component.mjs +2 -2
- package/esm2022/lib/components/core/babylon-header-clear-v2/babylon-header-clear-v2.component.mjs +16 -7
- package/esm2022/lib/components/core/babylon-language-modal-v2/babylon-language-modal-v2.component.mjs +28 -0
- package/esm2022/lib/components/core/babylon-menu-modal/babylon-menu-modal.component.mjs +19 -0
- package/esm2022/lib/components/core/babylon-newsletter-modal/babylon-newsletter-modal.component.mjs +19 -0
- package/esm2022/lib/components/core/babylon-offer-popup-v2/babylon-offer-popup-v2.component.mjs +19 -0
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/ctt-babylon.mjs +166 -7
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-engine-modal-v2/babylon-engine-modal-v2.component.d.ts +37 -0
- package/lib/components/core/babylon-header-clear-v2/babylon-header-clear-v2.component.d.ts +1 -0
- package/lib/components/core/babylon-language-modal-v2/babylon-language-modal-v2.component.d.ts +12 -0
- package/lib/components/core/babylon-menu-modal/babylon-menu-modal.component.d.ts +7 -0
- package/lib/components/core/babylon-newsletter-modal/babylon-newsletter-modal.component.d.ts +7 -0
- package/lib/components/core/babylon-offer-popup-v2/babylon-offer-popup-v2.component.d.ts +7 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -797,11 +797,11 @@ class BabylonFilterModalV2Component {
|
|
|
797
797
|
this.dialogRef.close();
|
|
798
798
|
}
|
|
799
799
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonFilterModalV2Component, deps: [{ token: i1$2.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
800
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonFilterModalV2Component, isStandalone: true, selector: "lib-babylon-filter-modal-v2", inputs: { rooms: "rooms" }, ngImport: i0, template: "<div class=\"modal modal__v2\">\n <div\n class=\"modal__close\"\n [attr.data-modal_name]=\"rooms ? 'habitactiones' : 'category'\"\n role=\"button\"\n (click)=\"close()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/icon-close.svg#icon-close\"></use>\n </svg>\n </div>\n <div class=\"modal__inner\">\n <div class=\"modal__box\">\n <div class=\"modal__gallery-nav\">\n @if (rooms) {\n <span class=\"modal__gallery-nav--title\"\n >galer\u00EDa habitaciones</span\n >\n <ul>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >DOBLE VISTA PISCINA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >SUPERIOR VISTA PISCINA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >JUNIOR SUITE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >GARDEN SUITE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >SUITE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >POOL GARDEN SUITE</span\n >\n </li>\n </ul>\n } @else {\n <span class=\"modal__gallery-nav--title\">galer\u00EDa</span>\n <ul>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"all\"\n >HOTEL</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-active-modal\"\n data-filter_category=\"habitactiones\"\n data-modal_name=\"habitactiones\"\n >habitactiones</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"restaurante\"\n >RESTAURANTE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"wellness-yoga\"\n >WELLNESS & YOGA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"formenetra\"\n >FORMENTERA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"video\"\n >VIDEO</span\n >\n </li>\n </ul>\n }\n </div>\n </div>\n </div>\n</div>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.modal{opacity:1!important}.modal--open.v2 .modal__v2{opacity:1;pointer-events:auto}.modal__v2 .modal__close{background:#fff}.modal__v2 .modal__inner{display:flex;justify-content:center;overflow-x:clip;width:100%;padding-block:4.8rem}@media (min-width: 540px){.modal__v2 .modal__inner{padding-block:7.9rem}}@media (min-width: 768px){.modal__v2 .modal__inner{padding-block:8.7rem}}@media (min-width: 1024px){.modal__v2 .modal__inner{padding-block:9.1rem}}.modal__v2 .modal__box{width:29.4rem}@media (min-width: 540px){.modal__v2 .modal__box{width:38rem}}@media (min-width: 768px){.modal__v2 .modal__box{width:54rem}}.modal__v2 .modal__gallery-nav{display:flex;flex-direction:column}.modal__v2 .modal__gallery-nav--title{position:relative;text-transform:uppercase;color:#4a4a49;padding-bottom:2.5rem;isolation:isolate;font-size:1.6rem;line-height:1;letter-spacing:.064rem}@media (min-width: 540px){.modal__v2 .modal__gallery-nav--title{padding-bottom:4rem;font-size:1.7rem;line-height:1;letter-spacing:.17rem}}@media (min-width: 768px){.modal__v2 .modal__gallery-nav--title{padding-bottom:4.6rem;font-size:2rem;line-height:1}}.modal__v2 .modal__gallery-nav--title:before{content:\"\";z-index:-1;background:#f9f8f5;position:absolute;bottom:0;left:50%;width:100svw;height:50svh;transform:translate(-50%)}.modal__v2 .modal__gallery-nav ul{display:flex;flex-direction:column;text-transform:uppercase;color:#4a4a49}@media (min-width: 540px){.modal__v2 .modal__gallery-nav ul{padding-top:1rem}}@media (min-width: 768px){.modal__v2 .modal__gallery-nav ul{padding-top:2rem}}.modal__v2 .modal__gallery-nav ul li{padding:2rem 1.3rem;border-bottom:1px solid #dcdcdc;position:relative;font-size:1.8rem;line-height:1.5555555556}@media (min-width: 768px){.modal__v2 .modal__gallery-nav ul li{font-size:2rem;line-height:1.7;letter-spacing:.04rem}.modal__v2 .modal__gallery-nav ul li:last-child{border-bottom-width:0}}.modal__v2 .modal__gallery-nav ul li:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:\"\";width:.3rem;aspect-ratio:1;background:#4a4a49;border-radius:.3rem}.modal__v2 .modal__gallery-nav ul li span{opacity:1;transition:all .5s}@media (min-width: 1280px){.modal__v2 .modal__gallery-nav ul:hover span{opacity:.5}.modal__v2 .modal__gallery-nav ul:hover li:hover span{opacity:1}}\n"] }); }
|
|
800
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonFilterModalV2Component, isStandalone: true, selector: "lib-babylon-filter-modal-v2", inputs: { rooms: "rooms" }, ngImport: i0, template: "<div class=\"modal modal__v2\">\n <div\n class=\"modal__close\"\n [attr.data-modal_name]=\"rooms ? 'habitactiones' : 'category'\"\n role=\"button\"\n (click)=\"close()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/icon-close.svg#icon-close\"></use>\n </svg>\n </div>\n <div class=\"modal__inner\">\n <div class=\"modal__box\">\n <div class=\"modal__gallery-nav\">\n @if (rooms) {\n <span class=\"modal__gallery-nav--title\"\n >galer\u00EDa habitaciones</span\n >\n <ul>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >DOBLE VISTA PISCINA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >SUPERIOR VISTA PISCINA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >JUNIOR SUITE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >GARDEN SUITE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >SUITE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >POOL GARDEN SUITE</span\n >\n </li>\n </ul>\n } @else {\n <span class=\"modal__gallery-nav--title\">galer\u00EDa</span>\n <ul>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"all\"\n >HOTEL</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-active-modal\"\n data-filter_category=\"habitactiones\"\n data-modal_name=\"habitactiones\"\n >habitactiones</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"restaurante\"\n >RESTAURANTE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"wellness-yoga\"\n >WELLNESS & YOGA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"formenetra\"\n >FORMENTERA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"video\"\n >VIDEO</span\n >\n </li>\n </ul>\n }\n </div>\n </div>\n </div>\n</div>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.modal{opacity:1!important;pointer-events:all!important}.modal--open.v2 .modal__v2{opacity:1;pointer-events:auto}.modal__v2 .modal__close{background:#fff}.modal__v2 .modal__inner{display:flex;justify-content:center;overflow-x:clip;width:100%;padding-block:4.8rem}@media (min-width: 540px){.modal__v2 .modal__inner{padding-block:7.9rem}}@media (min-width: 768px){.modal__v2 .modal__inner{padding-block:8.7rem}}@media (min-width: 1024px){.modal__v2 .modal__inner{padding-block:9.1rem}}.modal__v2 .modal__box{width:29.4rem}@media (min-width: 540px){.modal__v2 .modal__box{width:38rem}}@media (min-width: 768px){.modal__v2 .modal__box{width:54rem}}.modal__v2 .modal__gallery-nav{display:flex;flex-direction:column}.modal__v2 .modal__gallery-nav--title{position:relative;text-transform:uppercase;color:#4a4a49;padding-bottom:2.5rem;isolation:isolate;font-size:1.6rem;line-height:1;letter-spacing:.064rem}@media (min-width: 540px){.modal__v2 .modal__gallery-nav--title{padding-bottom:4rem;font-size:1.7rem;line-height:1;letter-spacing:.17rem}}@media (min-width: 768px){.modal__v2 .modal__gallery-nav--title{padding-bottom:4.6rem;font-size:2rem;line-height:1}}.modal__v2 .modal__gallery-nav--title:before{content:\"\";z-index:-1;background:#f9f8f5;position:absolute;bottom:0;left:50%;width:100svw;height:50svh;transform:translate(-50%)}.modal__v2 .modal__gallery-nav ul{display:flex;flex-direction:column;text-transform:uppercase;color:#4a4a49}@media (min-width: 540px){.modal__v2 .modal__gallery-nav ul{padding-top:1rem}}@media (min-width: 768px){.modal__v2 .modal__gallery-nav ul{padding-top:2rem}}.modal__v2 .modal__gallery-nav ul li{padding:2rem 1.3rem;border-bottom:1px solid #dcdcdc;position:relative;font-size:1.8rem;line-height:1.5555555556}@media (min-width: 768px){.modal__v2 .modal__gallery-nav ul li{font-size:2rem;line-height:1.7;letter-spacing:.04rem}.modal__v2 .modal__gallery-nav ul li:last-child{border-bottom-width:0}}.modal__v2 .modal__gallery-nav ul li:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:\"\";width:.3rem;aspect-ratio:1;background:#4a4a49;border-radius:.3rem}.modal__v2 .modal__gallery-nav ul li span{opacity:1;transition:all .5s}@media (min-width: 1280px){.modal__v2 .modal__gallery-nav ul:hover span{opacity:.5}.modal__v2 .modal__gallery-nav ul:hover li:hover span{opacity:1}}\n"] }); }
|
|
801
801
|
}
|
|
802
802
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonFilterModalV2Component, decorators: [{
|
|
803
803
|
type: Component,
|
|
804
|
-
args: [{ selector: 'lib-babylon-filter-modal-v2', standalone: true, imports: [], template: "<div class=\"modal modal__v2\">\n <div\n class=\"modal__close\"\n [attr.data-modal_name]=\"rooms ? 'habitactiones' : 'category'\"\n role=\"button\"\n (click)=\"close()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/icon-close.svg#icon-close\"></use>\n </svg>\n </div>\n <div class=\"modal__inner\">\n <div class=\"modal__box\">\n <div class=\"modal__gallery-nav\">\n @if (rooms) {\n <span class=\"modal__gallery-nav--title\"\n >galer\u00EDa habitaciones</span\n >\n <ul>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >DOBLE VISTA PISCINA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >SUPERIOR VISTA PISCINA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >JUNIOR SUITE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >GARDEN SUITE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >SUITE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >POOL GARDEN SUITE</span\n >\n </li>\n </ul>\n } @else {\n <span class=\"modal__gallery-nav--title\">galer\u00EDa</span>\n <ul>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"all\"\n >HOTEL</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-active-modal\"\n data-filter_category=\"habitactiones\"\n data-modal_name=\"habitactiones\"\n >habitactiones</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"restaurante\"\n >RESTAURANTE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"wellness-yoga\"\n >WELLNESS & YOGA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"formenetra\"\n >FORMENTERA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"video\"\n >VIDEO</span\n >\n </li>\n </ul>\n }\n </div>\n </div>\n </div>\n</div>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.modal{opacity:1!important}.modal--open.v2 .modal__v2{opacity:1;pointer-events:auto}.modal__v2 .modal__close{background:#fff}.modal__v2 .modal__inner{display:flex;justify-content:center;overflow-x:clip;width:100%;padding-block:4.8rem}@media (min-width: 540px){.modal__v2 .modal__inner{padding-block:7.9rem}}@media (min-width: 768px){.modal__v2 .modal__inner{padding-block:8.7rem}}@media (min-width: 1024px){.modal__v2 .modal__inner{padding-block:9.1rem}}.modal__v2 .modal__box{width:29.4rem}@media (min-width: 540px){.modal__v2 .modal__box{width:38rem}}@media (min-width: 768px){.modal__v2 .modal__box{width:54rem}}.modal__v2 .modal__gallery-nav{display:flex;flex-direction:column}.modal__v2 .modal__gallery-nav--title{position:relative;text-transform:uppercase;color:#4a4a49;padding-bottom:2.5rem;isolation:isolate;font-size:1.6rem;line-height:1;letter-spacing:.064rem}@media (min-width: 540px){.modal__v2 .modal__gallery-nav--title{padding-bottom:4rem;font-size:1.7rem;line-height:1;letter-spacing:.17rem}}@media (min-width: 768px){.modal__v2 .modal__gallery-nav--title{padding-bottom:4.6rem;font-size:2rem;line-height:1}}.modal__v2 .modal__gallery-nav--title:before{content:\"\";z-index:-1;background:#f9f8f5;position:absolute;bottom:0;left:50%;width:100svw;height:50svh;transform:translate(-50%)}.modal__v2 .modal__gallery-nav ul{display:flex;flex-direction:column;text-transform:uppercase;color:#4a4a49}@media (min-width: 540px){.modal__v2 .modal__gallery-nav ul{padding-top:1rem}}@media (min-width: 768px){.modal__v2 .modal__gallery-nav ul{padding-top:2rem}}.modal__v2 .modal__gallery-nav ul li{padding:2rem 1.3rem;border-bottom:1px solid #dcdcdc;position:relative;font-size:1.8rem;line-height:1.5555555556}@media (min-width: 768px){.modal__v2 .modal__gallery-nav ul li{font-size:2rem;line-height:1.7;letter-spacing:.04rem}.modal__v2 .modal__gallery-nav ul li:last-child{border-bottom-width:0}}.modal__v2 .modal__gallery-nav ul li:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:\"\";width:.3rem;aspect-ratio:1;background:#4a4a49;border-radius:.3rem}.modal__v2 .modal__gallery-nav ul li span{opacity:1;transition:all .5s}@media (min-width: 1280px){.modal__v2 .modal__gallery-nav ul:hover span{opacity:.5}.modal__v2 .modal__gallery-nav ul:hover li:hover span{opacity:1}}\n"] }]
|
|
804
|
+
args: [{ selector: 'lib-babylon-filter-modal-v2', standalone: true, imports: [], template: "<div class=\"modal modal__v2\">\n <div\n class=\"modal__close\"\n [attr.data-modal_name]=\"rooms ? 'habitactiones' : 'category'\"\n role=\"button\"\n (click)=\"close()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/icon-close.svg#icon-close\"></use>\n </svg>\n </div>\n <div class=\"modal__inner\">\n <div class=\"modal__box\">\n <div class=\"modal__gallery-nav\">\n @if (rooms) {\n <span class=\"modal__gallery-nav--title\"\n >galer\u00EDa habitaciones</span\n >\n <ul>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >DOBLE VISTA PISCINA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >SUPERIOR VISTA PISCINA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >JUNIOR SUITE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >GARDEN SUITE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >SUITE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"habitactiones\"\n >POOL GARDEN SUITE</span\n >\n </li>\n </ul>\n } @else {\n <span class=\"modal__gallery-nav--title\">galer\u00EDa</span>\n <ul>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"all\"\n >HOTEL</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-active-modal\"\n data-filter_category=\"habitactiones\"\n data-modal_name=\"habitactiones\"\n >habitactiones</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"restaurante\"\n >RESTAURANTE</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"wellness-yoga\"\n >WELLNESS & YOGA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"formenetra\"\n >FORMENTERA</span\n >\n </li>\n <li>\n <span\n role=\"button\"\n class=\"js-filter-gallery\"\n data-filter_category=\"video\"\n >VIDEO</span\n >\n </li>\n </ul>\n }\n </div>\n </div>\n </div>\n</div>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.modal{opacity:1!important;pointer-events:all!important}.modal--open.v2 .modal__v2{opacity:1;pointer-events:auto}.modal__v2 .modal__close{background:#fff}.modal__v2 .modal__inner{display:flex;justify-content:center;overflow-x:clip;width:100%;padding-block:4.8rem}@media (min-width: 540px){.modal__v2 .modal__inner{padding-block:7.9rem}}@media (min-width: 768px){.modal__v2 .modal__inner{padding-block:8.7rem}}@media (min-width: 1024px){.modal__v2 .modal__inner{padding-block:9.1rem}}.modal__v2 .modal__box{width:29.4rem}@media (min-width: 540px){.modal__v2 .modal__box{width:38rem}}@media (min-width: 768px){.modal__v2 .modal__box{width:54rem}}.modal__v2 .modal__gallery-nav{display:flex;flex-direction:column}.modal__v2 .modal__gallery-nav--title{position:relative;text-transform:uppercase;color:#4a4a49;padding-bottom:2.5rem;isolation:isolate;font-size:1.6rem;line-height:1;letter-spacing:.064rem}@media (min-width: 540px){.modal__v2 .modal__gallery-nav--title{padding-bottom:4rem;font-size:1.7rem;line-height:1;letter-spacing:.17rem}}@media (min-width: 768px){.modal__v2 .modal__gallery-nav--title{padding-bottom:4.6rem;font-size:2rem;line-height:1}}.modal__v2 .modal__gallery-nav--title:before{content:\"\";z-index:-1;background:#f9f8f5;position:absolute;bottom:0;left:50%;width:100svw;height:50svh;transform:translate(-50%)}.modal__v2 .modal__gallery-nav ul{display:flex;flex-direction:column;text-transform:uppercase;color:#4a4a49}@media (min-width: 540px){.modal__v2 .modal__gallery-nav ul{padding-top:1rem}}@media (min-width: 768px){.modal__v2 .modal__gallery-nav ul{padding-top:2rem}}.modal__v2 .modal__gallery-nav ul li{padding:2rem 1.3rem;border-bottom:1px solid #dcdcdc;position:relative;font-size:1.8rem;line-height:1.5555555556}@media (min-width: 768px){.modal__v2 .modal__gallery-nav ul li{font-size:2rem;line-height:1.7;letter-spacing:.04rem}.modal__v2 .modal__gallery-nav ul li:last-child{border-bottom-width:0}}.modal__v2 .modal__gallery-nav ul li:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:\"\";width:.3rem;aspect-ratio:1;background:#4a4a49;border-radius:.3rem}.modal__v2 .modal__gallery-nav ul li span{opacity:1;transition:all .5s}@media (min-width: 1280px){.modal__v2 .modal__gallery-nav ul:hover span{opacity:.5}.modal__v2 .modal__gallery-nav ul:hover li:hover span{opacity:1}}\n"] }]
|
|
805
805
|
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }], propDecorators: { rooms: [{
|
|
806
806
|
type: Input
|
|
807
807
|
}] } });
|
|
@@ -1226,6 +1226,127 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1226
1226
|
type: Input
|
|
1227
1227
|
}] } });
|
|
1228
1228
|
|
|
1229
|
+
class BabylonEngineModalV2Component {
|
|
1230
|
+
constructor(cdr) {
|
|
1231
|
+
this.cdr = cdr;
|
|
1232
|
+
this.close = new EventEmitter();
|
|
1233
|
+
this.datepickerValue = '';
|
|
1234
|
+
this.form = new FormGroup({
|
|
1235
|
+
dates: new FormControl('', [Validators.required]),
|
|
1236
|
+
guests: new FormControl('', [Validators.required]),
|
|
1237
|
+
promo: new FormControl('', [Validators.required]),
|
|
1238
|
+
});
|
|
1239
|
+
this.formModal = new FormGroup({
|
|
1240
|
+
dateIn: new FormControl('', [Validators.required]),
|
|
1241
|
+
dateOut: new FormControl('', [Validators.required]),
|
|
1242
|
+
guests: new FormControl('', [Validators.required]),
|
|
1243
|
+
promo: new FormControl('', [Validators.required]),
|
|
1244
|
+
});
|
|
1245
|
+
this.guestsValue = '';
|
|
1246
|
+
this.showingGuests = false;
|
|
1247
|
+
}
|
|
1248
|
+
ngOnInit() {
|
|
1249
|
+
this.cdr.detectChanges();
|
|
1250
|
+
}
|
|
1251
|
+
openCalendar() {
|
|
1252
|
+
this.datepicker.toggle();
|
|
1253
|
+
}
|
|
1254
|
+
openCalendarIn() {
|
|
1255
|
+
this.datepickerIn.toggle();
|
|
1256
|
+
}
|
|
1257
|
+
openCalendarOut() {
|
|
1258
|
+
this.datepickerOut.toggle();
|
|
1259
|
+
}
|
|
1260
|
+
toggleShowingGuests() {
|
|
1261
|
+
this.showingGuests = !this.showingGuests;
|
|
1262
|
+
}
|
|
1263
|
+
guestsChange(data) {
|
|
1264
|
+
const totalGuests = (Number(data.adultsValue?.code)
|
|
1265
|
+
? Number(data.adultsValue?.code)
|
|
1266
|
+
: 0) +
|
|
1267
|
+
(Number(data.kidsValue?.code) ? Number(data.kidsValue?.code) : 0) +
|
|
1268
|
+
(Number(data.infantsValue?.code)
|
|
1269
|
+
? Number(data.infantsValue?.code)
|
|
1270
|
+
: 0);
|
|
1271
|
+
this.guestsValue =
|
|
1272
|
+
totalGuests < 10
|
|
1273
|
+
? '0' + totalGuests.toString()
|
|
1274
|
+
: totalGuests.toString();
|
|
1275
|
+
this.form?.get('guests')?.setValue(this.guestsValue);
|
|
1276
|
+
this.formModal?.get('guests')?.setValue(this.guestsValue);
|
|
1277
|
+
this.toggleShowingGuests();
|
|
1278
|
+
}
|
|
1279
|
+
closeModal() {
|
|
1280
|
+
this.close.emit();
|
|
1281
|
+
}
|
|
1282
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineModalV2Component, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1283
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonEngineModalV2Component, isStandalone: true, selector: "lib-babylon-engine-modal", inputs: { modal: "modal" }, outputs: { close: "close" }, viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datepicker"], descendants: true }, { propertyName: "datepickerIn", first: true, predicate: ["datepickerIn"], descendants: true }, { propertyName: "datepickerOut", first: true, predicate: ["datepickerOut"], descendants: true }], ngImport: i0, template: "<div class=\"modal modal__reservar\">\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"reservar\"\n role=\"button\"\n (click)=\"closeModal()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/icon-close.svg#icon-close\"></use>\n </svg>\n </div>\n <figure class=\"modal__reservar-graphic\">\n <img src=\"/assets/babylon/images/img-40.webp\" />\n </figure>\n <div class=\"modal__box\">\n <h2>Reservar Habitaci\u00F3n</h2>\n <div class=\"modal__reservar-form\">\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"In-date\"\n >Entrada - Salida</label\n >\n <input\n type=\"text\"\n class=\"input-control\"\n name=\"in-out\"\n data-toggle=\"datepicker\"\n autocomplete=\"off\"\n readonly=\"true\"\n id=\"In-date\"\n placeholder=\"00/00/23\"\n />\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-calender.svg#icon-calender\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"input-group js-personas-subfields\" role=\"button\">\n <label class=\"input-group--label\">Personas</label>\n <span class=\"input-control\">02</span>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"persons\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-persons.svg#icon-persons\"\n ></use>\n </svg>\n <svg\n aria-hidden=\"true\"\n class=\"down-arrow\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"sub-fields\">\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"adult1\"\n >Adultos</label\n >\n <select\n class=\"select-control\"\n name=\"Adultos\"\n id=\"adult1\"\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n <option value=\"5\">05</option>\n </select>\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-persons.svg#icon-persons\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"input-group\">\n <div class=\"input-group--inner childAge-group-list\">\n <label class=\"input-group--label\" for=\"child1\"\n >Ni\u00F1os</label\n >\n <select\n class=\"select-control\"\n name=\"Ni\u00F1os\"\n id=\"child1\"\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n <option value=\"5\">05</option>\n </select>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"user\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"age-group-box children-list\">\n <legend class=\"age-group-box--heading\">\n EDADES\n </legend>\n <div class=\"age-group\"></div>\n </div>\n </div>\n <div class=\"input-group\">\n <div class=\"input-group--inner babiesAge-group-list\">\n <label class=\"input-group--label\" for=\"babies1\"\n >Beb\u00E9s</label\n >\n <select\n class=\"select-control\"\n name=\"Beb\u00E9s\"\n id=\"babies1\"\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n </select>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"baby\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </span>\n </div>\n </div>\n <div class=\"btn__group\">\n <button\n type=\"submit\"\n class=\"btn btn__secondary js-apply-guests1\"\n role=\"button\"\n >\n <span>Aplica</span>\n </button>\n </div>\n </div>\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"email\"\n >Promo code</label\n >\n <input\n type=\"text\"\n class=\"input-control\"\n name=\"email\"\n id=\"email\"\n placeholder=\"...\"\n />\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-promo.svg#icon-promo\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"btn__group\">\n <button type=\"submit\" class=\"btn btn__primary\">\n <span>Book Now!</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [":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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.modal{opacity:1!important;pointer-events:all!important}.modal.modal__reservar{background:#fff;display:flex;isolation:isolate}.modal--open.reservar .modal.modal__reservar{opacity:1;pointer-events:auto}.modal.modal__reservar .modal__inner{display:flex;justify-content:center;width:100%;position:relative}.modal.modal__reservar .modal__box{overflow-x:clip;padding-block:6rem 15.3rem;width:100%;background:#fff;display:flex;flex-direction:column;gap:3rem;align-items:center;height:max-content;min-height:100%}@media (min-width: 540px){.modal.modal__reservar .modal__box{padding-block:6rem 14.3rem;gap:4rem}}@media (min-width: 768px){.modal.modal__reservar .modal__box{max-width:48rem;padding-block:10rem 18.505rem;gap:5rem}}@media (min-width: 1024px){.modal.modal__reservar .modal__box{padding-block:10rem}}@media (min-width: 1680px){.modal.modal__reservar .modal__box{max-width:60rem;padding-block:13rem}}@media (min-width: 1800px){.modal.modal__reservar .modal__box{padding-block:18rem}}.modal.modal__reservar .modal__box h2{text-align:center;width:min-content;font-size:4.6rem;line-height:1}@media (min-width: 540px){.modal.modal__reservar .modal__box h2{font-size:6.4rem;line-height:1}}@media (min-width: 768px){.modal.modal__reservar .modal__box h2{font-size:8rem;line-height:1}}@media (min-width: 1680px){.modal.modal__reservar .modal__box h2{font-size:9rem;line-height:1}}.modal.modal__reservar .modal__close{top:2rem}@media (min-width: 540px){.modal.modal__reservar .modal__close{top:3rem;right:3rem}}@media (min-width: 768px){.modal.modal__reservar .modal__close{top:4rem;right:4rem}}@media (min-width: 1024px){.modal.modal__reservar .modal__close{top:3rem;right:3rem}}@media (min-width: 1680px){.modal.modal__reservar .modal__close{top:5rem;right:5rem}}.modal.modal__reservar .modal__reservar-graphic{opacity:0;pointer-events:none;position:fixed;inset:0;z-index:-1;overflow:clip}@media (min-width: 1024px){.modal.modal__reservar .modal__reservar-graphic{opacity:1}}.modal.modal__reservar .modal__reservar-graphic img{animation:zoomInOut 5s infinite ease-in-out;transform-origin:center}.modal.modal__reservar .modal__reservar-form .btn__group{justify-content:center}.modal.modal__reservar .modal__reservar-form{display:flex;flex-direction:column;gap:3rem;width:100%;max-width:28rem}.modal.modal__reservar .modal__reservar-form .sub-fields{display:none;background:#f9f8f5;transform:translateY(-1rem);margin-inline:-20rem;padding:3rem 20rem}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group{margin-bottom:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .select-control,.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-control{border-color:#dcdcdc;background:#fff}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-group--label{padding-top:1.1rem;padding-bottom:3.2rem;line-height:1;background:transparent}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group-box{display:none;margin-top:2rem;background:#fff;padding:2.5rem 2rem 2.4rem 1.8rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group-box--heading{font-size:1.6rem;line-height:1;text-transform:uppercase;margin-bottom:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner{position:relative}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .select-control{height:3.8rem;padding:1rem 2rem 1rem 1rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .label{font-size:1.4rem;line-height:1;margin-bottom:.6rem;display:block}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .input-group--icon{top:3.2rem;right:1rem;transform:translateY(0)}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .input-group--icon svg.down-arrow{display:block!important}.modal.modal__reservar .modal__reservar-form .sub-fields[style=\"display: block;\"]{display:flex!important;flex-direction:column}.js-personas-subfields.final .input-group--label{padding-top:1.1rem;padding-bottom:3.2rem;line-height:1;background:transparent}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: CalendarModule }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: DropdownModule }, { kind: "ngmodule", type: CommonModule }] }); }
|
|
1284
|
+
}
|
|
1285
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonEngineModalV2Component, decorators: [{
|
|
1286
|
+
type: Component,
|
|
1287
|
+
args: [{ selector: 'lib-babylon-engine-modal', standalone: true, imports: [
|
|
1288
|
+
FormsModule,
|
|
1289
|
+
ReactiveFormsModule,
|
|
1290
|
+
CalendarModule,
|
|
1291
|
+
BabylonGuestsPopupComponent,
|
|
1292
|
+
DialogModule,
|
|
1293
|
+
DropdownModule,
|
|
1294
|
+
CommonModule,
|
|
1295
|
+
], template: "<div class=\"modal modal__reservar\">\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"reservar\"\n role=\"button\"\n (click)=\"closeModal()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/icon-close.svg#icon-close\"></use>\n </svg>\n </div>\n <figure class=\"modal__reservar-graphic\">\n <img src=\"/assets/babylon/images/img-40.webp\" />\n </figure>\n <div class=\"modal__box\">\n <h2>Reservar Habitaci\u00F3n</h2>\n <div class=\"modal__reservar-form\">\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"In-date\"\n >Entrada - Salida</label\n >\n <input\n type=\"text\"\n class=\"input-control\"\n name=\"in-out\"\n data-toggle=\"datepicker\"\n autocomplete=\"off\"\n readonly=\"true\"\n id=\"In-date\"\n placeholder=\"00/00/23\"\n />\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-calender.svg#icon-calender\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"input-group js-personas-subfields\" role=\"button\">\n <label class=\"input-group--label\">Personas</label>\n <span class=\"input-control\">02</span>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"persons\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-persons.svg#icon-persons\"\n ></use>\n </svg>\n <svg\n aria-hidden=\"true\"\n class=\"down-arrow\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"sub-fields\">\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"adult1\"\n >Adultos</label\n >\n <select\n class=\"select-control\"\n name=\"Adultos\"\n id=\"adult1\"\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n <option value=\"5\">05</option>\n </select>\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-persons.svg#icon-persons\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"input-group\">\n <div class=\"input-group--inner childAge-group-list\">\n <label class=\"input-group--label\" for=\"child1\"\n >Ni\u00F1os</label\n >\n <select\n class=\"select-control\"\n name=\"Ni\u00F1os\"\n id=\"child1\"\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n <option value=\"5\">05</option>\n </select>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"user\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"age-group-box children-list\">\n <legend class=\"age-group-box--heading\">\n EDADES\n </legend>\n <div class=\"age-group\"></div>\n </div>\n </div>\n <div class=\"input-group\">\n <div class=\"input-group--inner babiesAge-group-list\">\n <label class=\"input-group--label\" for=\"babies1\"\n >Beb\u00E9s</label\n >\n <select\n class=\"select-control\"\n name=\"Beb\u00E9s\"\n id=\"babies1\"\n >\n <option value=\"0\" selected>00</option>\n <option value=\"1\">01</option>\n <option value=\"2\">02</option>\n <option value=\"3\">03</option>\n <option value=\"4\">04</option>\n </select>\n <span class=\"input-group--icon\">\n <svg\n aria-hidden=\"true\"\n class=\"baby\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </span>\n </div>\n </div>\n <div class=\"btn__group\">\n <button\n type=\"submit\"\n class=\"btn btn__secondary js-apply-guests1\"\n role=\"button\"\n >\n <span>Aplica</span>\n </button>\n </div>\n </div>\n <div class=\"input-group\">\n <label class=\"input-group--label\" for=\"email\"\n >Promo code</label\n >\n <input\n type=\"text\"\n class=\"input-control\"\n name=\"email\"\n id=\"email\"\n placeholder=\"...\"\n />\n <span class=\"input-group--icon\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-promo.svg#icon-promo\"\n ></use>\n </svg>\n </span>\n </div>\n <div class=\"btn__group\">\n <button type=\"submit\" class=\"btn btn__primary\">\n <span>Book Now!</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n</div>\n", styles: [":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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.modal{opacity:1!important;pointer-events:all!important}.modal.modal__reservar{background:#fff;display:flex;isolation:isolate}.modal--open.reservar .modal.modal__reservar{opacity:1;pointer-events:auto}.modal.modal__reservar .modal__inner{display:flex;justify-content:center;width:100%;position:relative}.modal.modal__reservar .modal__box{overflow-x:clip;padding-block:6rem 15.3rem;width:100%;background:#fff;display:flex;flex-direction:column;gap:3rem;align-items:center;height:max-content;min-height:100%}@media (min-width: 540px){.modal.modal__reservar .modal__box{padding-block:6rem 14.3rem;gap:4rem}}@media (min-width: 768px){.modal.modal__reservar .modal__box{max-width:48rem;padding-block:10rem 18.505rem;gap:5rem}}@media (min-width: 1024px){.modal.modal__reservar .modal__box{padding-block:10rem}}@media (min-width: 1680px){.modal.modal__reservar .modal__box{max-width:60rem;padding-block:13rem}}@media (min-width: 1800px){.modal.modal__reservar .modal__box{padding-block:18rem}}.modal.modal__reservar .modal__box h2{text-align:center;width:min-content;font-size:4.6rem;line-height:1}@media (min-width: 540px){.modal.modal__reservar .modal__box h2{font-size:6.4rem;line-height:1}}@media (min-width: 768px){.modal.modal__reservar .modal__box h2{font-size:8rem;line-height:1}}@media (min-width: 1680px){.modal.modal__reservar .modal__box h2{font-size:9rem;line-height:1}}.modal.modal__reservar .modal__close{top:2rem}@media (min-width: 540px){.modal.modal__reservar .modal__close{top:3rem;right:3rem}}@media (min-width: 768px){.modal.modal__reservar .modal__close{top:4rem;right:4rem}}@media (min-width: 1024px){.modal.modal__reservar .modal__close{top:3rem;right:3rem}}@media (min-width: 1680px){.modal.modal__reservar .modal__close{top:5rem;right:5rem}}.modal.modal__reservar .modal__reservar-graphic{opacity:0;pointer-events:none;position:fixed;inset:0;z-index:-1;overflow:clip}@media (min-width: 1024px){.modal.modal__reservar .modal__reservar-graphic{opacity:1}}.modal.modal__reservar .modal__reservar-graphic img{animation:zoomInOut 5s infinite ease-in-out;transform-origin:center}.modal.modal__reservar .modal__reservar-form .btn__group{justify-content:center}.modal.modal__reservar .modal__reservar-form{display:flex;flex-direction:column;gap:3rem;width:100%;max-width:28rem}.modal.modal__reservar .modal__reservar-form .sub-fields{display:none;background:#f9f8f5;transform:translateY(-1rem);margin-inline:-20rem;padding:3rem 20rem}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group{margin-bottom:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .select-control,.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-control{border-color:#dcdcdc;background:#fff}.modal.modal__reservar .modal__reservar-form .sub-fields>.input-group .input-group--label{padding-top:1.1rem;padding-bottom:3.2rem;line-height:1;background:transparent}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group-box{display:none;margin-top:2rem;background:#fff;padding:2.5rem 2rem 2.4rem 1.8rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group-box--heading{font-size:1.6rem;line-height:1;text-transform:uppercase;margin-bottom:2rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner{position:relative}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .select-control{height:3.8rem;padding:1rem 2rem 1rem 1rem}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .label{font-size:1.4rem;line-height:1;margin-bottom:.6rem;display:block}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .input-group--icon{top:3.2rem;right:1rem;transform:translateY(0)}.modal.modal__reservar .modal__reservar-form .sub-fields .age-group .input-group-inner .input-group--icon svg.down-arrow{display:block!important}.modal.modal__reservar .modal__reservar-form .sub-fields[style=\"display: block;\"]{display:flex!important;flex-direction:column}.js-personas-subfields.final .input-group--label{padding-top:1.1rem;padding-bottom:3.2rem;line-height:1;background:transparent}\n"] }]
|
|
1296
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { datepicker: [{
|
|
1297
|
+
type: ViewChild,
|
|
1298
|
+
args: ['datepicker']
|
|
1299
|
+
}], datepickerIn: [{
|
|
1300
|
+
type: ViewChild,
|
|
1301
|
+
args: ['datepickerIn']
|
|
1302
|
+
}], datepickerOut: [{
|
|
1303
|
+
type: ViewChild,
|
|
1304
|
+
args: ['datepickerOut']
|
|
1305
|
+
}], modal: [{
|
|
1306
|
+
type: Input
|
|
1307
|
+
}], close: [{
|
|
1308
|
+
type: Output
|
|
1309
|
+
}] } });
|
|
1310
|
+
|
|
1311
|
+
class BabylonLanguageModalV2Component {
|
|
1312
|
+
constructor() {
|
|
1313
|
+
this.languageSelect = new EventEmitter();
|
|
1314
|
+
this.languages = ['inglés', 'alemán', 'español', 'frances'];
|
|
1315
|
+
this.selected = 'español';
|
|
1316
|
+
this.dialogRef = inject(MatDialogRef);
|
|
1317
|
+
}
|
|
1318
|
+
selectLanguage(language) {
|
|
1319
|
+
this.selected = language;
|
|
1320
|
+
this.languageSelect.emit(language);
|
|
1321
|
+
}
|
|
1322
|
+
close() {
|
|
1323
|
+
this.dialogRef.close();
|
|
1324
|
+
}
|
|
1325
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLanguageModalV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1326
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonLanguageModalV2Component, isStandalone: true, selector: "lib-babylon-language-modal-v2", outputs: { languageSelect: "languageSelect" }, ngImport: i0, template: "<div class=\"modal modal__language\">\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"language\"\n role=\"button\"\n (click)=\"close()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/icon-close.svg#icon-close\"></use>\n </svg>\n </div>\n <div class=\"modal__box\">\n <div class=\"modal__check-list--outer\">\n <h2 class=\"modal__title\">Selecciona un idioma</h2>\n <div class=\"modal__check-list\">\n <div>\n <label\n class=\"switch\"\n role=\"button\"\n (btnClick)=\"close()\"\n >\n <input type=\"radio\" checked=\"\" name=\"lang\" />\n <div class=\"btn btn__primary\">\n <span>Ingl\u00E9s</span>\n </div>\n </label>\n </div>\n <div>\n <label\n class=\"switch\"\n role=\"button\"\n (btnClick)=\"close()\"\n >\n <input type=\"radio\" name=\"lang\" />\n <div class=\"btn btn__primary\">\n <span>Alem\u00E1n</span>\n </div>\n </label>\n </div>\n <div>\n <label\n class=\"switch\"\n role=\"button\"\n (btnClick)=\"close()\"\n >\n <input type=\"radio\" name=\"lang\" />\n <div class=\"btn btn__primary\">\n <span>Frances</span>\n </div>\n </label>\n </div>\n <div>\n <label\n class=\"switch\"\n role=\"button\"\n (btnClick)=\"close()\"\n >\n <input type=\"radio\" name=\"lang\" />\n <div class=\"btn btn__primary\">\n <span>Espa\u00F1ol</span>\n </div>\n </label>\n </div>\n </div>\n </div>\n </div>\n <figure class=\"modal__language--graphic\">\n <img src=\"/assets/babylon/images/img-36.webp\" />\n </figure>\n </div>\n</div>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.modal{opacity:1!important;pointer-events:all!important}.modal.modal__language{background:#fff}.modal--open.language .modal.modal__language{opacity:1;pointer-events:auto}.modal.modal__language .modal__inner{display:flex;min-height:100%;flex-direction:column}.modal.modal__language .modal__box{flex:1 1 auto;display:flex;width:100%;justify-content:center;padding-block:8rem}@media (min-width: 540px){.modal.modal__language .modal__box{padding-block:10rem}}@media (min-width: 768px){.modal.modal__language .modal__box{padding-block:18rem}}@media (min-width: 1024px){.modal.modal__language .modal__box{padding-block:11rem}}@media (min-width: 1680px){.modal.modal__language .modal__box{align-items:center;padding-top:0}}.modal.modal__language .modal__language--graphic{width:100%;flex:0 0 auto;aspect-ratio:375/125;position:relative}@media (min-width: 1024px){.modal.modal__language .modal__language--graphic{aspect-ratio:1024/265}}@media (min-width: 1280px){.modal.modal__language .modal__language--graphic{aspect-ratio:unset;width:100%;height:28.8rem}}@media (min-width: 1680px){.modal.modal__language .modal__language--graphic{height:36.2rem}}@media (min-width: 1800px){.modal.modal__language .modal__language--graphic{height:50vh}}.modal.modal__language .modal__language--graphic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.modal.modal__language .modal__title{font-size:1.6rem;line-height:1;letter-spacing:.064rem;text-transform:uppercase}@media (min-width: 540px){.modal.modal__language .modal__title{font-size:1.7rem;line-height:1;letter-spacing:.17rem}}@media (min-width: 768px){.modal.modal__language .modal__title{font-size:2rem;line-height:1}}@media (min-width: 1280px){.modal.modal__language .modal__title{letter-spacing:.3rem}}@media (min-width: 1366px){.modal.modal__language .modal__title{letter-spacing:.2rem}}@media (min-width: 1680px){.modal.modal__language .modal__title{letter-spacing:.3rem;font-size:2rem;line-height:.7;position:absolute;right:100%;top:50%;transform:translate(-15.2rem,-50%);width:max-content}}@media (min-width: 1800px){.modal.modal__language .modal__title{transform:translate(-16.2rem,-50%)}}.modal.modal__language .modal__check-list{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 540px){.modal.modal__language .modal__check-list{gap:3rem}}@media (min-width: 1024px){.modal.modal__language .modal__check-list{grid-template-columns:repeat(2,1fr)}}.modal.modal__language .modal__check-list--outer{display:flex;flex-direction:column;align-items:center;position:relative;gap:4rem}@media (min-width: 540px){.modal.modal__language .modal__check-list--outer{gap:5rem}}@media (min-width: 768px){.modal.modal__language .modal__check-list--outer{gap:6rem}}.modal.modal__language .modal__check-list .btn:not(:hover){opacity:.5}.modal.modal__language .modal__check-list label.switch{position:relative}.modal.modal__language .modal__check-list label.switch input{position:absolute;top:0;left:0}.modal.modal__language .modal__check-list label.switch input:checked+.btn{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1327
|
+
}
|
|
1328
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLanguageModalV2Component, decorators: [{
|
|
1329
|
+
type: Component,
|
|
1330
|
+
args: [{ selector: 'lib-babylon-language-modal-v2', standalone: true, imports: [CommonModule], template: "<div class=\"modal modal__language\">\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"language\"\n role=\"button\"\n (click)=\"close()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/icon-close.svg#icon-close\"></use>\n </svg>\n </div>\n <div class=\"modal__box\">\n <div class=\"modal__check-list--outer\">\n <h2 class=\"modal__title\">Selecciona un idioma</h2>\n <div class=\"modal__check-list\">\n <div>\n <label\n class=\"switch\"\n role=\"button\"\n (btnClick)=\"close()\"\n >\n <input type=\"radio\" checked=\"\" name=\"lang\" />\n <div class=\"btn btn__primary\">\n <span>Ingl\u00E9s</span>\n </div>\n </label>\n </div>\n <div>\n <label\n class=\"switch\"\n role=\"button\"\n (btnClick)=\"close()\"\n >\n <input type=\"radio\" name=\"lang\" />\n <div class=\"btn btn__primary\">\n <span>Alem\u00E1n</span>\n </div>\n </label>\n </div>\n <div>\n <label\n class=\"switch\"\n role=\"button\"\n (btnClick)=\"close()\"\n >\n <input type=\"radio\" name=\"lang\" />\n <div class=\"btn btn__primary\">\n <span>Frances</span>\n </div>\n </label>\n </div>\n <div>\n <label\n class=\"switch\"\n role=\"button\"\n (btnClick)=\"close()\"\n >\n <input type=\"radio\" name=\"lang\" />\n <div class=\"btn btn__primary\">\n <span>Espa\u00F1ol</span>\n </div>\n </label>\n </div>\n </div>\n </div>\n </div>\n <figure class=\"modal__language--graphic\">\n <img src=\"/assets/babylon/images/img-36.webp\" />\n </figure>\n </div>\n</div>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.modal{opacity:1!important;pointer-events:all!important}.modal.modal__language{background:#fff}.modal--open.language .modal.modal__language{opacity:1;pointer-events:auto}.modal.modal__language .modal__inner{display:flex;min-height:100%;flex-direction:column}.modal.modal__language .modal__box{flex:1 1 auto;display:flex;width:100%;justify-content:center;padding-block:8rem}@media (min-width: 540px){.modal.modal__language .modal__box{padding-block:10rem}}@media (min-width: 768px){.modal.modal__language .modal__box{padding-block:18rem}}@media (min-width: 1024px){.modal.modal__language .modal__box{padding-block:11rem}}@media (min-width: 1680px){.modal.modal__language .modal__box{align-items:center;padding-top:0}}.modal.modal__language .modal__language--graphic{width:100%;flex:0 0 auto;aspect-ratio:375/125;position:relative}@media (min-width: 1024px){.modal.modal__language .modal__language--graphic{aspect-ratio:1024/265}}@media (min-width: 1280px){.modal.modal__language .modal__language--graphic{aspect-ratio:unset;width:100%;height:28.8rem}}@media (min-width: 1680px){.modal.modal__language .modal__language--graphic{height:36.2rem}}@media (min-width: 1800px){.modal.modal__language .modal__language--graphic{height:50vh}}.modal.modal__language .modal__language--graphic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.modal.modal__language .modal__title{font-size:1.6rem;line-height:1;letter-spacing:.064rem;text-transform:uppercase}@media (min-width: 540px){.modal.modal__language .modal__title{font-size:1.7rem;line-height:1;letter-spacing:.17rem}}@media (min-width: 768px){.modal.modal__language .modal__title{font-size:2rem;line-height:1}}@media (min-width: 1280px){.modal.modal__language .modal__title{letter-spacing:.3rem}}@media (min-width: 1366px){.modal.modal__language .modal__title{letter-spacing:.2rem}}@media (min-width: 1680px){.modal.modal__language .modal__title{letter-spacing:.3rem;font-size:2rem;line-height:.7;position:absolute;right:100%;top:50%;transform:translate(-15.2rem,-50%);width:max-content}}@media (min-width: 1800px){.modal.modal__language .modal__title{transform:translate(-16.2rem,-50%)}}.modal.modal__language .modal__check-list{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 540px){.modal.modal__language .modal__check-list{gap:3rem}}@media (min-width: 1024px){.modal.modal__language .modal__check-list{grid-template-columns:repeat(2,1fr)}}.modal.modal__language .modal__check-list--outer{display:flex;flex-direction:column;align-items:center;position:relative;gap:4rem}@media (min-width: 540px){.modal.modal__language .modal__check-list--outer{gap:5rem}}@media (min-width: 768px){.modal.modal__language .modal__check-list--outer{gap:6rem}}.modal.modal__language .modal__check-list .btn:not(:hover){opacity:.5}.modal.modal__language .modal__check-list label.switch{position:relative}.modal.modal__language .modal__check-list label.switch input{position:absolute;top:0;left:0}.modal.modal__language .modal__check-list label.switch input:checked+.btn{opacity:1}\n"] }]
|
|
1331
|
+
}], propDecorators: { languageSelect: [{
|
|
1332
|
+
type: Output
|
|
1333
|
+
}] } });
|
|
1334
|
+
|
|
1335
|
+
class BabylonMenuModalComponent {
|
|
1336
|
+
constructor() {
|
|
1337
|
+
this.dialogRef = inject(MatDialogRef);
|
|
1338
|
+
}
|
|
1339
|
+
close() {
|
|
1340
|
+
this.dialogRef.close();
|
|
1341
|
+
}
|
|
1342
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonMenuModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1343
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonMenuModalComponent, isStandalone: true, selector: "lib-babylon-menu-modal", ngImport: i0, template: "<div class=\"modal modal__menu\">\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"menu\"\n role=\"button\"\n (click)=\"close()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/icon-close.svg#icon-close\"></use>\n </svg>\n </div>\n <div class=\"modal__box\">\n <div class=\"modal__menu-nav\">\n <ul>\n <li class=\"modal__menu-item\">\n <a href=\"#/hotel\">\n <span class=\"modal__menu-nav--graphics\">\n <figure\n role=\"img\"\n class=\"modal__menu-item--img left\"\n >\n <img\n src=\"/assets/babylon/images/img-38.webp\"\n />\n </figure>\n <figure\n role=\"img\"\n class=\"modal__menu-item--img right\"\n >\n <img\n src=\"/assets/babylon/images/img-39.webp\"\n />\n </figure>\n </span>\n <span>Hotel</span>\n </a>\n </li>\n <li class=\"modal__menu-item\">\n <a href=\"#/rooms-list\">\n <span class=\"modal__menu-nav--graphics\">\n <figure\n role=\"img\"\n class=\"modal__menu-item--img left\"\n >\n <img\n src=\"/assets/babylon/images/img-32.webp\"\n />\n </figure>\n <figure\n role=\"img\"\n class=\"modal__menu-item--img right\"\n >\n <img\n src=\"/assets/babylon/images/img-33.webp\"\n />\n </figure>\n </span>\n <span>Habitaciones</span>\n </a>\n </li>\n <li class=\"modal__menu-item\">\n <a href=\"/\">\n <span class=\"modal__menu-nav--graphics\">\n <figure\n role=\"img\"\n class=\"modal__menu-item--img left\"\n >\n <img\n src=\"/assets/babylon/images/img-28.webp\"\n />\n </figure>\n <figure\n role=\"img\"\n class=\"modal__menu-item--img right\"\n >\n <img\n src=\"/assets/babylon/images/img-29.webp\"\n />\n </figure>\n </span>\n <span>Gastronom\u00EDa</span>\n </a>\n </li>\n <li class=\"modal__menu-item\">\n <a href=\"#/loyalty\">\n <span class=\"modal__menu-nav--graphics\">\n <figure\n role=\"img\"\n class=\"modal__menu-item--img left\"\n >\n <img\n src=\"/assets/babylon/images/img-19.webp\"\n />\n </figure>\n <figure\n role=\"img\"\n class=\"modal__menu-item--img right\"\n >\n <img\n src=\"/assets/babylon/images/img-20.webp\"\n />\n </figure>\n </span>\n <span>Loyalty</span>\n </a>\n </li>\n <li class=\"modal__menu-item\">\n <a href=\"#/gallery\">\n <span class=\"modal__menu-nav--graphics\">\n <figure\n role=\"img\"\n class=\"modal__menu-item--img left\"\n >\n <img\n src=\"/assets/babylon/images/img-8.webp\"\n />\n </figure>\n <figure\n role=\"img\"\n class=\"modal__menu-item--img right\"\n >\n <img\n src=\"/assets/babylon/images/img-10.webp\"\n />\n </figure>\n </span>\n <span>Galer\u00EDa</span>\n </a>\n </li>\n <li class=\"modal__menu-item\">\n <a href=\"/\">\n <span class=\"modal__menu-nav--graphics\">\n <figure\n role=\"img\"\n class=\"modal__menu-item--img left\"\n >\n <img\n src=\"/assets/babylon/images/img-26.webp\"\n />\n </figure>\n <figure\n role=\"img\"\n class=\"modal__menu-item--img right\"\n >\n <img\n src=\"/assets/babylon/images/img-27.webp\"\n />\n </figure>\n </span>\n <span>Formentera</span>\n </a>\n </li>\n </ul>\n <ul class=\"morelinks\">\n <li><a href=\"#/offers-list\">Alquileres</a></li>\n <li><a href=\"#/offers-list-v2\">PROMOCIONES</a></li>\n <li><a href=\"#/contact\">CONTACTO</a></li>\n </ul>\n </div>\n </div>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"modal__inner--graphic left\"\n >\n <use href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"></use>\n </svg>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"modal__inner--graphic right\"\n >\n <use href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"></use>\n </svg>\n </div>\n</div>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.modal{opacity:1!important;pointer-events:all!important}.modal.modal__menu{background:#fff;display:flex;isolation:isolate}.modal--open.menu .modal.modal__menu{opacity:1;pointer-events:auto}.modal.modal__menu .modal__inner{padding:4.8rem 4.1rem 15.3rem 4rem;display:flex;width:100%}@media (min-width: 540px){.modal.modal__menu .modal__inner{padding:7.554rem 6.8rem 14.3rem 6rem}}@media (min-width: 768px){.modal.modal__menu .modal__inner{padding:10.1rem 10.6rem 18.505rem 9rem}}@media (min-width: 1024px){.modal.modal__menu .modal__inner{justify-content:center;padding:11rem 0}}@media (min-width: 1366px){.modal.modal__menu .modal__inner{padding-block:11.7rem}}@media (min-width: 1680px){.modal.modal__menu .modal__inner{padding-block:7.3rem}}@media (min-width: 1800px){.modal.modal__menu .modal__inner{padding-block:12.7rem}}.modal.modal__menu .modal__inner--graphic{position:fixed;top:50%;transform:translatey(-50%);width:6rem;aspect-ratio:2/1;display:none;color:#fff}@media (min-width: 540px){.modal.modal__menu .modal__inner--graphic{width:10rem}}@media (min-width: 1024px){.modal.modal__menu .modal__inner--graphic{display:block}}.modal.modal__menu .modal__inner--graphic.left{left:0}@media (min-width: 1024px){.modal.modal__menu .modal__inner--graphic.left{transform:translate(13.7rem,-50%) rotate(90deg)}}@media (min-width: 1280px){.modal.modal__menu .modal__inner--graphic.left{transform:translate(18.435rem,-50%) rotate(90deg)}}@media (min-width: 1366px){.modal.modal__menu .modal__inner--graphic.left{transform:translate(20.139rem,-50%) rotate(90deg)}}@media (min-width: 1680px){.modal.modal__menu .modal__inner--graphic.left{transform:translate(26.5rem,-50%) rotate(90deg)}}.modal.modal__menu .modal__inner--graphic.right{right:0}@media (min-width: 1024px){.modal.modal__menu .modal__inner--graphic.right{transform:translate(-13.7rem,-50%) rotate(-90deg)}}@media (min-width: 1280px){.modal.modal__menu .modal__inner--graphic.right{transform:translate(-18.435rem,-50%) rotate(-90deg)}}@media (min-width: 1366px){.modal.modal__menu .modal__inner--graphic.right{transform:translate(-20.139rem,-50%) rotate(-90deg)}}@media (min-width: 1680px){.modal.modal__menu .modal__inner--graphic.right{transform:translate(-26.5rem,-50%) rotate(-90deg)}}.modal.modal__menu .modal__close{top:2rem}@media (min-width: 540px){.modal.modal__menu .modal__close{top:3rem;right:3rem}}@media (min-width: 768px){.modal.modal__menu .modal__close{top:4rem;right:4rem}}@media (min-width: 1024px){.modal.modal__menu .modal__close{top:3rem;right:3rem}}@media (min-width: 1680px){.modal.modal__menu .modal__close{top:5rem;right:5rem}}.modal.modal__menu .modal__menu-nav{display:flex;flex-direction:column;gap:2.565rem}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav{gap:2.5rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav{gap:4rem}}@media (min-width: 1024px){.modal.modal__menu .modal__menu-nav{text-align:center;gap:7rem;align-items:center}}@media (min-width: 1680px){.modal.modal__menu .modal__menu-nav{gap:9rem}}.modal.modal__menu .modal__menu-nav li{opacity:1;transition:all .5s}.modal.modal__menu .modal__menu-nav ul:not(.morelinks){width:100%}@media (min-width: 1024px){.modal.modal__menu .modal__menu-nav ul:not(.morelinks){max-width:53.4rem}}@media (min-width: 1680px){.modal.modal__menu .modal__menu-nav ul:not(.morelinks){max-width:60.2rem}}.modal.modal__menu .modal__menu-nav ul:not(.morelinks) li{font-size:3.6rem;line-height:1.6666666667}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav ul:not(.morelinks) li{font-size:5rem;line-height:1.52}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav ul:not(.morelinks) li{font-size:7rem;line-height:1.4285714286}}@media (min-width: 1024px){.modal.modal__menu .modal__menu-nav ul:not(.morelinks) li{font-size:7rem;line-height:1.1428571429}}@media (min-width: 1680px){.modal.modal__menu .modal__menu-nav ul:not(.morelinks) li{font-size:9rem;line-height:1.1111111111}}.modal.modal__menu .modal__menu-nav .morelinks{display:flex;flex-direction:column;row-gap:3rem;text-transform:uppercase;color:#4a4a49;padding-left:5.3rem}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav .morelinks{padding-left:7.7rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav .morelinks{padding-left:10.4rem}}@media (min-width: 1024px){.modal.modal__menu .modal__menu-nav .morelinks{padding-left:0;flex-direction:row;flex-wrap:wrap;column-gap:7rem}}@media (min-width: 1680px){.modal.modal__menu .modal__menu-nav .morelinks{column-gap:12rem}}.modal.modal__menu .modal__menu-nav .morelinks li{font-size:1.6rem;line-height:1;letter-spacing:.064rem}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav .morelinks li{font-size:1.7rem;line-height:1;letter-spacing:.17rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav .morelinks li{font-size:2rem;line-height:1}}@media (min-width: 1680px){.modal.modal__menu .modal__menu-nav .morelinks li{column-gap:12rem;letter-spacing:.3rem}}.modal.modal__menu .modal__menu-nav .morelinks a{color:inherit}@media (min-width: 1024px){.modal.modal__menu .modal__menu-nav:hover li{opacity:.4}.modal.modal__menu .modal__menu-nav:hover li:hover{opacity:1}.modal.modal__menu .modal__menu-nav:hover li:hover .left,.modal.modal__menu .modal__menu-nav:hover li:hover .right{transform:translate(0)}}.modal.modal__menu .modal__menu-nav--graphics{position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);display:flex;justify-content:space-between;left:0;width:4.09rem;z-index:-1}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav--graphics{width:5.7rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav--graphics{width:7.4rem}}@media (min-width: 1024px){.modal.modal__menu .modal__menu-nav--graphics{position:fixed;right:0;width:unset;overflow:clip}}.modal.modal__menu .modal__menu-item{position:relative;padding-left:5.3rem}@media (min-width: 540px){.modal.modal__menu .modal__menu-item{padding-left:7.7rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-item{padding-left:10.4rem}}@media (min-width: 1024px){.modal.modal__menu .modal__menu-item{padding-left:0}}.modal.modal__menu .modal__menu-item--img{aspect-ratio:40.9/47.35;max-width:4.09rem;transition:all .5s}@media (min-width: 540px){.modal.modal__menu .modal__menu-item--img{max-width:5.7rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-item--img{max-width:7.4rem}}@media (min-width: 1024px){.modal.modal__menu .modal__menu-item--img{max-width:21.2rem;aspect-ratio:212/274}}@media (min-width: 1280px){.modal.modal__menu .modal__menu-item--img{max-width:25.935rem}}@media (min-width: 1366px){.modal.modal__menu .modal__menu-item--img{max-width:27.639rem}}@media (min-width: 1680px){.modal.modal__menu .modal__menu-item--img{max-width:34rem}}.modal.modal__menu .modal__menu-item--img.left{display:none}@media (min-width: 1024px){.modal.modal__menu .modal__menu-item--img.left{display:block;transform:translate(-100%)}}@media (min-width: 1024px){.modal.modal__menu .modal__menu-item--img.right{transform:translate(100%)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
1344
|
+
}
|
|
1345
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonMenuModalComponent, decorators: [{
|
|
1346
|
+
type: Component,
|
|
1347
|
+
args: [{ selector: 'lib-babylon-menu-modal', standalone: true, imports: [CommonModule], template: "<div class=\"modal modal__menu\">\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"menu\"\n role=\"button\"\n (click)=\"close()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/icon-close.svg#icon-close\"></use>\n </svg>\n </div>\n <div class=\"modal__box\">\n <div class=\"modal__menu-nav\">\n <ul>\n <li class=\"modal__menu-item\">\n <a href=\"#/hotel\">\n <span class=\"modal__menu-nav--graphics\">\n <figure\n role=\"img\"\n class=\"modal__menu-item--img left\"\n >\n <img\n src=\"/assets/babylon/images/img-38.webp\"\n />\n </figure>\n <figure\n role=\"img\"\n class=\"modal__menu-item--img right\"\n >\n <img\n src=\"/assets/babylon/images/img-39.webp\"\n />\n </figure>\n </span>\n <span>Hotel</span>\n </a>\n </li>\n <li class=\"modal__menu-item\">\n <a href=\"#/rooms-list\">\n <span class=\"modal__menu-nav--graphics\">\n <figure\n role=\"img\"\n class=\"modal__menu-item--img left\"\n >\n <img\n src=\"/assets/babylon/images/img-32.webp\"\n />\n </figure>\n <figure\n role=\"img\"\n class=\"modal__menu-item--img right\"\n >\n <img\n src=\"/assets/babylon/images/img-33.webp\"\n />\n </figure>\n </span>\n <span>Habitaciones</span>\n </a>\n </li>\n <li class=\"modal__menu-item\">\n <a href=\"/\">\n <span class=\"modal__menu-nav--graphics\">\n <figure\n role=\"img\"\n class=\"modal__menu-item--img left\"\n >\n <img\n src=\"/assets/babylon/images/img-28.webp\"\n />\n </figure>\n <figure\n role=\"img\"\n class=\"modal__menu-item--img right\"\n >\n <img\n src=\"/assets/babylon/images/img-29.webp\"\n />\n </figure>\n </span>\n <span>Gastronom\u00EDa</span>\n </a>\n </li>\n <li class=\"modal__menu-item\">\n <a href=\"#/loyalty\">\n <span class=\"modal__menu-nav--graphics\">\n <figure\n role=\"img\"\n class=\"modal__menu-item--img left\"\n >\n <img\n src=\"/assets/babylon/images/img-19.webp\"\n />\n </figure>\n <figure\n role=\"img\"\n class=\"modal__menu-item--img right\"\n >\n <img\n src=\"/assets/babylon/images/img-20.webp\"\n />\n </figure>\n </span>\n <span>Loyalty</span>\n </a>\n </li>\n <li class=\"modal__menu-item\">\n <a href=\"#/gallery\">\n <span class=\"modal__menu-nav--graphics\">\n <figure\n role=\"img\"\n class=\"modal__menu-item--img left\"\n >\n <img\n src=\"/assets/babylon/images/img-8.webp\"\n />\n </figure>\n <figure\n role=\"img\"\n class=\"modal__menu-item--img right\"\n >\n <img\n src=\"/assets/babylon/images/img-10.webp\"\n />\n </figure>\n </span>\n <span>Galer\u00EDa</span>\n </a>\n </li>\n <li class=\"modal__menu-item\">\n <a href=\"/\">\n <span class=\"modal__menu-nav--graphics\">\n <figure\n role=\"img\"\n class=\"modal__menu-item--img left\"\n >\n <img\n src=\"/assets/babylon/images/img-26.webp\"\n />\n </figure>\n <figure\n role=\"img\"\n class=\"modal__menu-item--img right\"\n >\n <img\n src=\"/assets/babylon/images/img-27.webp\"\n />\n </figure>\n </span>\n <span>Formentera</span>\n </a>\n </li>\n </ul>\n <ul class=\"morelinks\">\n <li><a href=\"#/offers-list\">Alquileres</a></li>\n <li><a href=\"#/offers-list-v2\">PROMOCIONES</a></li>\n <li><a href=\"#/contact\">CONTACTO</a></li>\n </ul>\n </div>\n </div>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"modal__inner--graphic left\"\n >\n <use href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"></use>\n </svg>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"modal__inner--graphic right\"\n >\n <use href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"></use>\n </svg>\n </div>\n</div>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.modal{opacity:1!important;pointer-events:all!important}.modal.modal__menu{background:#fff;display:flex;isolation:isolate}.modal--open.menu .modal.modal__menu{opacity:1;pointer-events:auto}.modal.modal__menu .modal__inner{padding:4.8rem 4.1rem 15.3rem 4rem;display:flex;width:100%}@media (min-width: 540px){.modal.modal__menu .modal__inner{padding:7.554rem 6.8rem 14.3rem 6rem}}@media (min-width: 768px){.modal.modal__menu .modal__inner{padding:10.1rem 10.6rem 18.505rem 9rem}}@media (min-width: 1024px){.modal.modal__menu .modal__inner{justify-content:center;padding:11rem 0}}@media (min-width: 1366px){.modal.modal__menu .modal__inner{padding-block:11.7rem}}@media (min-width: 1680px){.modal.modal__menu .modal__inner{padding-block:7.3rem}}@media (min-width: 1800px){.modal.modal__menu .modal__inner{padding-block:12.7rem}}.modal.modal__menu .modal__inner--graphic{position:fixed;top:50%;transform:translatey(-50%);width:6rem;aspect-ratio:2/1;display:none;color:#fff}@media (min-width: 540px){.modal.modal__menu .modal__inner--graphic{width:10rem}}@media (min-width: 1024px){.modal.modal__menu .modal__inner--graphic{display:block}}.modal.modal__menu .modal__inner--graphic.left{left:0}@media (min-width: 1024px){.modal.modal__menu .modal__inner--graphic.left{transform:translate(13.7rem,-50%) rotate(90deg)}}@media (min-width: 1280px){.modal.modal__menu .modal__inner--graphic.left{transform:translate(18.435rem,-50%) rotate(90deg)}}@media (min-width: 1366px){.modal.modal__menu .modal__inner--graphic.left{transform:translate(20.139rem,-50%) rotate(90deg)}}@media (min-width: 1680px){.modal.modal__menu .modal__inner--graphic.left{transform:translate(26.5rem,-50%) rotate(90deg)}}.modal.modal__menu .modal__inner--graphic.right{right:0}@media (min-width: 1024px){.modal.modal__menu .modal__inner--graphic.right{transform:translate(-13.7rem,-50%) rotate(-90deg)}}@media (min-width: 1280px){.modal.modal__menu .modal__inner--graphic.right{transform:translate(-18.435rem,-50%) rotate(-90deg)}}@media (min-width: 1366px){.modal.modal__menu .modal__inner--graphic.right{transform:translate(-20.139rem,-50%) rotate(-90deg)}}@media (min-width: 1680px){.modal.modal__menu .modal__inner--graphic.right{transform:translate(-26.5rem,-50%) rotate(-90deg)}}.modal.modal__menu .modal__close{top:2rem}@media (min-width: 540px){.modal.modal__menu .modal__close{top:3rem;right:3rem}}@media (min-width: 768px){.modal.modal__menu .modal__close{top:4rem;right:4rem}}@media (min-width: 1024px){.modal.modal__menu .modal__close{top:3rem;right:3rem}}@media (min-width: 1680px){.modal.modal__menu .modal__close{top:5rem;right:5rem}}.modal.modal__menu .modal__menu-nav{display:flex;flex-direction:column;gap:2.565rem}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav{gap:2.5rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav{gap:4rem}}@media (min-width: 1024px){.modal.modal__menu .modal__menu-nav{text-align:center;gap:7rem;align-items:center}}@media (min-width: 1680px){.modal.modal__menu .modal__menu-nav{gap:9rem}}.modal.modal__menu .modal__menu-nav li{opacity:1;transition:all .5s}.modal.modal__menu .modal__menu-nav ul:not(.morelinks){width:100%}@media (min-width: 1024px){.modal.modal__menu .modal__menu-nav ul:not(.morelinks){max-width:53.4rem}}@media (min-width: 1680px){.modal.modal__menu .modal__menu-nav ul:not(.morelinks){max-width:60.2rem}}.modal.modal__menu .modal__menu-nav ul:not(.morelinks) li{font-size:3.6rem;line-height:1.6666666667}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav ul:not(.morelinks) li{font-size:5rem;line-height:1.52}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav ul:not(.morelinks) li{font-size:7rem;line-height:1.4285714286}}@media (min-width: 1024px){.modal.modal__menu .modal__menu-nav ul:not(.morelinks) li{font-size:7rem;line-height:1.1428571429}}@media (min-width: 1680px){.modal.modal__menu .modal__menu-nav ul:not(.morelinks) li{font-size:9rem;line-height:1.1111111111}}.modal.modal__menu .modal__menu-nav .morelinks{display:flex;flex-direction:column;row-gap:3rem;text-transform:uppercase;color:#4a4a49;padding-left:5.3rem}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav .morelinks{padding-left:7.7rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav .morelinks{padding-left:10.4rem}}@media (min-width: 1024px){.modal.modal__menu .modal__menu-nav .morelinks{padding-left:0;flex-direction:row;flex-wrap:wrap;column-gap:7rem}}@media (min-width: 1680px){.modal.modal__menu .modal__menu-nav .morelinks{column-gap:12rem}}.modal.modal__menu .modal__menu-nav .morelinks li{font-size:1.6rem;line-height:1;letter-spacing:.064rem}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav .morelinks li{font-size:1.7rem;line-height:1;letter-spacing:.17rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav .morelinks li{font-size:2rem;line-height:1}}@media (min-width: 1680px){.modal.modal__menu .modal__menu-nav .morelinks li{column-gap:12rem;letter-spacing:.3rem}}.modal.modal__menu .modal__menu-nav .morelinks a{color:inherit}@media (min-width: 1024px){.modal.modal__menu .modal__menu-nav:hover li{opacity:.4}.modal.modal__menu .modal__menu-nav:hover li:hover{opacity:1}.modal.modal__menu .modal__menu-nav:hover li:hover .left,.modal.modal__menu .modal__menu-nav:hover li:hover .right{transform:translate(0)}}.modal.modal__menu .modal__menu-nav--graphics{position:absolute;top:50%;pointer-events:none;transform:translateY(-50%);display:flex;justify-content:space-between;left:0;width:4.09rem;z-index:-1}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav--graphics{width:5.7rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav--graphics{width:7.4rem}}@media (min-width: 1024px){.modal.modal__menu .modal__menu-nav--graphics{position:fixed;right:0;width:unset;overflow:clip}}.modal.modal__menu .modal__menu-item{position:relative;padding-left:5.3rem}@media (min-width: 540px){.modal.modal__menu .modal__menu-item{padding-left:7.7rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-item{padding-left:10.4rem}}@media (min-width: 1024px){.modal.modal__menu .modal__menu-item{padding-left:0}}.modal.modal__menu .modal__menu-item--img{aspect-ratio:40.9/47.35;max-width:4.09rem;transition:all .5s}@media (min-width: 540px){.modal.modal__menu .modal__menu-item--img{max-width:5.7rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-item--img{max-width:7.4rem}}@media (min-width: 1024px){.modal.modal__menu .modal__menu-item--img{max-width:21.2rem;aspect-ratio:212/274}}@media (min-width: 1280px){.modal.modal__menu .modal__menu-item--img{max-width:25.935rem}}@media (min-width: 1366px){.modal.modal__menu .modal__menu-item--img{max-width:27.639rem}}@media (min-width: 1680px){.modal.modal__menu .modal__menu-item--img{max-width:34rem}}.modal.modal__menu .modal__menu-item--img.left{display:none}@media (min-width: 1024px){.modal.modal__menu .modal__menu-item--img.left{display:block;transform:translate(-100%)}}@media (min-width: 1024px){.modal.modal__menu .modal__menu-item--img.right{transform:translate(100%)}}\n"] }]
|
|
1348
|
+
}] });
|
|
1349
|
+
|
|
1229
1350
|
class BabylonHeaderClearV2Component {
|
|
1230
1351
|
constructor(dialog, screenSizer) {
|
|
1231
1352
|
this.dialog = dialog;
|
|
@@ -1233,7 +1354,7 @@ class BabylonHeaderClearV2Component {
|
|
|
1233
1354
|
this.headerFixed = false;
|
|
1234
1355
|
}
|
|
1235
1356
|
openEngineModal() {
|
|
1236
|
-
const dialogRef = this.dialog.open(
|
|
1357
|
+
const dialogRef = this.dialog.open(BabylonEngineModalV2Component, {
|
|
1237
1358
|
width: '100vw',
|
|
1238
1359
|
height: '100vh',
|
|
1239
1360
|
maxWidth: '100vw',
|
|
@@ -1246,7 +1367,15 @@ class BabylonHeaderClearV2Component {
|
|
|
1246
1367
|
dialogRef.componentInstance.close = event;
|
|
1247
1368
|
}
|
|
1248
1369
|
openLanguageModal() {
|
|
1249
|
-
const dialogRef = this.dialog.open(
|
|
1370
|
+
const dialogRef = this.dialog.open(BabylonLanguageModalV2Component, {
|
|
1371
|
+
width: '100vw',
|
|
1372
|
+
height: '100vh',
|
|
1373
|
+
maxWidth: '100vw',
|
|
1374
|
+
hasBackdrop: true,
|
|
1375
|
+
});
|
|
1376
|
+
}
|
|
1377
|
+
openMenuModal() {
|
|
1378
|
+
const dialogRef = this.dialog.open(BabylonMenuModalComponent, {
|
|
1250
1379
|
width: '100vw',
|
|
1251
1380
|
height: '100vh',
|
|
1252
1381
|
maxWidth: '100vw',
|
|
@@ -1274,11 +1403,11 @@ class BabylonHeaderClearV2Component {
|
|
|
1274
1403
|
});
|
|
1275
1404
|
}
|
|
1276
1405
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeaderClearV2Component, deps: [{ token: i1$2.MatDialog }, { token: ScreenSizerService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1277
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonHeaderClearV2Component, isStandalone: true, selector: "lib-babylon-header-clear-v2", inputs: { headerFixed: "headerFixed" }, ngImport: i0, template: "<header class=\"header\">\n <div class=\"header__logo\">\n <a href=\"/homev4\">\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"header__logo--img\">\n <use\n href=\"/assets/babylon/svg/blanco-logo.svg#blanco-logo\"\n ></use>\n </svg>\n </a>\n </div>\n <div class=\"header__nav--desktop\">\n <span\n class=\"header__nav-lang js-active-modal\"\n data-modal_name=\"language\"\n role=\"button\"\n >\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav--arrow\"\n >\n <use href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"></use>\n </svg>\n <span>Idiomas</span>\n </span>\n <span\n class=\"header__nav-menu js-active-modal\"\n data-modal_name=\"menu\"\n role=\"button\"\n >Menu</span\n >\n <span\n class=\"header__nav-book js-active-modal\"\n data-modal_name=\"reservar\"\n role=\"button\"\n >Book</span\n >\n <span class=\"header__nav-club\" role=\"button\">\n <span>Club Blanco</span>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav--arrow\"\n >\n <use href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"></use>\n </svg>\n </span>\n </div>\n <div class=\"header__nav--mobile\">\n <span\n class=\"header__nav-menu js-active-modal\"\n data-modal_name=\"menu\"\n role=\"button\"\n >Menu</span\n >\n <span\n class=\"header__nav-book js-active-modal\"\n data-modal_name=\"reservar\"\n role=\"button\"\n >Book</span\n >\n <ul class=\"header__nav-links\">\n <!-- header__nav-links--currentColor -->\n <li\n class=\"header__nav-links--item js-active-modal\"\n data-modal_name=\"language\"\n role=\"button\"\n >\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav-links--icon\"\n >\n <use\n href=\"/assets/babylon/svg/icon-globe.svg#icon-globe\"\n ></use>\n </svg>\n </li>\n <!-- <li class=\"header__nav-links--item\">\n <a href=\"/\">\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"header__nav-links--icon\">\n <use href=\"#icon-whatsapp\"></use>\n </svg>\n </a>\n </li> -->\n <!-- <li class=\"header__nav-links--item js-active-modal\" data-modal_name=\"newsletter\">\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"header__nav-links--icon\">\n <use href=\"#icon-envelope\"></use>\n </svg>\n </li> -->\n <li class=\"header__nav-links--item\">\n <a href=\"/\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav-links--icon\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </a>\n </li>\n <li class=\"header__nav-links--item\">\n <a href=\"tel:'+34 971 328 451'\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav-links--icon\"\n >\n <use\n href=\"/assets/babylon/svg/icon-call.svg#icon-call\"\n ></use>\n </svg>\n </a>\n </li>\n </ul>\n </div>\n</header>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}body{padding-bottom:6.6rem;transition:all .5s}@media (min-width: 540px){body{padding-bottom:7.6rem}}@media (min-width: 768px){body{padding-bottom:8.6rem}}@media (min-width: 1024px){body{padding-bottom:0}}.header{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:center;z-index:2;padding-block:1.5rem;background:transparent;transition:all .5s;height:6rem}@media (min-width: 540px){.header{height:7rem}}@media (min-width: 768px){.header{height:8rem;opacity:1}}@media (min-width: 1024px){.header{padding-block:5rem;height:0;min-height:max-content}}@media (min-width: 1680px){.header{padding-block:6rem}}.header__logo{color:#616161;width:18.6rem;position:absolute;top:50%;left:50%;opacity:0;height:2.215rem;transform:translate(-50%,-50%);pointer-events:none;transition:all .5s}@media (min-width: 540px){.header__logo{width:22rem;height:2.619rem}}@media (min-width: 1024px){.header__logo{opacity:0;left:4rem;transform:translateY(-50%);width:18.6rem;height:2.215rem}}@media (min-width: 1280px){.header__logo{left:5rem}}@media (min-width: 1366px){.header__logo{left:6rem}}@media (min-width: 1680px){.header__logo{left:9rem}}@media (min-width: 1800px){.header__logo{left:10rem}}.header__logo--img{width:100%;height:100%}.header__nav--mobile{position:fixed;inset:auto 0 0;display:flex;color:#4a4a49;background:#fff;border-top:1px solid #dcdcdc;height:6.6rem;font-size:2.2rem;line-height:1;letter-spacing:.044rem}@media (min-width: 540px){.header__nav--mobile{height:7.6rem}}@media (min-width: 768px){.header__nav--mobile{height:8.6rem}}@media (min-width: 1024px){.header__nav--mobile{opacity:0;pointer-events:none}}@media (min-width: 1280px){.header__nav--mobile{display:none}}.header__nav--mobile span+span{border-left:1px solid #dcdcdc}.header__nav--mobile .header__nav-menu,.header__nav--mobile .header__nav-book{flex:1 0 50%;display:flex;justify-content:center;padding-top:2.2rem}@media (min-width: 540px){.header__nav--mobile .header__nav-menu,.header__nav--mobile .header__nav-book{padding-top:2.7rem}}@media (min-width: 768px){.header__nav--mobile .header__nav-menu,.header__nav--mobile .header__nav-book{padding-top:3.2rem}}.header__nav--mobile .header__nav-links{position:absolute;bottom:100%;left:50%;display:flex;gap:1.8rem;transform:translate(-50%,-1.3rem);border-radius:100vw;background:#4a4a49b3;padding-inline:1.2rem;color:#fff}@media (min-width: 540px){.header__nav--mobile .header__nav-links{transform:translate(-50%,-1.5rem)}}.header__nav--mobile .header__nav-links--item{width:4rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.header__nav--mobile .header__nav-links--icon{width:2rem;height:2rem}.header__nav--mobile .header__nav-links--white{background:#fff;border:1px solid #dcdcdc;color:#4a4a49}.header__nav--desktop{display:none;color:#fff;transition:all .5s}@media (min-width: 768px){.header__nav--desktop{display:flex;align-items:center;opacity:0;pointer-events:none}}@media (min-width: 1024px){.header__nav--desktop{opacity:1;pointer-events:initial}}.header__nav--desktop .header__nav-book,.header__nav--desktop .header__nav-menu,.header__nav--desktop .header__nav-lang,.header__nav--desktop .header__nav-club{opacity:.7}.header__nav--desktop:hover .header__nav-book,.header__nav--desktop:hover .header__nav-menu,.header__nav--desktop:hover .header__nav-lang,.header__nav--desktop:hover .header__nav-club{opacity:.5}.header__nav--desktop .header__nav-menu,.header__nav--desktop .header__nav-book{border:1px solid #4a4a49;width:20rem;height:5rem;transition:all .5s;font-size:2.2rem;line-height:1;letter-spacing:.044rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}@media (min-width: 1680px){.header__nav--desktop .header__nav-menu,.header__nav--desktop .header__nav-book{height:6rem}}.header__nav--desktop .header__nav-menu:hover,.header__nav--desktop .header__nav-book:hover{z-index:0}@media (min-width: 1024px){.header__nav--desktop .header__nav-menu:hover,.header__nav--desktop .header__nav-book:hover{background:#fff;color:#4a4a49}}.header__nav--desktop .header__nav-menu:has(+.header__nav-menu),.header__nav--desktop .header__nav-menu:has(+.header__nav-book),.header__nav--desktop .header__nav-book:has(+.header__nav-menu),.header__nav--desktop .header__nav-book:has(+.header__nav-book){margin-right:-.1rem}.header__nav--desktop .header__nav-menu:has(+.header__nav-lang),.header__nav--desktop .header__nav-menu:has(+.header__nav-club),.header__nav--desktop .header__nav-book:has(+.header__nav-lang),.header__nav--desktop .header__nav-book:has(+.header__nav-club){margin-right:5rem}.header__nav--desktop .header__nav-lang,.header__nav--desktop .header__nav-club{transition:all .5s;display:flex;align-items:center;gap:1rem;white-space:nowrap;font-size:1.6rem;line-height:1;letter-spacing:.032rem;width:12.4rem}.header__nav--desktop .header__nav-lang:has(+.header__nav-menu),.header__nav--desktop .header__nav-lang:has(+.header__nav-book),.header__nav--desktop .header__nav-club:has(+.header__nav-menu),.header__nav--desktop .header__nav-club:has(+.header__nav-book){margin-right:5rem}.header__nav--desktop .header__nav-lang .header__nav--arrow,.header__nav--desktop .header__nav-club .header__nav--arrow{width:.9rem;height:.5rem;rotate:-90deg;transition:all .5s;opacity:0;transform:translateY(-.5rem)}.header__nav--desktop .header__nav-lang{justify-content:flex-end}.header__nav--desktop .header__nav-lang .header__nav--arrow{rotate:90deg;transform:translateY(-.5rem)}.header__nav--desktop .header__nav-menu:hover,.header__nav--desktop .header__nav-book:hover,.header__nav--desktop .header__nav-lang:hover,.header__nav--desktop .header__nav-club:hover{opacity:1!important}.header__nav--desktop .header__nav-lang:hover .header__nav--arrow,.header__nav--desktop .header__nav-club:hover .header__nav--arrow{transform:translate(0);opacity:1}.inner-page .header,.header__sticky .header{background:#fff;padding-block:1.5rem;border-bottom:1px solid #dcdcdc;opacity:1}@media (min-width: 1024px){.inner-page .header,.header__sticky .header{height:8rem}}@media (min-width: 1680px){.inner-page .header,.header__sticky .header{height:9rem;padding-block:2rem}}.inner-page .header__logo,.header__sticky .header__logo{opacity:1;pointer-events:initial}@media (min-width: 1024px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.inner-page .header__nav-lang,.inner-page .header__nav-club,.header__sticky .header__nav-menu,.header__sticky .header__nav-book,.header__sticky .header__nav-lang,.header__sticky .header__nav-club{opacity:.7}}@media (min-width: 1024px){.inner-page .header__nav--desktop,.header__sticky .header__nav--desktop{color:#4a4a49}.inner-page .header__nav--desktop:hover .header__nav-book,.inner-page .header__nav--desktop:hover .header__nav-menu,.inner-page .header__nav--desktop:hover .header__nav-lang,.inner-page .header__nav--desktop:hover .header__nav-club,.header__sticky .header__nav--desktop:hover .header__nav-book,.header__sticky .header__nav--desktop:hover .header__nav-menu,.header__sticky .header__nav--desktop:hover .header__nav-lang,.header__sticky .header__nav--desktop:hover .header__nav-club{opacity:.5}}.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{border:1px solid black}@media (min-width: 1024px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{border-color:#4a4a49;width:15rem}}@media (min-width: 1280px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{width:20rem}}@media (min-width: 1680px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{height:5rem}}@media (min-width: 1024px){.inner-page .header__nav-menu:hover,.inner-page .header__nav-book:hover,.header__sticky .header__nav-menu:hover,.header__sticky .header__nav-book:hover{border-color:#f9f8f5;background:#f9f8f5}}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1406
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonHeaderClearV2Component, isStandalone: true, selector: "lib-babylon-header-clear-v2", inputs: { headerFixed: "headerFixed" }, ngImport: i0, template: "<header class=\"header\">\n <div class=\"header__logo\">\n <a href=\"/home\">\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"header__logo--img\">\n <use\n href=\"/assets/babylon/svg/blanco-logo.svg#blanco-logo\"\n ></use>\n </svg>\n </a>\n </div>\n <div class=\"header__nav--desktop\">\n <span\n class=\"header__nav-lang js-active-modal\"\n data-modal_name=\"language\"\n role=\"button\"\n (click)=\"openLanguageModal()\"\n >\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav--arrow\"\n >\n <use href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"></use>\n </svg>\n <span>Idiomas</span>\n </span>\n <span\n class=\"header__nav-menu js-active-modal\"\n data-modal_name=\"menu\"\n role=\"button\"\n (click)=\"openMenuModal()\"\n >Menu</span\n >\n <span\n class=\"header__nav-book js-active-modal\"\n data-modal_name=\"reservar\"\n role=\"button\"\n (click)=\"openEngineModal()\"\n >Book</span\n >\n <span class=\"header__nav-club\" role=\"button\">\n <span>Club Blanco</span>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav--arrow\"\n >\n <use href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"></use>\n </svg>\n </span>\n </div>\n <div class=\"header__nav--mobile\">\n <span\n class=\"header__nav-menu js-active-modal\"\n data-modal_name=\"menu\"\n role=\"button\"\n >Menu</span\n >\n <span\n class=\"header__nav-book js-active-modal\"\n data-modal_name=\"reservar\"\n role=\"button\"\n (click)=\"openEngineModal()\"\n >Book</span\n >\n <ul class=\"header__nav-links\">\n <!-- header__nav-links--currentColor -->\n <li\n class=\"header__nav-links--item js-active-modal\"\n data-modal_name=\"language\"\n role=\"button\"\n >\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav-links--icon\"\n >\n <use\n href=\"/assets/babylon/svg/icon-globe.svg#icon-globe\"\n ></use>\n </svg>\n </li>\n <!-- <li class=\"header__nav-links--item\">\n <a href=\"/\">\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"header__nav-links--icon\">\n <use href=\"#icon-whatsapp\"></use>\n </svg>\n </a>\n </li> -->\n <!-- <li class=\"header__nav-links--item js-active-modal\" data-modal_name=\"newsletter\">\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"header__nav-links--icon\">\n <use href=\"#icon-envelope\"></use>\n </svg>\n </li> -->\n <li class=\"header__nav-links--item\">\n <a href=\"/\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav-links--icon\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </a>\n </li>\n <li class=\"header__nav-links--item\">\n <a href=\"tel:'+34 971 328 451'\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav-links--icon\"\n >\n <use\n href=\"/assets/babylon/svg/icon-call.svg#icon-call\"\n ></use>\n </svg>\n </a>\n </li>\n </ul>\n </div>\n</header>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}body{padding-bottom:6.6rem;transition:all .5s}@media (min-width: 540px){body{padding-bottom:7.6rem}}@media (min-width: 768px){body{padding-bottom:8.6rem}}@media (min-width: 1024px){body{padding-bottom:0}}.header{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:center;z-index:2;padding-block:1.5rem;background:transparent;transition:all .5s;height:6rem}@media (min-width: 540px){.header{height:7rem}}@media (min-width: 768px){.header{height:8rem;opacity:1}}@media (min-width: 1024px){.header{padding-block:5rem;height:0;min-height:max-content}}@media (min-width: 1680px){.header{padding-block:6rem}}.header__logo{color:#616161;width:18.6rem;position:absolute;top:50%;left:50%;opacity:0;height:2.215rem;transform:translate(-50%,-50%);pointer-events:none;transition:all .5s}@media (min-width: 540px){.header__logo{width:22rem;height:2.619rem}}@media (min-width: 1024px){.header__logo{opacity:0;left:4rem;transform:translateY(-50%);width:18.6rem;height:2.215rem}}@media (min-width: 1280px){.header__logo{left:5rem}}@media (min-width: 1366px){.header__logo{left:6rem}}@media (min-width: 1680px){.header__logo{left:9rem}}@media (min-width: 1800px){.header__logo{left:10rem}}.header__logo--img{width:100%;height:100%}.header__nav--mobile{position:fixed;inset:auto 0 0;display:flex;color:#4a4a49;background:#fff;border-top:1px solid #dcdcdc;height:6.6rem;font-size:2.2rem;line-height:1;letter-spacing:.044rem}@media (min-width: 540px){.header__nav--mobile{height:7.6rem}}@media (min-width: 768px){.header__nav--mobile{height:8.6rem}}@media (min-width: 1024px){.header__nav--mobile{opacity:0;pointer-events:none}}@media (min-width: 1280px){.header__nav--mobile{display:none}}.header__nav--mobile span+span{border-left:1px solid #dcdcdc}.header__nav--mobile .header__nav-menu,.header__nav--mobile .header__nav-book{flex:1 0 50%;display:flex;justify-content:center;padding-top:2.2rem}@media (min-width: 540px){.header__nav--mobile .header__nav-menu,.header__nav--mobile .header__nav-book{padding-top:2.7rem}}@media (min-width: 768px){.header__nav--mobile .header__nav-menu,.header__nav--mobile .header__nav-book{padding-top:3.2rem}}.header__nav--mobile .header__nav-links{position:absolute;bottom:100%;left:50%;display:flex;gap:1.8rem;transform:translate(-50%,-1.3rem);border-radius:100vw;background:#4a4a49b3;padding-inline:1.2rem;color:#fff}@media (min-width: 540px){.header__nav--mobile .header__nav-links{transform:translate(-50%,-1.5rem)}}.header__nav--mobile .header__nav-links--item{width:4rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.header__nav--mobile .header__nav-links--icon{width:2rem;height:2rem}.header__nav--mobile .header__nav-links--white{background:#fff;border:1px solid #dcdcdc;color:#4a4a49}.header__nav--desktop{display:none;color:#fff;transition:all .5s}@media (min-width: 768px){.header__nav--desktop{display:flex;align-items:center;opacity:0;pointer-events:none}}@media (min-width: 1024px){.header__nav--desktop{opacity:1;pointer-events:initial}}.header__nav--desktop .header__nav-book,.header__nav--desktop .header__nav-menu,.header__nav--desktop .header__nav-lang,.header__nav--desktop .header__nav-club{opacity:.7}.header__nav--desktop:hover .header__nav-book,.header__nav--desktop:hover .header__nav-menu,.header__nav--desktop:hover .header__nav-lang,.header__nav--desktop:hover .header__nav-club{opacity:.5}.header__nav--desktop .header__nav-menu,.header__nav--desktop .header__nav-book{border:1px solid #4a4a49;width:20rem;height:5rem;transition:all .5s;font-size:2.2rem;line-height:1;letter-spacing:.044rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}@media (min-width: 1680px){.header__nav--desktop .header__nav-menu,.header__nav--desktop .header__nav-book{height:6rem}}.header__nav--desktop .header__nav-menu:hover,.header__nav--desktop .header__nav-book:hover{z-index:0}@media (min-width: 1024px){.header__nav--desktop .header__nav-menu:hover,.header__nav--desktop .header__nav-book:hover{background:#fff;color:#4a4a49}}.header__nav--desktop .header__nav-menu:has(+.header__nav-menu),.header__nav--desktop .header__nav-menu:has(+.header__nav-book),.header__nav--desktop .header__nav-book:has(+.header__nav-menu),.header__nav--desktop .header__nav-book:has(+.header__nav-book){margin-right:-.1rem}.header__nav--desktop .header__nav-menu:has(+.header__nav-lang),.header__nav--desktop .header__nav-menu:has(+.header__nav-club),.header__nav--desktop .header__nav-book:has(+.header__nav-lang),.header__nav--desktop .header__nav-book:has(+.header__nav-club){margin-right:5rem}.header__nav--desktop .header__nav-lang,.header__nav--desktop .header__nav-club{transition:all .5s;display:flex;align-items:center;gap:1rem;white-space:nowrap;font-size:1.6rem;line-height:1;letter-spacing:.032rem;width:12.4rem}.header__nav--desktop .header__nav-lang:has(+.header__nav-menu),.header__nav--desktop .header__nav-lang:has(+.header__nav-book),.header__nav--desktop .header__nav-club:has(+.header__nav-menu),.header__nav--desktop .header__nav-club:has(+.header__nav-book){margin-right:5rem}.header__nav--desktop .header__nav-lang .header__nav--arrow,.header__nav--desktop .header__nav-club .header__nav--arrow{width:.9rem;height:.5rem;rotate:-90deg;transition:all .5s;opacity:0;transform:translateY(-.5rem)}.header__nav--desktop .header__nav-lang{justify-content:flex-end}.header__nav--desktop .header__nav-lang .header__nav--arrow{rotate:90deg;transform:translateY(-.5rem)}.header__nav--desktop .header__nav-menu:hover,.header__nav--desktop .header__nav-book:hover,.header__nav--desktop .header__nav-lang:hover,.header__nav--desktop .header__nav-club:hover{opacity:1!important}.header__nav--desktop .header__nav-lang:hover .header__nav--arrow,.header__nav--desktop .header__nav-club:hover .header__nav--arrow{transform:translate(0);opacity:1}.inner-page .header,.header__sticky .header{background:#fff;padding-block:1.5rem;border-bottom:1px solid #dcdcdc;opacity:1}@media (min-width: 1024px){.inner-page .header,.header__sticky .header{height:8rem}}@media (min-width: 1680px){.inner-page .header,.header__sticky .header{height:9rem;padding-block:2rem}}.inner-page .header__logo,.header__sticky .header__logo{opacity:1;pointer-events:initial}@media (min-width: 1024px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.inner-page .header__nav-lang,.inner-page .header__nav-club,.header__sticky .header__nav-menu,.header__sticky .header__nav-book,.header__sticky .header__nav-lang,.header__sticky .header__nav-club{opacity:.7}}@media (min-width: 1024px){.inner-page .header__nav--desktop,.header__sticky .header__nav--desktop{color:#4a4a49}.inner-page .header__nav--desktop:hover .header__nav-book,.inner-page .header__nav--desktop:hover .header__nav-menu,.inner-page .header__nav--desktop:hover .header__nav-lang,.inner-page .header__nav--desktop:hover .header__nav-club,.header__sticky .header__nav--desktop:hover .header__nav-book,.header__sticky .header__nav--desktop:hover .header__nav-menu,.header__sticky .header__nav--desktop:hover .header__nav-lang,.header__sticky .header__nav--desktop:hover .header__nav-club{opacity:.5}}.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{border:1px solid black}@media (min-width: 1024px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{border-color:#4a4a49;width:15rem}}@media (min-width: 1280px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{width:20rem}}@media (min-width: 1680px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{height:5rem}}@media (min-width: 1024px){.inner-page .header__nav-menu:hover,.inner-page .header__nav-book:hover,.header__sticky .header__nav-menu:hover,.header__sticky .header__nav-book:hover{border-color:#f9f8f5;background:#f9f8f5}}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1278
1407
|
}
|
|
1279
1408
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeaderClearV2Component, decorators: [{
|
|
1280
1409
|
type: Component,
|
|
1281
|
-
args: [{ selector: 'lib-babylon-header-clear-v2', standalone: true, imports: [RouterModule, CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"header\">\n <div class=\"header__logo\">\n <a href=\"/homev4\">\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"header__logo--img\">\n <use\n href=\"/assets/babylon/svg/blanco-logo.svg#blanco-logo\"\n ></use>\n </svg>\n </a>\n </div>\n <div class=\"header__nav--desktop\">\n <span\n class=\"header__nav-lang js-active-modal\"\n data-modal_name=\"language\"\n role=\"button\"\n >\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav--arrow\"\n >\n <use href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"></use>\n </svg>\n <span>Idiomas</span>\n </span>\n <span\n class=\"header__nav-menu js-active-modal\"\n data-modal_name=\"menu\"\n role=\"button\"\n >Menu</span\n >\n <span\n class=\"header__nav-book js-active-modal\"\n data-modal_name=\"reservar\"\n role=\"button\"\n >Book</span\n >\n <span class=\"header__nav-club\" role=\"button\">\n <span>Club Blanco</span>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav--arrow\"\n >\n <use href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"></use>\n </svg>\n </span>\n </div>\n <div class=\"header__nav--mobile\">\n <span\n class=\"header__nav-menu js-active-modal\"\n data-modal_name=\"menu\"\n role=\"button\"\n >Menu</span\n >\n <span\n class=\"header__nav-book js-active-modal\"\n data-modal_name=\"reservar\"\n role=\"button\"\n >Book</span\n >\n <ul class=\"header__nav-links\">\n <!-- header__nav-links--currentColor -->\n <li\n class=\"header__nav-links--item js-active-modal\"\n data-modal_name=\"language\"\n role=\"button\"\n >\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav-links--icon\"\n >\n <use\n href=\"/assets/babylon/svg/icon-globe.svg#icon-globe\"\n ></use>\n </svg>\n </li>\n <!-- <li class=\"header__nav-links--item\">\n <a href=\"/\">\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"header__nav-links--icon\">\n <use href=\"#icon-whatsapp\"></use>\n </svg>\n </a>\n </li> -->\n <!-- <li class=\"header__nav-links--item js-active-modal\" data-modal_name=\"newsletter\">\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"header__nav-links--icon\">\n <use href=\"#icon-envelope\"></use>\n </svg>\n </li> -->\n <li class=\"header__nav-links--item\">\n <a href=\"/\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav-links--icon\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </a>\n </li>\n <li class=\"header__nav-links--item\">\n <a href=\"tel:'+34 971 328 451'\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav-links--icon\"\n >\n <use\n href=\"/assets/babylon/svg/icon-call.svg#icon-call\"\n ></use>\n </svg>\n </a>\n </li>\n </ul>\n </div>\n</header>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}body{padding-bottom:6.6rem;transition:all .5s}@media (min-width: 540px){body{padding-bottom:7.6rem}}@media (min-width: 768px){body{padding-bottom:8.6rem}}@media (min-width: 1024px){body{padding-bottom:0}}.header{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:center;z-index:2;padding-block:1.5rem;background:transparent;transition:all .5s;height:6rem}@media (min-width: 540px){.header{height:7rem}}@media (min-width: 768px){.header{height:8rem;opacity:1}}@media (min-width: 1024px){.header{padding-block:5rem;height:0;min-height:max-content}}@media (min-width: 1680px){.header{padding-block:6rem}}.header__logo{color:#616161;width:18.6rem;position:absolute;top:50%;left:50%;opacity:0;height:2.215rem;transform:translate(-50%,-50%);pointer-events:none;transition:all .5s}@media (min-width: 540px){.header__logo{width:22rem;height:2.619rem}}@media (min-width: 1024px){.header__logo{opacity:0;left:4rem;transform:translateY(-50%);width:18.6rem;height:2.215rem}}@media (min-width: 1280px){.header__logo{left:5rem}}@media (min-width: 1366px){.header__logo{left:6rem}}@media (min-width: 1680px){.header__logo{left:9rem}}@media (min-width: 1800px){.header__logo{left:10rem}}.header__logo--img{width:100%;height:100%}.header__nav--mobile{position:fixed;inset:auto 0 0;display:flex;color:#4a4a49;background:#fff;border-top:1px solid #dcdcdc;height:6.6rem;font-size:2.2rem;line-height:1;letter-spacing:.044rem}@media (min-width: 540px){.header__nav--mobile{height:7.6rem}}@media (min-width: 768px){.header__nav--mobile{height:8.6rem}}@media (min-width: 1024px){.header__nav--mobile{opacity:0;pointer-events:none}}@media (min-width: 1280px){.header__nav--mobile{display:none}}.header__nav--mobile span+span{border-left:1px solid #dcdcdc}.header__nav--mobile .header__nav-menu,.header__nav--mobile .header__nav-book{flex:1 0 50%;display:flex;justify-content:center;padding-top:2.2rem}@media (min-width: 540px){.header__nav--mobile .header__nav-menu,.header__nav--mobile .header__nav-book{padding-top:2.7rem}}@media (min-width: 768px){.header__nav--mobile .header__nav-menu,.header__nav--mobile .header__nav-book{padding-top:3.2rem}}.header__nav--mobile .header__nav-links{position:absolute;bottom:100%;left:50%;display:flex;gap:1.8rem;transform:translate(-50%,-1.3rem);border-radius:100vw;background:#4a4a49b3;padding-inline:1.2rem;color:#fff}@media (min-width: 540px){.header__nav--mobile .header__nav-links{transform:translate(-50%,-1.5rem)}}.header__nav--mobile .header__nav-links--item{width:4rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.header__nav--mobile .header__nav-links--icon{width:2rem;height:2rem}.header__nav--mobile .header__nav-links--white{background:#fff;border:1px solid #dcdcdc;color:#4a4a49}.header__nav--desktop{display:none;color:#fff;transition:all .5s}@media (min-width: 768px){.header__nav--desktop{display:flex;align-items:center;opacity:0;pointer-events:none}}@media (min-width: 1024px){.header__nav--desktop{opacity:1;pointer-events:initial}}.header__nav--desktop .header__nav-book,.header__nav--desktop .header__nav-menu,.header__nav--desktop .header__nav-lang,.header__nav--desktop .header__nav-club{opacity:.7}.header__nav--desktop:hover .header__nav-book,.header__nav--desktop:hover .header__nav-menu,.header__nav--desktop:hover .header__nav-lang,.header__nav--desktop:hover .header__nav-club{opacity:.5}.header__nav--desktop .header__nav-menu,.header__nav--desktop .header__nav-book{border:1px solid #4a4a49;width:20rem;height:5rem;transition:all .5s;font-size:2.2rem;line-height:1;letter-spacing:.044rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}@media (min-width: 1680px){.header__nav--desktop .header__nav-menu,.header__nav--desktop .header__nav-book{height:6rem}}.header__nav--desktop .header__nav-menu:hover,.header__nav--desktop .header__nav-book:hover{z-index:0}@media (min-width: 1024px){.header__nav--desktop .header__nav-menu:hover,.header__nav--desktop .header__nav-book:hover{background:#fff;color:#4a4a49}}.header__nav--desktop .header__nav-menu:has(+.header__nav-menu),.header__nav--desktop .header__nav-menu:has(+.header__nav-book),.header__nav--desktop .header__nav-book:has(+.header__nav-menu),.header__nav--desktop .header__nav-book:has(+.header__nav-book){margin-right:-.1rem}.header__nav--desktop .header__nav-menu:has(+.header__nav-lang),.header__nav--desktop .header__nav-menu:has(+.header__nav-club),.header__nav--desktop .header__nav-book:has(+.header__nav-lang),.header__nav--desktop .header__nav-book:has(+.header__nav-club){margin-right:5rem}.header__nav--desktop .header__nav-lang,.header__nav--desktop .header__nav-club{transition:all .5s;display:flex;align-items:center;gap:1rem;white-space:nowrap;font-size:1.6rem;line-height:1;letter-spacing:.032rem;width:12.4rem}.header__nav--desktop .header__nav-lang:has(+.header__nav-menu),.header__nav--desktop .header__nav-lang:has(+.header__nav-book),.header__nav--desktop .header__nav-club:has(+.header__nav-menu),.header__nav--desktop .header__nav-club:has(+.header__nav-book){margin-right:5rem}.header__nav--desktop .header__nav-lang .header__nav--arrow,.header__nav--desktop .header__nav-club .header__nav--arrow{width:.9rem;height:.5rem;rotate:-90deg;transition:all .5s;opacity:0;transform:translateY(-.5rem)}.header__nav--desktop .header__nav-lang{justify-content:flex-end}.header__nav--desktop .header__nav-lang .header__nav--arrow{rotate:90deg;transform:translateY(-.5rem)}.header__nav--desktop .header__nav-menu:hover,.header__nav--desktop .header__nav-book:hover,.header__nav--desktop .header__nav-lang:hover,.header__nav--desktop .header__nav-club:hover{opacity:1!important}.header__nav--desktop .header__nav-lang:hover .header__nav--arrow,.header__nav--desktop .header__nav-club:hover .header__nav--arrow{transform:translate(0);opacity:1}.inner-page .header,.header__sticky .header{background:#fff;padding-block:1.5rem;border-bottom:1px solid #dcdcdc;opacity:1}@media (min-width: 1024px){.inner-page .header,.header__sticky .header{height:8rem}}@media (min-width: 1680px){.inner-page .header,.header__sticky .header{height:9rem;padding-block:2rem}}.inner-page .header__logo,.header__sticky .header__logo{opacity:1;pointer-events:initial}@media (min-width: 1024px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.inner-page .header__nav-lang,.inner-page .header__nav-club,.header__sticky .header__nav-menu,.header__sticky .header__nav-book,.header__sticky .header__nav-lang,.header__sticky .header__nav-club{opacity:.7}}@media (min-width: 1024px){.inner-page .header__nav--desktop,.header__sticky .header__nav--desktop{color:#4a4a49}.inner-page .header__nav--desktop:hover .header__nav-book,.inner-page .header__nav--desktop:hover .header__nav-menu,.inner-page .header__nav--desktop:hover .header__nav-lang,.inner-page .header__nav--desktop:hover .header__nav-club,.header__sticky .header__nav--desktop:hover .header__nav-book,.header__sticky .header__nav--desktop:hover .header__nav-menu,.header__sticky .header__nav--desktop:hover .header__nav-lang,.header__sticky .header__nav--desktop:hover .header__nav-club{opacity:.5}}.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{border:1px solid black}@media (min-width: 1024px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{border-color:#4a4a49;width:15rem}}@media (min-width: 1280px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{width:20rem}}@media (min-width: 1680px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{height:5rem}}@media (min-width: 1024px){.inner-page .header__nav-menu:hover,.inner-page .header__nav-book:hover,.header__sticky .header__nav-menu:hover,.header__sticky .header__nav-book:hover{border-color:#f9f8f5;background:#f9f8f5}}\n"] }]
|
|
1410
|
+
args: [{ selector: 'lib-babylon-header-clear-v2', standalone: true, imports: [RouterModule, CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"header\">\n <div class=\"header__logo\">\n <a href=\"/home\">\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"header__logo--img\">\n <use\n href=\"/assets/babylon/svg/blanco-logo.svg#blanco-logo\"\n ></use>\n </svg>\n </a>\n </div>\n <div class=\"header__nav--desktop\">\n <span\n class=\"header__nav-lang js-active-modal\"\n data-modal_name=\"language\"\n role=\"button\"\n (click)=\"openLanguageModal()\"\n >\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav--arrow\"\n >\n <use href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"></use>\n </svg>\n <span>Idiomas</span>\n </span>\n <span\n class=\"header__nav-menu js-active-modal\"\n data-modal_name=\"menu\"\n role=\"button\"\n (click)=\"openMenuModal()\"\n >Menu</span\n >\n <span\n class=\"header__nav-book js-active-modal\"\n data-modal_name=\"reservar\"\n role=\"button\"\n (click)=\"openEngineModal()\"\n >Book</span\n >\n <span class=\"header__nav-club\" role=\"button\">\n <span>Club Blanco</span>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav--arrow\"\n >\n <use href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"></use>\n </svg>\n </span>\n </div>\n <div class=\"header__nav--mobile\">\n <span\n class=\"header__nav-menu js-active-modal\"\n data-modal_name=\"menu\"\n role=\"button\"\n >Menu</span\n >\n <span\n class=\"header__nav-book js-active-modal\"\n data-modal_name=\"reservar\"\n role=\"button\"\n (click)=\"openEngineModal()\"\n >Book</span\n >\n <ul class=\"header__nav-links\">\n <!-- header__nav-links--currentColor -->\n <li\n class=\"header__nav-links--item js-active-modal\"\n data-modal_name=\"language\"\n role=\"button\"\n >\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav-links--icon\"\n >\n <use\n href=\"/assets/babylon/svg/icon-globe.svg#icon-globe\"\n ></use>\n </svg>\n </li>\n <!-- <li class=\"header__nav-links--item\">\n <a href=\"/\">\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"header__nav-links--icon\">\n <use href=\"#icon-whatsapp\"></use>\n </svg>\n </a>\n </li> -->\n <!-- <li class=\"header__nav-links--item js-active-modal\" data-modal_name=\"newsletter\">\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"header__nav-links--icon\">\n <use href=\"#icon-envelope\"></use>\n </svg>\n </li> -->\n <li class=\"header__nav-links--item\">\n <a href=\"/\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav-links--icon\"\n >\n <use\n href=\"/assets/babylon/svg/icon-user.svg#icon-user\"\n ></use>\n </svg>\n </a>\n </li>\n <li class=\"header__nav-links--item\">\n <a href=\"tel:'+34 971 328 451'\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"header__nav-links--icon\"\n >\n <use\n href=\"/assets/babylon/svg/icon-call.svg#icon-call\"\n ></use>\n </svg>\n </a>\n </li>\n </ul>\n </div>\n</header>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}body{padding-bottom:6.6rem;transition:all .5s}@media (min-width: 540px){body{padding-bottom:7.6rem}}@media (min-width: 768px){body{padding-bottom:8.6rem}}@media (min-width: 1024px){body{padding-bottom:0}}.header{position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:center;z-index:2;padding-block:1.5rem;background:transparent;transition:all .5s;height:6rem}@media (min-width: 540px){.header{height:7rem}}@media (min-width: 768px){.header{height:8rem;opacity:1}}@media (min-width: 1024px){.header{padding-block:5rem;height:0;min-height:max-content}}@media (min-width: 1680px){.header{padding-block:6rem}}.header__logo{color:#616161;width:18.6rem;position:absolute;top:50%;left:50%;opacity:0;height:2.215rem;transform:translate(-50%,-50%);pointer-events:none;transition:all .5s}@media (min-width: 540px){.header__logo{width:22rem;height:2.619rem}}@media (min-width: 1024px){.header__logo{opacity:0;left:4rem;transform:translateY(-50%);width:18.6rem;height:2.215rem}}@media (min-width: 1280px){.header__logo{left:5rem}}@media (min-width: 1366px){.header__logo{left:6rem}}@media (min-width: 1680px){.header__logo{left:9rem}}@media (min-width: 1800px){.header__logo{left:10rem}}.header__logo--img{width:100%;height:100%}.header__nav--mobile{position:fixed;inset:auto 0 0;display:flex;color:#4a4a49;background:#fff;border-top:1px solid #dcdcdc;height:6.6rem;font-size:2.2rem;line-height:1;letter-spacing:.044rem}@media (min-width: 540px){.header__nav--mobile{height:7.6rem}}@media (min-width: 768px){.header__nav--mobile{height:8.6rem}}@media (min-width: 1024px){.header__nav--mobile{opacity:0;pointer-events:none}}@media (min-width: 1280px){.header__nav--mobile{display:none}}.header__nav--mobile span+span{border-left:1px solid #dcdcdc}.header__nav--mobile .header__nav-menu,.header__nav--mobile .header__nav-book{flex:1 0 50%;display:flex;justify-content:center;padding-top:2.2rem}@media (min-width: 540px){.header__nav--mobile .header__nav-menu,.header__nav--mobile .header__nav-book{padding-top:2.7rem}}@media (min-width: 768px){.header__nav--mobile .header__nav-menu,.header__nav--mobile .header__nav-book{padding-top:3.2rem}}.header__nav--mobile .header__nav-links{position:absolute;bottom:100%;left:50%;display:flex;gap:1.8rem;transform:translate(-50%,-1.3rem);border-radius:100vw;background:#4a4a49b3;padding-inline:1.2rem;color:#fff}@media (min-width: 540px){.header__nav--mobile .header__nav-links{transform:translate(-50%,-1.5rem)}}.header__nav--mobile .header__nav-links--item{width:4rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.header__nav--mobile .header__nav-links--icon{width:2rem;height:2rem}.header__nav--mobile .header__nav-links--white{background:#fff;border:1px solid #dcdcdc;color:#4a4a49}.header__nav--desktop{display:none;color:#fff;transition:all .5s}@media (min-width: 768px){.header__nav--desktop{display:flex;align-items:center;opacity:0;pointer-events:none}}@media (min-width: 1024px){.header__nav--desktop{opacity:1;pointer-events:initial}}.header__nav--desktop .header__nav-book,.header__nav--desktop .header__nav-menu,.header__nav--desktop .header__nav-lang,.header__nav--desktop .header__nav-club{opacity:.7}.header__nav--desktop:hover .header__nav-book,.header__nav--desktop:hover .header__nav-menu,.header__nav--desktop:hover .header__nav-lang,.header__nav--desktop:hover .header__nav-club{opacity:.5}.header__nav--desktop .header__nav-menu,.header__nav--desktop .header__nav-book{border:1px solid #4a4a49;width:20rem;height:5rem;transition:all .5s;font-size:2.2rem;line-height:1;letter-spacing:.044rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}@media (min-width: 1680px){.header__nav--desktop .header__nav-menu,.header__nav--desktop .header__nav-book{height:6rem}}.header__nav--desktop .header__nav-menu:hover,.header__nav--desktop .header__nav-book:hover{z-index:0}@media (min-width: 1024px){.header__nav--desktop .header__nav-menu:hover,.header__nav--desktop .header__nav-book:hover{background:#fff;color:#4a4a49}}.header__nav--desktop .header__nav-menu:has(+.header__nav-menu),.header__nav--desktop .header__nav-menu:has(+.header__nav-book),.header__nav--desktop .header__nav-book:has(+.header__nav-menu),.header__nav--desktop .header__nav-book:has(+.header__nav-book){margin-right:-.1rem}.header__nav--desktop .header__nav-menu:has(+.header__nav-lang),.header__nav--desktop .header__nav-menu:has(+.header__nav-club),.header__nav--desktop .header__nav-book:has(+.header__nav-lang),.header__nav--desktop .header__nav-book:has(+.header__nav-club){margin-right:5rem}.header__nav--desktop .header__nav-lang,.header__nav--desktop .header__nav-club{transition:all .5s;display:flex;align-items:center;gap:1rem;white-space:nowrap;font-size:1.6rem;line-height:1;letter-spacing:.032rem;width:12.4rem}.header__nav--desktop .header__nav-lang:has(+.header__nav-menu),.header__nav--desktop .header__nav-lang:has(+.header__nav-book),.header__nav--desktop .header__nav-club:has(+.header__nav-menu),.header__nav--desktop .header__nav-club:has(+.header__nav-book){margin-right:5rem}.header__nav--desktop .header__nav-lang .header__nav--arrow,.header__nav--desktop .header__nav-club .header__nav--arrow{width:.9rem;height:.5rem;rotate:-90deg;transition:all .5s;opacity:0;transform:translateY(-.5rem)}.header__nav--desktop .header__nav-lang{justify-content:flex-end}.header__nav--desktop .header__nav-lang .header__nav--arrow{rotate:90deg;transform:translateY(-.5rem)}.header__nav--desktop .header__nav-menu:hover,.header__nav--desktop .header__nav-book:hover,.header__nav--desktop .header__nav-lang:hover,.header__nav--desktop .header__nav-club:hover{opacity:1!important}.header__nav--desktop .header__nav-lang:hover .header__nav--arrow,.header__nav--desktop .header__nav-club:hover .header__nav--arrow{transform:translate(0);opacity:1}.inner-page .header,.header__sticky .header{background:#fff;padding-block:1.5rem;border-bottom:1px solid #dcdcdc;opacity:1}@media (min-width: 1024px){.inner-page .header,.header__sticky .header{height:8rem}}@media (min-width: 1680px){.inner-page .header,.header__sticky .header{height:9rem;padding-block:2rem}}.inner-page .header__logo,.header__sticky .header__logo{opacity:1;pointer-events:initial}@media (min-width: 1024px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.inner-page .header__nav-lang,.inner-page .header__nav-club,.header__sticky .header__nav-menu,.header__sticky .header__nav-book,.header__sticky .header__nav-lang,.header__sticky .header__nav-club{opacity:.7}}@media (min-width: 1024px){.inner-page .header__nav--desktop,.header__sticky .header__nav--desktop{color:#4a4a49}.inner-page .header__nav--desktop:hover .header__nav-book,.inner-page .header__nav--desktop:hover .header__nav-menu,.inner-page .header__nav--desktop:hover .header__nav-lang,.inner-page .header__nav--desktop:hover .header__nav-club,.header__sticky .header__nav--desktop:hover .header__nav-book,.header__sticky .header__nav--desktop:hover .header__nav-menu,.header__sticky .header__nav--desktop:hover .header__nav-lang,.header__sticky .header__nav--desktop:hover .header__nav-club{opacity:.5}}.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{border:1px solid black}@media (min-width: 1024px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{border-color:#4a4a49;width:15rem}}@media (min-width: 1280px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{width:20rem}}@media (min-width: 1680px){.inner-page .header__nav-menu,.inner-page .header__nav-book,.header__sticky .header__nav-menu,.header__sticky .header__nav-book{height:5rem}}@media (min-width: 1024px){.inner-page .header__nav-menu:hover,.inner-page .header__nav-book:hover,.header__sticky .header__nav-menu:hover,.header__sticky .header__nav-book:hover{border-color:#f9f8f5;background:#f9f8f5}}\n"] }]
|
|
1282
1411
|
}], ctorParameters: () => [{ type: i1$2.MatDialog }, { type: ScreenSizerService }], propDecorators: { headerFixed: [{
|
|
1283
1412
|
type: Input
|
|
1284
1413
|
}] } });
|
|
@@ -2227,6 +2356,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2227
2356
|
args: ['tabsRoot', { static: true }]
|
|
2228
2357
|
}] } });
|
|
2229
2358
|
|
|
2359
|
+
class BabylonNewsletterModalComponent {
|
|
2360
|
+
constructor() {
|
|
2361
|
+
this.dialogRef = inject(MatDialogRef);
|
|
2362
|
+
}
|
|
2363
|
+
close() {
|
|
2364
|
+
this.dialogRef.close();
|
|
2365
|
+
}
|
|
2366
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonNewsletterModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2367
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonNewsletterModalComponent, isStandalone: true, selector: "lib-babylon-newsletter-modal", ngImport: i0, template: "<div class=\"modal modal__newsletter\">\n <div class=\"modal__inner\">\n <div class=\"modal__box\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"newsletter\"\n role=\"button\"\n (click)=\"close()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n <div class=\"modal__newsletter-image\">\n <figure>\n <img src=\"/assets/babylon/images/img-37.webp\" />\n </figure>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"modal__newsletter-image--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n </div>\n <div class=\"modal__newsletter-content\">\n <div class=\"modal__newsletter-content--heading\">\n <h3>Newsletter</h3>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-envelope.svg#icon-envelope\"\n ></use>\n </svg>\n </div>\n <div class=\"modal__newsletter-content--text\">\n <p>\n Ap\u00FAntate y recibe nuestra newsletter con promociones\n especiales, eventos y m\u00E1s.\n </p>\n <form class=\"modal__newsletter--form\">\n <div class=\"input-group\">\n <div class=\"input-group--inner\">\n <label class=\"label\" for=\"email\"\n >Tu e-mail</label\n >\n <input\n type=\"text\"\n class=\"input-control\"\n name=\"email\"\n id=\"email\"\n placeholder=\"@....\"\n />\n </div>\n <button\n class=\"modal__newsletter--btn\"\n role=\"button\"\n >\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"line\"\n >\n <use\n href=\"/assets/babylon/svg/icon-long-arrow.svg#icon-long-arrow\"\n ></use>\n </svg>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"\n ></use>\n </svg>\n </button>\n </div>\n <div class=\"checkbox__group\">\n <label>\n <input type=\"checkbox\" name=\"checkbox\" />\n <span>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"checkbox--tick\"\n >\n <use\n href=\"/assets/babylon/svg/icon-tick.svg#icon-tick\"\n ></use>\n </svg>\n Acepto Pol\u00EDtica de privacidad\n </span>\n </label>\n </div>\n </form>\n </div>\n </div>\n </div>\n </div>\n</div>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.modal{opacity:1!important;pointer-events:all!important}.modal.modal__newsletter{background:#4a4a49b3}.modal--open.newsletter .modal.modal__newsletter{opacity:1;pointer-events:auto}.modal.modal__newsletter .modal__inner{display:flex;min-height:100%;align-items:flex-start;justify-content:center;padding-top:7rem}@media (min-width: 540px){.modal.modal__newsletter .modal__inner{padding-top:5.4rem}}@media (min-width: 768px){.modal.modal__newsletter .modal__inner{padding-top:9.9rem}}@media (min-width: 1024px){.modal.modal__newsletter .modal__inner{padding-top:16.5rem}}@media (min-width: 1280px){.modal.modal__newsletter .modal__inner{padding-top:0;align-items:center}}.modal.modal__newsletter .modal__close{position:absolute;top:0;right:0;transform:translate(50%,-50%)}.modal.modal__newsletter .modal__box{position:relative;background:#fff;min-height:100px;width:100%;max-width:29.5rem;display:flex;flex-direction:column}@media (min-width: 540px){.modal.modal__newsletter .modal__box{max-width:41.8rem}}@media (min-width: 768px){.modal.modal__newsletter .modal__box{max-width:48.6rem}}@media (min-width: 1280px){.modal.modal__newsletter .modal__box{max-width:97.2rem;flex-direction:row-reverse}}@media (min-width: 1680px){.modal.modal__newsletter .modal__box{max-width:120rem}}.modal.modal__newsletter .modal__box:has(.modal__newsletter-image) .modal__newsletter-content--label{display:none}.modal.modal__newsletter .modal__box:has(.modal__newsletter-image) .modal__newsletter-image--graphic{display:block}.modal.modal__newsletter .modal__newsletter-image{width:100%;position:relative}.modal.modal__newsletter .modal__newsletter-image figure{aspect-ratio:295/220}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-image figure{aspect-ratio:418/315}}@media (min-width: 768px){.modal.modal__newsletter .modal__newsletter-image figure{aspect-ratio:486/437}}@media (min-width: 1280px){.modal.modal__newsletter .modal__newsletter-image figure{min-height:100%}}.modal.modal__newsletter .modal__newsletter-image figure img{object-position:top}.modal.modal__newsletter .modal__newsletter-image--label{position:absolute;bottom:-.1rem;left:0;font-weight:500;text-transform:uppercase;color:#fff;padding:.9rem 2.6rem .7rem;background:#4a4a4999;font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-image--label{bottom:.1rem}}@media (min-width: 768px){.modal.modal__newsletter .modal__newsletter-image--label{left:3rem;bottom:0}}@media (min-width: 1680px){.modal.modal__newsletter .modal__newsletter-image--label{left:4rem}}.modal.modal__newsletter .modal__newsletter-image--graphic{position:absolute;left:50%;bottom:0;transform:scaleY(-1) translate(-50%);aspect-ratio:2/1;color:#f9f8f5;width:6rem}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-image--graphic{width:10rem}}@media (min-width: 1280px){.modal.modal__newsletter .modal__newsletter-image--graphic{left:0;right:unset;bottom:unset;color:#fff;top:50%;transform:translate(-50%) rotate(-90deg);transform-origin:top}}@media (min-width: 1280px){.modal.modal__newsletter .modal__newsletter-image,.modal.modal__newsletter .modal__newsletter-content{flex:0 0 50%}}.modal.modal__newsletter .modal__newsletter-content{display:flex;flex-direction:column}.modal.modal__newsletter .modal__newsletter-content--heading{display:flex;justify-content:space-between;align-items:center;background:#f9f8f5;padding:3.5rem 3rem 2rem;flex:0 0 auto;color:#4a4a49cc}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-content--heading{padding:4.5rem 3.9rem 3.2rem}}@media (min-width: 768px){.modal.modal__newsletter .modal__newsletter-content--heading{padding:5.4rem 6.4rem 3.889rem}}@media (min-width: 1680px){.modal.modal__newsletter .modal__newsletter-content--heading{padding:9.9rem 9rem 3.889rem}}.modal.modal__newsletter .modal__newsletter-content--heading h3{text-transform:uppercase;color:inherit;font-size:1.6rem;line-height:1;letter-spacing:.064rem}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-content--heading h3{font-size:1.7rem;line-height:1;letter-spacing:.17rem}}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-content--heading h3{font-size:2rem;line-height:1}}@media (min-width: 1280px){.modal.modal__newsletter .modal__newsletter-content--heading h3{letter-spacing:.3rem}}.modal.modal__newsletter .modal__newsletter-content--heading svg{width:1.9rem;height:1.5rem}.modal.modal__newsletter .modal__newsletter-content--heading p{font-size:1.6rem;line-height:1;letter-spacing:.032rem;color:#4a4a49cc}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-content--heading p{font-size:1.8rem;line-height:1}}.modal.modal__newsletter .modal__newsletter-content--text{flex:1 1 100%;display:flex;flex-direction:column;padding:2rem 3rem 3.05rem}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-content--text{padding:2.5rem 3.9rem 5.05rem}}@media (min-width: 768px){.modal.modal__newsletter .modal__newsletter-content--text{padding:3rem 6.2rem 5.05rem}}@media (min-width: 1680px){.modal.modal__newsletter .modal__newsletter-content--text{padding:4rem 9rem 6.55rem}}.modal.modal__newsletter .modal__newsletter-content--text p{margin-bottom:3rem;color:#4a4a49cc;font-size:1.6rem;line-height:1.5}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-content--text p{font-size:1.8rem;line-height:1.5555555556;margin-bottom:6.4rem}}@media (min-width: 768px){.modal.modal__newsletter .modal__newsletter-content--text p{font-size:2rem;line-height:1.6;letter-spacing:.04rem;margin-bottom:8.8rem}}@media (min-width: 1280px){.modal.modal__newsletter .modal__newsletter-content--text p{margin-bottom:auto}}@media (min-width: 1680px){.modal.modal__newsletter .modal__newsletter-content--text p{font-size:2rem;line-height:1.7}}.modal.modal__newsletter .modal__newsletter--form{display:flex;flex-direction:column;gap:2rem}.modal.modal__newsletter .modal__newsletter--form .input-group{display:flex}.modal.modal__newsletter .modal__newsletter--form .input-group--inner{flex:1 1 auto;position:relative;border-bottom:1px solid #dcdcdc}.modal.modal__newsletter .modal__newsletter--form .input-group--inner input{width:100%;height:100%;max-height:4.9rem;border-width:0;outline:0;padding:2.9rem 2rem 1rem;color:#4a4a49;font-size:1.6rem;line-height:1}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter--form .input-group--inner input{padding-top:3rem;max-height:6rem}}@media (min-width: 1800px){.modal.modal__newsletter .modal__newsletter--form .input-group--inner input{font-size:1.4rem;line-height:1}}.modal.modal__newsletter .modal__newsletter--form .input-group--inner label{position:absolute;font-size:1.6rem;line-height:1;color:#4a4a49;top:.8rem;left:2rem}.modal.modal__newsletter .modal__newsletter--form .input-group--inner:before{content:\"\";position:absolute;width:0;height:0;border:1px solid #dcdcdc;border-right-width:0;border-bottom-width:0;transition:all .5s}.modal.modal__newsletter .modal__newsletter--form .input-group--inner:has(input:focus):before{width:100%;height:100%}.modal.modal__newsletter .modal__newsletter--btn{width:5rem;height:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 auto;color:#4a4a49;background:#f9f8f5;transform:rotate(-90deg);border-width:0}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter--btn{width:6.1rem;height:6.1rem}}.modal.modal__newsletter .modal__newsletter--btn svg:not(.line){width:1rem;height:.5rem}.modal.modal__newsletter .modal__newsletter--btn svg.line{height:0;width:1rem;margin-bottom:-.5rem;transition:all .5s}.modal.modal__newsletter .modal__newsletter--btn:hover .line{height:1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
2368
|
+
}
|
|
2369
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonNewsletterModalComponent, decorators: [{
|
|
2370
|
+
type: Component,
|
|
2371
|
+
args: [{ selector: 'lib-babylon-newsletter-modal', standalone: true, imports: [CommonModule], template: "<div class=\"modal modal__newsletter\">\n <div class=\"modal__inner\">\n <div class=\"modal__box\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"newsletter\"\n role=\"button\"\n (click)=\"close()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n <div class=\"modal__newsletter-image\">\n <figure>\n <img src=\"/assets/babylon/images/img-37.webp\" />\n </figure>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"modal__newsletter-image--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n </div>\n <div class=\"modal__newsletter-content\">\n <div class=\"modal__newsletter-content--heading\">\n <h3>Newsletter</h3>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-envelope.svg#icon-envelope\"\n ></use>\n </svg>\n </div>\n <div class=\"modal__newsletter-content--text\">\n <p>\n Ap\u00FAntate y recibe nuestra newsletter con promociones\n especiales, eventos y m\u00E1s.\n </p>\n <form class=\"modal__newsletter--form\">\n <div class=\"input-group\">\n <div class=\"input-group--inner\">\n <label class=\"label\" for=\"email\"\n >Tu e-mail</label\n >\n <input\n type=\"text\"\n class=\"input-control\"\n name=\"email\"\n id=\"email\"\n placeholder=\"@....\"\n />\n </div>\n <button\n class=\"modal__newsletter--btn\"\n role=\"button\"\n >\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"line\"\n >\n <use\n href=\"/assets/babylon/svg/icon-long-arrow.svg#icon-long-arrow\"\n ></use>\n </svg>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"\n ></use>\n </svg>\n </button>\n </div>\n <div class=\"checkbox__group\">\n <label>\n <input type=\"checkbox\" name=\"checkbox\" />\n <span>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"checkbox--tick\"\n >\n <use\n href=\"/assets/babylon/svg/icon-tick.svg#icon-tick\"\n ></use>\n </svg>\n Acepto Pol\u00EDtica de privacidad\n </span>\n </label>\n </div>\n </form>\n </div>\n </div>\n </div>\n </div>\n</div>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.modal{opacity:1!important;pointer-events:all!important}.modal.modal__newsletter{background:#4a4a49b3}.modal--open.newsletter .modal.modal__newsletter{opacity:1;pointer-events:auto}.modal.modal__newsletter .modal__inner{display:flex;min-height:100%;align-items:flex-start;justify-content:center;padding-top:7rem}@media (min-width: 540px){.modal.modal__newsletter .modal__inner{padding-top:5.4rem}}@media (min-width: 768px){.modal.modal__newsletter .modal__inner{padding-top:9.9rem}}@media (min-width: 1024px){.modal.modal__newsletter .modal__inner{padding-top:16.5rem}}@media (min-width: 1280px){.modal.modal__newsletter .modal__inner{padding-top:0;align-items:center}}.modal.modal__newsletter .modal__close{position:absolute;top:0;right:0;transform:translate(50%,-50%)}.modal.modal__newsletter .modal__box{position:relative;background:#fff;min-height:100px;width:100%;max-width:29.5rem;display:flex;flex-direction:column}@media (min-width: 540px){.modal.modal__newsletter .modal__box{max-width:41.8rem}}@media (min-width: 768px){.modal.modal__newsletter .modal__box{max-width:48.6rem}}@media (min-width: 1280px){.modal.modal__newsletter .modal__box{max-width:97.2rem;flex-direction:row-reverse}}@media (min-width: 1680px){.modal.modal__newsletter .modal__box{max-width:120rem}}.modal.modal__newsletter .modal__box:has(.modal__newsletter-image) .modal__newsletter-content--label{display:none}.modal.modal__newsletter .modal__box:has(.modal__newsletter-image) .modal__newsletter-image--graphic{display:block}.modal.modal__newsletter .modal__newsletter-image{width:100%;position:relative}.modal.modal__newsletter .modal__newsletter-image figure{aspect-ratio:295/220}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-image figure{aspect-ratio:418/315}}@media (min-width: 768px){.modal.modal__newsletter .modal__newsletter-image figure{aspect-ratio:486/437}}@media (min-width: 1280px){.modal.modal__newsletter .modal__newsletter-image figure{min-height:100%}}.modal.modal__newsletter .modal__newsletter-image figure img{object-position:top}.modal.modal__newsletter .modal__newsletter-image--label{position:absolute;bottom:-.1rem;left:0;font-weight:500;text-transform:uppercase;color:#fff;padding:.9rem 2.6rem .7rem;background:#4a4a4999;font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-image--label{bottom:.1rem}}@media (min-width: 768px){.modal.modal__newsletter .modal__newsletter-image--label{left:3rem;bottom:0}}@media (min-width: 1680px){.modal.modal__newsletter .modal__newsletter-image--label{left:4rem}}.modal.modal__newsletter .modal__newsletter-image--graphic{position:absolute;left:50%;bottom:0;transform:scaleY(-1) translate(-50%);aspect-ratio:2/1;color:#f9f8f5;width:6rem}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-image--graphic{width:10rem}}@media (min-width: 1280px){.modal.modal__newsletter .modal__newsletter-image--graphic{left:0;right:unset;bottom:unset;color:#fff;top:50%;transform:translate(-50%) rotate(-90deg);transform-origin:top}}@media (min-width: 1280px){.modal.modal__newsletter .modal__newsletter-image,.modal.modal__newsletter .modal__newsletter-content{flex:0 0 50%}}.modal.modal__newsletter .modal__newsletter-content{display:flex;flex-direction:column}.modal.modal__newsletter .modal__newsletter-content--heading{display:flex;justify-content:space-between;align-items:center;background:#f9f8f5;padding:3.5rem 3rem 2rem;flex:0 0 auto;color:#4a4a49cc}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-content--heading{padding:4.5rem 3.9rem 3.2rem}}@media (min-width: 768px){.modal.modal__newsletter .modal__newsletter-content--heading{padding:5.4rem 6.4rem 3.889rem}}@media (min-width: 1680px){.modal.modal__newsletter .modal__newsletter-content--heading{padding:9.9rem 9rem 3.889rem}}.modal.modal__newsletter .modal__newsletter-content--heading h3{text-transform:uppercase;color:inherit;font-size:1.6rem;line-height:1;letter-spacing:.064rem}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-content--heading h3{font-size:1.7rem;line-height:1;letter-spacing:.17rem}}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-content--heading h3{font-size:2rem;line-height:1}}@media (min-width: 1280px){.modal.modal__newsletter .modal__newsletter-content--heading h3{letter-spacing:.3rem}}.modal.modal__newsletter .modal__newsletter-content--heading svg{width:1.9rem;height:1.5rem}.modal.modal__newsletter .modal__newsletter-content--heading p{font-size:1.6rem;line-height:1;letter-spacing:.032rem;color:#4a4a49cc}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-content--heading p{font-size:1.8rem;line-height:1}}.modal.modal__newsletter .modal__newsletter-content--text{flex:1 1 100%;display:flex;flex-direction:column;padding:2rem 3rem 3.05rem}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-content--text{padding:2.5rem 3.9rem 5.05rem}}@media (min-width: 768px){.modal.modal__newsletter .modal__newsletter-content--text{padding:3rem 6.2rem 5.05rem}}@media (min-width: 1680px){.modal.modal__newsletter .modal__newsletter-content--text{padding:4rem 9rem 6.55rem}}.modal.modal__newsletter .modal__newsletter-content--text p{margin-bottom:3rem;color:#4a4a49cc;font-size:1.6rem;line-height:1.5}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter-content--text p{font-size:1.8rem;line-height:1.5555555556;margin-bottom:6.4rem}}@media (min-width: 768px){.modal.modal__newsletter .modal__newsletter-content--text p{font-size:2rem;line-height:1.6;letter-spacing:.04rem;margin-bottom:8.8rem}}@media (min-width: 1280px){.modal.modal__newsletter .modal__newsletter-content--text p{margin-bottom:auto}}@media (min-width: 1680px){.modal.modal__newsletter .modal__newsletter-content--text p{font-size:2rem;line-height:1.7}}.modal.modal__newsletter .modal__newsletter--form{display:flex;flex-direction:column;gap:2rem}.modal.modal__newsletter .modal__newsletter--form .input-group{display:flex}.modal.modal__newsletter .modal__newsletter--form .input-group--inner{flex:1 1 auto;position:relative;border-bottom:1px solid #dcdcdc}.modal.modal__newsletter .modal__newsletter--form .input-group--inner input{width:100%;height:100%;max-height:4.9rem;border-width:0;outline:0;padding:2.9rem 2rem 1rem;color:#4a4a49;font-size:1.6rem;line-height:1}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter--form .input-group--inner input{padding-top:3rem;max-height:6rem}}@media (min-width: 1800px){.modal.modal__newsletter .modal__newsletter--form .input-group--inner input{font-size:1.4rem;line-height:1}}.modal.modal__newsletter .modal__newsletter--form .input-group--inner label{position:absolute;font-size:1.6rem;line-height:1;color:#4a4a49;top:.8rem;left:2rem}.modal.modal__newsletter .modal__newsletter--form .input-group--inner:before{content:\"\";position:absolute;width:0;height:0;border:1px solid #dcdcdc;border-right-width:0;border-bottom-width:0;transition:all .5s}.modal.modal__newsletter .modal__newsletter--form .input-group--inner:has(input:focus):before{width:100%;height:100%}.modal.modal__newsletter .modal__newsletter--btn{width:5rem;height:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 auto;color:#4a4a49;background:#f9f8f5;transform:rotate(-90deg);border-width:0}@media (min-width: 540px){.modal.modal__newsletter .modal__newsletter--btn{width:6.1rem;height:6.1rem}}.modal.modal__newsletter .modal__newsletter--btn svg:not(.line){width:1rem;height:.5rem}.modal.modal__newsletter .modal__newsletter--btn svg.line{height:0;width:1rem;margin-bottom:-.5rem;transition:all .5s}.modal.modal__newsletter .modal__newsletter--btn:hover .line{height:1.5rem}\n"] }]
|
|
2372
|
+
}] });
|
|
2373
|
+
|
|
2230
2374
|
class BabylonOfferDetailV2Component {
|
|
2231
2375
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonOfferDetailV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2232
2376
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonOfferDetailV2Component, isStandalone: true, selector: "lib-babylon-offer-detail-v2", ngImport: i0, template: "<section class=\"oferta-ficha oferta-ficha--right js-bgHeight-section\">\n <div class=\"container\">\n <div class=\"oferta-ficha__inner\">\n <div class=\"oferta-ficha__content\">\n <div class=\"oferta-ficha__content--inner\">\n <div class=\"oferta-ficha__heading js-bgHeight-heading\">\n <span class=\"oferta-ficha__heading--badge\">OFerta</span>\n <h2>Reservar por la web tiene muchas ventajas</h2>\n <p>Blanco Hotel Formentera</p>\n </div>\n <div\n class=\"oferta-ficha__image oferta-ficha__image--mobile\"\n >\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"oferta-ficha__graphic--top\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"oferta-ficha__graphic--bottom\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <figure>\n <img src=\"/assets/babylon/images/img-17.webp\" />\n </figure>\n </div>\n <div class=\"oferta-ficha__text\">\n <div class=\"oferta-ficha__price-discount\">\n <div>\n <span\n class=\"oferta-ficha__price-discount--label\"\n >Desde</span\n >\n <span\n class=\"oferta-ficha__price-discount--price\"\n >485\u20AC</span\n >\n </div>\n <div class=\"btn__group\">\n <button class=\"btn btn__primary\">\n <span>Book Now</span>\n </button>\n </div>\n </div>\n <div class=\"oferta-ficha__text--box\">\n <p>\n Many desktop publishing packages and web page\n editors now use Lorem Ipsum as their default\n model text, and a search for lorem ipsum will\n uncover many web sites still in their infancy\n various versions have evolved. Many desktop\n publishing packages and web page editors now use\n Lorem Ipsum as their default model text, and a\n search for lorem ipsum will uncover many web\n sites still in their infancy various versions\n have evolved publishing packages and web page\n editors now use Lorem Ipsum as their default\n model text, and a search for lorem ipsum will\n uncover many web sites still in their infancy\n various versions have evolved.\n </p>\n </div>\n <div class=\"btn__link-group\">\n <a href=\"\" class=\"btn__link--withIcon\">\n <span class=\"btn__link--icon\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"line\"\n >\n <use\n href=\"/assets/babylon/svg/arrow-line.svg#arrow-line\"\n ></use>\n </svg>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-arrow.svg#icon-arrow\"\n ></use>\n </svg>\n </span>\n <span>Volver</span>\n </a>\n </div>\n </div>\n </div>\n </div>\n <div class=\"oferta-ficha__image oferta-ficha__image--desktop\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"oferta-ficha__graphic--top\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"oferta-ficha__graphic--bottom\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <figure>\n <img src=\"/assets/babylon/images/img-17.webp\" />\n </figure>\n </div>\n </div>\n </div>\n</section>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.oferta-ficha{padding-block:3rem 5rem;overflow:clip;position:relative;isolation:isolate}@media (min-width: 540px){.oferta-ficha{padding-block:4rem 6.2rem}}@media (min-width: 768px){.oferta-ficha{padding-block:4.8rem 8.1rem}}@media (min-width: 1024px){.oferta-ficha{padding-bottom:7rem}}@media (min-width: 1280px){.oferta-ficha{padding-block:12rem 8rem}}@media (min-width: 1366px){.oferta-ficha{padding-block:11rem 9rem}}@media (min-width: 1680px){.oferta-ficha{padding-block:7.9rem 10rem}}@media (min-width: 1800px){.oferta-ficha{padding-top:7rem}}.oferta-ficha:before{content:\"\";position:absolute;inset:0 0 auto;height:var(--bg-height);background:#f9f8f5;z-index:-1}.oferta-ficha__inner{width:100%;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:4rem}@media (min-width: 540px){.oferta-ficha__inner{gap:5rem}}@media (min-width: 768px){.oferta-ficha__inner{gap:7rem}}@media (min-width: 1280px){.oferta-ficha__inner{flex-direction:row;align-items:flex-start;gap:0}}.oferta-ficha__image{width:29.5rem;flex:0 0 auto;position:relative}@media (min-width: 540px){.oferta-ficha__image{width:42rem}}@media (min-width: 768px){.oferta-ficha__image{width:58.889rem}}@media (min-width: 1280px){.oferta-ficha__image{overflow:hidden;width:49.874rem;position:sticky;top:8rem}}@media (min-width: 1280px) and (min-width: 1680px){.oferta-ficha__image{top:9rem}}@media (min-width: 1366px){.oferta-ficha__image{width:52.1rem}}@media (min-width: 1680px){.oferta-ficha__image{width:64.7rem}}@media (min-width: 1800px){.oferta-ficha__image{width:65.6rem}}.oferta-ficha__image figure{aspect-ratio:295/266}.oferta-ficha__image--mobile{position:relative;isolation:isolate}@media (min-width: 1280px){.oferta-ficha__image--mobile{display:none}}.oferta-ficha__image--mobile:before{content:\"\";z-index:-1;position:absolute;left:50%;width:100svw;transform:translate(-50%);height:50%;top:0;background:#f9f8f5}.oferta-ficha__image--desktop{display:none}@media (min-width: 1280px){.oferta-ficha__image--desktop{display:block}}.oferta-ficha__graphic--top,.oferta-ficha__graphic--bottom{position:absolute;left:50%;top:0;aspect-ratio:2/1;width:10rem;color:#fff;display:none;z-index:1}@media (min-width: 540px){.oferta-ficha__graphic--top,.oferta-ficha__graphic--bottom{display:block}}.oferta-ficha__graphic--top{transform:translate(-50%);color:#f9f8f5}.oferta-ficha__graphic--bottom{top:unset;bottom:0;transform:scaleY(-1) translate(-50%)}.oferta-ficha__content{flex:1 1 auto;display:flex;flex-direction:column;align-items:center}@media (min-width: 1280px) and (max-width: 1679.98px){.oferta-ficha__content{align-items:flex-start}}.oferta-ficha__content--inner{max-width:29.5rem;width:100%;display:flex;flex-direction:column}@media (min-width: 540px){.oferta-ficha__content--inner{max-width:42rem}}@media (min-width: 768px){.oferta-ficha__content--inner{max-width:58.889rem}}@media (min-width: 1280px){.oferta-ficha__content--inner{max-width:49.7rem}}@media (min-width: 1366px){.oferta-ficha__content--inner{max-width:52.1rem}}@media (min-width: 1680px){.oferta-ficha__content--inner{max-width:54rem}}.oferta-ficha__heading{display:flex;flex-direction:column;gap:2rem;padding-block:5.3rem 3rem;position:relative}@media (min-width: 540px){.oferta-ficha__heading{padding-block:6.6rem 4rem}}@media (min-width: 768px){.oferta-ficha__heading{padding-top:7.6rem}}@media (min-width: 1280px){.oferta-ficha__heading{padding-top:9.6rem}}@media (min-width: 1680px){.oferta-ficha__heading{padding-top:10.6rem}}@media (min-width: 1800px){.oferta-ficha__heading{padding-top:11.6rem}}.oferta-ficha__heading--badge{position:absolute;top:0;left:0;text-transform:uppercase;font-size:1.4rem;line-height:1;letter-spacing:.14rem;font-weight:500;color:#fff;padding:.7rem 2.6rem .5rem;background:#4a4a4999}.oferta-ficha__heading h2{font-size:2.8rem;line-height:1}@media (min-width: 540px){.oferta-ficha__heading h2{font-size:3.4rem;line-height:1}}@media (min-width: 768px){.oferta-ficha__heading h2{font-size:4.2rem;line-height:1.0952380952}}@media (min-width: 1366px){.oferta-ficha__heading h2{font-size:5rem;line-height:1.08}}.oferta-ficha__heading p{font-size:1.8rem;line-height:1;letter-spacing:.036rem;color:#4a4a49cc}.oferta-ficha__text--box{padding-block:3rem;border-block:1px solid #dcdcdc;color:#4a4a49cc}@media (min-width: 540px){.oferta-ficha__text--box{padding-block:4rem}}@media (min-width: 768px){.oferta-ficha__text--box{padding-block:5rem}}.oferta-ficha__text--box p{font-size:1.6rem;line-height:1.5}@media (min-width: 540px){.oferta-ficha__text--box p{font-size:1.8rem;line-height:1.5555555556}}@media (min-width: 768px){.oferta-ficha__text--box p{font-size:2rem;line-height:1.6;letter-spacing:.04rem}}@media (min-width: 1280px){.oferta-ficha__text--box p{font-size:2rem;line-height:1.7}}.oferta-ficha__text .oferta-ficha__price-discount{display:flex;flex-direction:column;align-items:center;gap:2.4rem;padding-block:3rem}@media (min-width: 540px){.oferta-ficha__text .oferta-ficha__price-discount{gap:3rem;padding-block:4rem}}@media (min-width: 768px){.oferta-ficha__text .oferta-ficha__price-discount{flex-direction:row;gap:0;justify-content:space-between;align-items:flex-end;padding-bottom:5.4rem}}.oferta-ficha__text .oferta-ficha__price-discount>div{position:relative;display:block}@media (min-width: 768px){.oferta-ficha__text .oferta-ficha__price-discount>div{display:flex;flex-direction:column;gap:1.4rem;flex:0 0 auto}}@media (min-width: 1680px){.oferta-ficha__text .oferta-ficha__price-discount>div{gap:1.6rem}}.oferta-ficha__text .oferta-ficha__price-discount--price,.oferta-ficha__text .oferta-ficha__price-discount--discount{font-size:4.8rem;line-height:1;letter-spacing:-.096rem}@media (min-width: 1680px){.oferta-ficha__text .oferta-ficha__price-discount--price,.oferta-ficha__text .oferta-ficha__price-discount--discount{font-size:5.4rem;line-height:1}}.oferta-ficha__text .oferta-ficha__price-discount--label{position:absolute;font-size:1.6rem;line-height:1;letter-spacing:.032rem;right:100%;bottom:.8rem;transform:translate(-2.5rem)}@media (min-width: 540px){.oferta-ficha__text .oferta-ficha__price-discount--label{font-size:1.8rem;line-height:1;bottom:.7rem}}@media (min-width: 768px){.oferta-ficha__text .oferta-ficha__price-discount--label{position:static;transform:translate(0)}}.oferta-ficha__text .oferta-ficha__price-discount .btn__group{margin-bottom:.5rem}@media (min-width: 1280px){.oferta-ficha--right .oferta-ficha__inner{flex-direction:row-reverse}}@media (min-width: 1280px) and (max-width: 1679.98px){.oferta-ficha--right .oferta-ficha__content{align-items:flex-end}}\n"] }); }
|
|
@@ -2245,6 +2389,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2245
2389
|
args: [{ selector: 'lib-babylon-offer-detail', standalone: true, imports: [], template: "<section class=\"babylon__offer-details margin-main\" >\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"row justify-content-center\">\n <div class=\"col-lg-8\">\n <div class=\"box_contents_in\">\n <div class=\"intro_info no-align box-price\"> \n <h3 class=\"pretitle mb--0\">offer detail</h3>\n <h2 class=\"title mb--0\">Reservar en la web tiene muchas ventajas </h2> \n <div class=\"price\">desde<span> 127\u20AC</span></div> \n \n <div class=\"btns__box\">\n <a href=\" \" class=\"btn btn_primary btn_call\">\n <b>reservar ahora</b>\n <span class=\"babylon-arrow-right-big\"></span> \n </a>\n </div> \n </div> \n <div class=\"intro_info no-align \"> \n <p class=\"text\">At vero eos et accusamus et iusto odio <strong>dignissimos ducimus</strong> qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga</p>\n <p class=\"text\">At vero eos et accusamus et iusto odio <strong>dignissimos ducimus</strong> qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga</p>\n </div> \n </div>\n </div>\n <div class=\"col-lg-10 my-4\">\n <div class=\"cs_image_layer cs_about_img\">\n <figure> <img src=\"/assets/babylon/fotos/about_us_1.jpeg\" alt=\"Contact\" class=\"cs--radius\"> </figure>\n </div> \n </div>\n <div class=\"col-lg-8\">\n <div class=\"box_contents_in \">\n <div class=\"intro_info no-align\"> \n <h3 class=\"title--small\">un hotel para toda la familia</h3>\n <p class=\"text\">At vero eos et accusamus et iusto odio <strong>dignissimos ducimus</strong> qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga</p>\n <p class=\"text\">At vero eos et accusamus et iusto odio <strong>dignissimos ducimus</strong> qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga</p>\n </div> \n </div>\n <div class=\"btns__box \">\n <a href=\"#\" class=\"btn-link \">\n <span class=\"babylon-arrow-left-big\"></span> \n <b>Volver</b> \n </a>\n </div> \n </div>\n </div>\n </div>\n</section>", 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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.babylon__offer-details p{padding-bottom:1rem}.babylon__offer-details .intro_info.box-price{position:relative;padding-right:160px}@media (max-width: 991px){.babylon__offer-details .intro_info.box-price{padding-right:0}}.babylon__offer-details .price{position:absolute;z-index:4;top:0;right:0;padding:10px 15px;line-height:1;font-style:normal;color:var(--cl_subtitle)}.babylon__offer-details .price span{font-size:60px;display:block}@media (max-width: 991px){.babylon__offer-details .price{position:relative;right:auto}.babylon__offer-details .price em{font-size:40px}}.babylon__offer-details .title--small{margin-bottom:20px}\n"] }]
|
|
2246
2390
|
}] });
|
|
2247
2391
|
|
|
2392
|
+
class BabylonOfferPopupV2Component {
|
|
2393
|
+
constructor() {
|
|
2394
|
+
this.dialogRef = inject(MatDialogRef);
|
|
2395
|
+
}
|
|
2396
|
+
close() {
|
|
2397
|
+
this.dialogRef.close();
|
|
2398
|
+
}
|
|
2399
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonOfferPopupV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2400
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonOfferPopupV2Component, isStandalone: true, selector: "lib-babylon-offer-popup-v2", ngImport: i0, template: "<div class=\"modal modal__offers\">\n <div class=\"modal__inner\">\n <div class=\"modal__box\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"offers\"\n role=\"button\"\n (click)=\"close()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n <span class=\"modal__offers-title\">promoci\u00F3n destacada</span>\n <div class=\"modal__offers-image\">\n <figure>\n <img src=\"/assets/babylon/images/img-17.webp\" />\n </figure>\n <span class=\"modal__offers-image--label\">OFerta</span>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"modal__offers-image--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n </div>\n <div class=\"modal__offers-content\">\n <span class=\"modal__offers-content--label\">OFerta</span>\n <div class=\"modal__offers-content--heading\">\n <h2>Reservar por la web tiene muchas ventajas</h2>\n <p>Blanco Hotel Formentera</p>\n </div>\n <div class=\"modal__offers-content--price-discount\">\n <div>\n <span\n class=\"modal__offers-content--price-discount--label\"\n >Desde</span\n >\n <span\n class=\"modal__offers-content--price-discount--price\"\n >485\u20AC</span\n >\n </div>\n </div>\n <div class=\"btn__group\">\n <a href=\"/\" class=\"btn btn__primary\" tabindex=\"0\"\n ><span>M\u00E1s Informaci\u00F3n</span></a\n >\n <a href=\"/\" class=\"btn btn__primary\" tabindex=\"0\"\n ><span>Book Now</span></a\n >\n </div>\n </div>\n </div>\n </div>\n</div>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.modal{opacity:1!important;pointer-events:all!important}.modal.modal__offers{background:#4a4a49b3}.modal--open.offers .modal.modal__offers{opacity:1;pointer-events:auto}.modal.modal__offers .modal__inner{display:flex;min-height:100%;align-items:flex-start;justify-content:center;padding-top:7rem}@media (min-width: 540px){.modal.modal__offers .modal__inner{padding-top:5.4rem}}@media (min-width: 768px){.modal.modal__offers .modal__inner{padding-top:9.9rem}}@media (min-width: 1024px){.modal.modal__offers .modal__inner{padding-top:16.5rem}}@media (min-width: 1280px){.modal.modal__offers .modal__inner{padding-top:0;align-items:center}}.modal.modal__offers .modal__close{position:absolute;top:0;right:0;transform:translate(50%,-50%)}.modal.modal__offers .modal__box{position:relative;background:#fff;min-height:100px;width:100%;max-width:29.5rem;display:flex;flex-direction:column}@media (min-width: 540px){.modal.modal__offers .modal__box{max-width:41.8rem}}@media (min-width: 768px){.modal.modal__offers .modal__box{max-width:48.6rem}}@media (min-width: 1280px){.modal.modal__offers .modal__box{max-width:97.2rem;flex-direction:row}}@media (min-width: 1680px){.modal.modal__offers .modal__box{max-width:120rem}}.modal.modal__offers .modal__box:has(.modal__offers-image) .modal__offers-content--label{display:none}.modal.modal__offers .modal__box:has(.modal__offers-image) .modal__offers-image--graphic{display:block}.modal.modal__offers .modal__offers-title{text-transform:uppercase;position:absolute;top:-1.6rem;transform:translateY(-100%);width:100%;text-align:center;color:#fff;font-size:1.4rem;line-height:1;letter-spacing:.084rem}@media (min-width: 540px){.modal.modal__offers .modal__offers-title{top:-2rem;font-size:1.4rem;line-height:1.4285714286;letter-spacing:.14rem}}@media (min-width: 768px){.modal.modal__offers .modal__offers-title{top:-3.6rem;font-size:1.7rem;line-height:1.2941176471}}@media (min-width: 1280px){.modal.modal__offers .modal__offers-title{top:-3.8rem;font-size:1.8rem;line-height:1;letter-spacing:.36rem}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-title{top:-4rem}}.modal.modal__offers .modal__offers-image{width:100%;position:relative}.modal.modal__offers .modal__offers-image figure{aspect-ratio:295/220}@media (min-width: 540px){.modal.modal__offers .modal__offers-image figure{aspect-ratio:418/315}}@media (min-width: 768px){.modal.modal__offers .modal__offers-image figure{aspect-ratio:486/437}}@media (min-width: 1280px){.modal.modal__offers .modal__offers-image figure{min-height:100%}}.modal.modal__offers .modal__offers-image figure img{object-position:top}.modal.modal__offers .modal__offers-image--label{position:absolute;bottom:-.1rem;left:0;font-weight:500;text-transform:uppercase;color:#fff;padding:.9rem 2.6rem .7rem;background:#4a4a4999;font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 540px){.modal.modal__offers .modal__offers-image--label{bottom:.1rem}}@media (min-width: 768px){.modal.modal__offers .modal__offers-image--label{left:3rem;bottom:0}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-image--label{left:4rem}}.modal.modal__offers .modal__offers-image--graphic{display:none;position:absolute;left:50%;bottom:0;transform:scaleY(-1) translate(-50%);color:#fff;aspect-ratio:2/1;width:6rem}@media (min-width: 540px){.modal.modal__offers .modal__offers-image--graphic{width:10rem}}@media (min-width: 1280px){.modal.modal__offers .modal__offers-image--graphic{left:unset;right:0;bottom:unset;top:50%;transform:rotate(90deg) translate(-50%);transform-origin:bottom}}@media (min-width: 1280px){.modal.modal__offers .modal__offers-image,.modal.modal__offers .modal__offers-content{flex:0 0 50%}}.modal.modal__offers .modal__offers-content{position:relative;padding:2.1rem 1.8rem 2.3rem 1.7rem;display:flex;flex-direction:column}@media (min-width: 540px){.modal.modal__offers .modal__offers-content{padding:2rem 2.5rem 3rem 3.1rem}}@media (min-width: 768px){.modal.modal__offers .modal__offers-content{padding:5rem 7rem 4rem}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content{padding:6.7rem 9rem 6rem}}.modal.modal__offers .modal__offers-content--label{position:absolute;top:0;left:0;font-weight:500;text-transform:uppercase;color:#fff;padding:.9rem 2.6rem .7rem;background:#4a4a4999;font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 768px){.modal.modal__offers .modal__offers-content--label{left:3rem}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content--label{left:4rem}}.modal.modal__offers .modal__offers-content--heading{padding-bottom:2rem;border-bottom:1px solid #dcdcdc;display:flex;flex-direction:column;gap:1.2rem}@media (min-width: 540px){.modal.modal__offers .modal__offers-content--heading{padding-bottom:3rem;gap:1.4rem}}@media (min-width: 768px){.modal.modal__offers .modal__offers-content--heading{padding-bottom:4.05rem}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content--heading{padding-bottom:5rem;gap:2rem}}.modal.modal__offers .modal__offers-content--heading h2{font-size:2.8rem;line-height:1}@media (min-width: 540px){.modal.modal__offers .modal__offers-content--heading h2{font-size:3.2rem;line-height:1}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content--heading h2{font-size:4rem;line-height:1;letter-spacing:.08rem}}.modal.modal__offers .modal__offers-content--heading p{font-size:1.6rem;line-height:1;letter-spacing:.032rem;color:#4a4a49cc}@media (min-width: 540px){.modal.modal__offers .modal__offers-content--heading p{font-size:1.8rem;line-height:1}}.modal.modal__offers .modal__offers-content--price-discount{display:block;margin-inline:auto;padding-block:2rem 2.4rem}@media (min-width: 540px){.modal.modal__offers .modal__offers-content--price-discount{padding-block:3rem}}@media (min-width: 768px){.modal.modal__offers .modal__offers-content--price-discount{padding-block:3.05rem 4.3rem}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content--price-discount{padding-block:4rem 5.7rem}}.modal.modal__offers .modal__offers-content--price-discount>div{position:relative}.modal.modal__offers .modal__offers-content--price-discount--price,.modal.modal__offers .modal__offers-content--price-discount--discount{font-size:4.8rem;line-height:1;letter-spacing:-.096rem}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content--price-discount--price,.modal.modal__offers .modal__offers-content--price-discount--discount{font-size:5.4rem;line-height:1}}.modal.modal__offers .modal__offers-content--price-discount--label{position:absolute;font-size:1.8rem;line-height:1;letter-spacing:.036rem;color:#4a4a49cc;right:100%;bottom:.7rem;transform:translate(-2.5rem)}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content--price-discount--label{bottom:.9rem}}.modal.modal__offers .modal__offers-content .btn__group{align-items:center;flex-direction:column;gap:1.2rem}@media (min-width: 540px){.modal.modal__offers .modal__offers-content .btn__group{gap:1.8rem}}@media (min-width: 768px){.modal.modal__offers .modal__offers-content .btn__group{gap:1.4rem}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content .btn__group{gap:2rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
2401
|
+
}
|
|
2402
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonOfferPopupV2Component, decorators: [{
|
|
2403
|
+
type: Component,
|
|
2404
|
+
args: [{ selector: 'lib-babylon-offer-popup-v2', standalone: true, imports: [CommonModule], template: "<div class=\"modal modal__offers\">\n <div class=\"modal__inner\">\n <div class=\"modal__box\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"offers\"\n role=\"button\"\n (click)=\"close()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n <span class=\"modal__offers-title\">promoci\u00F3n destacada</span>\n <div class=\"modal__offers-image\">\n <figure>\n <img src=\"/assets/babylon/images/img-17.webp\" />\n </figure>\n <span class=\"modal__offers-image--label\">OFerta</span>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"modal__offers-image--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n </div>\n <div class=\"modal__offers-content\">\n <span class=\"modal__offers-content--label\">OFerta</span>\n <div class=\"modal__offers-content--heading\">\n <h2>Reservar por la web tiene muchas ventajas</h2>\n <p>Blanco Hotel Formentera</p>\n </div>\n <div class=\"modal__offers-content--price-discount\">\n <div>\n <span\n class=\"modal__offers-content--price-discount--label\"\n >Desde</span\n >\n <span\n class=\"modal__offers-content--price-discount--price\"\n >485\u20AC</span\n >\n </div>\n </div>\n <div class=\"btn__group\">\n <a href=\"/\" class=\"btn btn__primary\" tabindex=\"0\"\n ><span>M\u00E1s Informaci\u00F3n</span></a\n >\n <a href=\"/\" class=\"btn btn__primary\" tabindex=\"0\"\n ><span>Book Now</span></a\n >\n </div>\n </div>\n </div>\n </div>\n</div>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.modal{opacity:1!important;pointer-events:all!important}.modal.modal__offers{background:#4a4a49b3}.modal--open.offers .modal.modal__offers{opacity:1;pointer-events:auto}.modal.modal__offers .modal__inner{display:flex;min-height:100%;align-items:flex-start;justify-content:center;padding-top:7rem}@media (min-width: 540px){.modal.modal__offers .modal__inner{padding-top:5.4rem}}@media (min-width: 768px){.modal.modal__offers .modal__inner{padding-top:9.9rem}}@media (min-width: 1024px){.modal.modal__offers .modal__inner{padding-top:16.5rem}}@media (min-width: 1280px){.modal.modal__offers .modal__inner{padding-top:0;align-items:center}}.modal.modal__offers .modal__close{position:absolute;top:0;right:0;transform:translate(50%,-50%)}.modal.modal__offers .modal__box{position:relative;background:#fff;min-height:100px;width:100%;max-width:29.5rem;display:flex;flex-direction:column}@media (min-width: 540px){.modal.modal__offers .modal__box{max-width:41.8rem}}@media (min-width: 768px){.modal.modal__offers .modal__box{max-width:48.6rem}}@media (min-width: 1280px){.modal.modal__offers .modal__box{max-width:97.2rem;flex-direction:row}}@media (min-width: 1680px){.modal.modal__offers .modal__box{max-width:120rem}}.modal.modal__offers .modal__box:has(.modal__offers-image) .modal__offers-content--label{display:none}.modal.modal__offers .modal__box:has(.modal__offers-image) .modal__offers-image--graphic{display:block}.modal.modal__offers .modal__offers-title{text-transform:uppercase;position:absolute;top:-1.6rem;transform:translateY(-100%);width:100%;text-align:center;color:#fff;font-size:1.4rem;line-height:1;letter-spacing:.084rem}@media (min-width: 540px){.modal.modal__offers .modal__offers-title{top:-2rem;font-size:1.4rem;line-height:1.4285714286;letter-spacing:.14rem}}@media (min-width: 768px){.modal.modal__offers .modal__offers-title{top:-3.6rem;font-size:1.7rem;line-height:1.2941176471}}@media (min-width: 1280px){.modal.modal__offers .modal__offers-title{top:-3.8rem;font-size:1.8rem;line-height:1;letter-spacing:.36rem}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-title{top:-4rem}}.modal.modal__offers .modal__offers-image{width:100%;position:relative}.modal.modal__offers .modal__offers-image figure{aspect-ratio:295/220}@media (min-width: 540px){.modal.modal__offers .modal__offers-image figure{aspect-ratio:418/315}}@media (min-width: 768px){.modal.modal__offers .modal__offers-image figure{aspect-ratio:486/437}}@media (min-width: 1280px){.modal.modal__offers .modal__offers-image figure{min-height:100%}}.modal.modal__offers .modal__offers-image figure img{object-position:top}.modal.modal__offers .modal__offers-image--label{position:absolute;bottom:-.1rem;left:0;font-weight:500;text-transform:uppercase;color:#fff;padding:.9rem 2.6rem .7rem;background:#4a4a4999;font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 540px){.modal.modal__offers .modal__offers-image--label{bottom:.1rem}}@media (min-width: 768px){.modal.modal__offers .modal__offers-image--label{left:3rem;bottom:0}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-image--label{left:4rem}}.modal.modal__offers .modal__offers-image--graphic{display:none;position:absolute;left:50%;bottom:0;transform:scaleY(-1) translate(-50%);color:#fff;aspect-ratio:2/1;width:6rem}@media (min-width: 540px){.modal.modal__offers .modal__offers-image--graphic{width:10rem}}@media (min-width: 1280px){.modal.modal__offers .modal__offers-image--graphic{left:unset;right:0;bottom:unset;top:50%;transform:rotate(90deg) translate(-50%);transform-origin:bottom}}@media (min-width: 1280px){.modal.modal__offers .modal__offers-image,.modal.modal__offers .modal__offers-content{flex:0 0 50%}}.modal.modal__offers .modal__offers-content{position:relative;padding:2.1rem 1.8rem 2.3rem 1.7rem;display:flex;flex-direction:column}@media (min-width: 540px){.modal.modal__offers .modal__offers-content{padding:2rem 2.5rem 3rem 3.1rem}}@media (min-width: 768px){.modal.modal__offers .modal__offers-content{padding:5rem 7rem 4rem}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content{padding:6.7rem 9rem 6rem}}.modal.modal__offers .modal__offers-content--label{position:absolute;top:0;left:0;font-weight:500;text-transform:uppercase;color:#fff;padding:.9rem 2.6rem .7rem;background:#4a4a4999;font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 768px){.modal.modal__offers .modal__offers-content--label{left:3rem}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content--label{left:4rem}}.modal.modal__offers .modal__offers-content--heading{padding-bottom:2rem;border-bottom:1px solid #dcdcdc;display:flex;flex-direction:column;gap:1.2rem}@media (min-width: 540px){.modal.modal__offers .modal__offers-content--heading{padding-bottom:3rem;gap:1.4rem}}@media (min-width: 768px){.modal.modal__offers .modal__offers-content--heading{padding-bottom:4.05rem}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content--heading{padding-bottom:5rem;gap:2rem}}.modal.modal__offers .modal__offers-content--heading h2{font-size:2.8rem;line-height:1}@media (min-width: 540px){.modal.modal__offers .modal__offers-content--heading h2{font-size:3.2rem;line-height:1}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content--heading h2{font-size:4rem;line-height:1;letter-spacing:.08rem}}.modal.modal__offers .modal__offers-content--heading p{font-size:1.6rem;line-height:1;letter-spacing:.032rem;color:#4a4a49cc}@media (min-width: 540px){.modal.modal__offers .modal__offers-content--heading p{font-size:1.8rem;line-height:1}}.modal.modal__offers .modal__offers-content--price-discount{display:block;margin-inline:auto;padding-block:2rem 2.4rem}@media (min-width: 540px){.modal.modal__offers .modal__offers-content--price-discount{padding-block:3rem}}@media (min-width: 768px){.modal.modal__offers .modal__offers-content--price-discount{padding-block:3.05rem 4.3rem}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content--price-discount{padding-block:4rem 5.7rem}}.modal.modal__offers .modal__offers-content--price-discount>div{position:relative}.modal.modal__offers .modal__offers-content--price-discount--price,.modal.modal__offers .modal__offers-content--price-discount--discount{font-size:4.8rem;line-height:1;letter-spacing:-.096rem}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content--price-discount--price,.modal.modal__offers .modal__offers-content--price-discount--discount{font-size:5.4rem;line-height:1}}.modal.modal__offers .modal__offers-content--price-discount--label{position:absolute;font-size:1.8rem;line-height:1;letter-spacing:.036rem;color:#4a4a49cc;right:100%;bottom:.7rem;transform:translate(-2.5rem)}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content--price-discount--label{bottom:.9rem}}.modal.modal__offers .modal__offers-content .btn__group{align-items:center;flex-direction:column;gap:1.2rem}@media (min-width: 540px){.modal.modal__offers .modal__offers-content .btn__group{gap:1.8rem}}@media (min-width: 768px){.modal.modal__offers .modal__offers-content .btn__group{gap:1.4rem}}@media (min-width: 1680px){.modal.modal__offers .modal__offers-content .btn__group{gap:2rem}}\n"] }]
|
|
2405
|
+
}] });
|
|
2406
|
+
|
|
2248
2407
|
class BabylonOfferSliderComponent {
|
|
2249
2408
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonOfferSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2250
2409
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonOfferSliderComponent, isStandalone: true, selector: "lib-babylon-offer-slider", ngImport: i0, template: "<!-- <section class=\"babylon__offerslider margin-main-botom\">\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" data-src=\"/assets/babylon/fotos/hero_bg_1.jpeg\"></figure>\n </div>\n\n <div class=\"cs_parallax_slider loading overflow-hidden position-relative content-offers\">\n\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"offer-item\">\n <figure class=\" \" data-src=\"/assets/babylon/fotos/dine_img_1.jpeg\"></figure>\n\n <div class=\"intro_info offer_text\">\n <h2 class=\"title--small mb--10\">Descuentos para reservas anticipadas 2025 en temporada baja1</h2>\n <div class=\"offer_cat\">\n <div class=\"offer_bagget\">oferta</div>\n <span class=\"offer-subtitle pretitle\">Babylon hoteles</span>\n </div>\n <div class=\"offer_prices\">\n <div class=\"offer_desde pretitle\">desde</div>\n <span class=\"offer-num\">124\u20AC</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"swiper-slide\">\n <div class=\"offer-item\">\n <figure class=\" \" data-src=\"/assets/babylon/fotos/dine_img_1.jpeg\"></figure>\n\n <div class=\"intro_info offer_text\">\n <h2 class=\"title--small mb--10\">Descuentos para reservas anticipadas 2025 en temporada baja2</h2>\n <div class=\"offer_cat\">\n <div class=\"offer_bagget\">oferta</div>\n <span class=\"offer-subtitle pretitle\">Babylon hoteles</span>\n </div>\n <div class=\"offer_prices\">\n <div class=\"offer_desde pretitle\">desde</div>\n <span class=\"offer-num\">124\u20AC</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n\n <div class=\"cs_slider_navigation cs_white_color\">\n <div class=\"cs_swiper_button_prev\">\n <span class=\"babylon-arrow-left-big\"></span>\n </div>\n <div class=\"cs_swiper_button_next\">\n <span class=\"babylon-arrow-right-big\"></span>\n </div>\n </div>\n\n</section> -->\n\n\n<section class=\"babylon__offerslider margin-main-botom\">\n <div class=\"cs_hero cs_style_1 cs_center text-center position-relative\">\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" data-src=\"/assets/babylon/fotos/hero_bg_1.jpeg\"></figure>\n </div>\n <div class=\"cs_parallax_slider loading overflow-hidden content-offers\">\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\" content-offer\">\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" data-src=\"/assets/babylon/fotos/hero_bg_1.jpeg\"></figure>\n <div class=\"offer-item\">\n <figure class=\" \" data-src=\"/assets/babylon/fotos/dine_img_1.jpeg\"></figure>\n\n <div class=\"intro_info offer_text\">\n <h2 class=\"title--small mb--10\">Descuentos para reservas anticipadas 2025 en temporada baja1</h2>\n <div class=\"offer_cat\">\n <div class=\"offer_bagget\">oferta</div>\n <span class=\"offer-subtitle pretitle\">Babylon hoteles</span>\n </div>\n <div class=\"offer_prices\">\n <div class=\"offer_desde pretitle\">desde</div>\n <span class=\"offer-num\">124\u20AC</span>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n <div class=\"swiper-slide\">\n <div class=\" content-offer\">\n <figure class=\"cs_swiper_parallax_bg cs_hero_bg cs_bg_filed h-100 w-100 position-absolute top-0 start-0 mb-0\" data-src=\"/assets/babylon/fotos/hero_bg_1.jpeg\"></figure>\n <div class=\"offer-item\">\n <figure class=\" \" data-src=\"/assets/babylon/fotos/dine_img_1.jpeg\"></figure>\n\n <div class=\"intro_info offer_text\">\n <h2 class=\"title--small mb--10\">Descuentos para reservas anticipadas 2025 en temporada baja2</h2>\n <div class=\"offer_cat\">\n <div class=\"offer_bagget\">oferta</div>\n <span class=\"offer-subtitle pretitle\">Babylon hoteles</span>\n </div>\n <div class=\"offer_prices\">\n <div class=\"offer_desde pretitle\">desde</div>\n <span class=\"offer-num\">124\u20AC</span>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n </div>\n </div>\n <div class=\"cs_slider_navigation cs_white_color\">\n <div class=\"cs_swiper_button_prev\">\n <span class=\"babylon-arrow-left-big\"></span>\n </div>\n <div class=\"cs_swiper_button_next\">\n <span class=\"babylon-arrow-right-big\"></span>\n </div>\n </div>\n\n</section>\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_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;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--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: white;--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-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--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;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.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;--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}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.cs_hero.cs_style_1{height:calc(100vh + -0px);padding:100px 0 50px;max-height:1100px}@media (max-width: 991px){.cs_hero.cs_style_1{padding:100px 0;height:100vh;max-height:initial}}@media (max-width: 575px){.cs_hero.cs_style_1{min-height:500px}.cs_hero.cs_style_1 .cs_hero_title br{display:none}}.cs_bg_filed{transform:translate(0)!important}.babylon__offerslider{position:relative}@media (max-width: 991px){.babylon__offerslider{max-height:calc(100svh - 60px);overflow:hidden}}.babylon__offerslider figure.cs_swiper_parallax_bg:before{content:\"\";position:absolute;left:0;top:0;width:100%;height:100%;background:#00000030}.babylon__offerslider .content-offers{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center}.babylon__offerslider .content-offers .figure{opacity:0}.babylon__offerslider .content-offers .swiper-slide{display:flex;align-items:center;justify-content:center}.babylon__offerslider .content-offers .content-offer{display:flex;max-width:100%;justify-content:center;align-items:center}.babylon__offerslider .content-offers .offer-item{padding:40px;z-index:1;position:relative;background-color:#fff;width:850px;display:flex;gap:40px;max-width:90%}.babylon__offerslider .content-offers .offer-item figure{width:310px;height:310px}@media (max-width: 767px){.babylon__offerslider .content-offers .offer-item{flex-direction:column;align-items:center;justify-content:center;padding:10px;gap:10px}.babylon__offerslider .content-offers .offer-item figure{width:inherit;height:150px;max-width:100%}}.babylon__offerslider .content-offers .offer_text{position:relative;width:calc(100% - 310px)}.babylon__offerslider .content-offers .offer_text .offer_cat{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--cl_border-light);padding-bottom:20px;width:100%}.babylon__offerslider .content-offers .offer_text .offer_bagget{background-color:var(--cl_badget);color:var(--cl_badget-text);padding:5px 20px;border-radius:20px;text-align:center;display:inline-block}.babylon__offerslider .content-offers .offer_text .offer-subtitle{margin:0}@media (max-width: 767px){.babylon__offerslider .content-offers .offer_text{width:100%}.babylon__offerslider .content-offers .offer_text .offer_cat{justify-content:center}}.babylon__offerslider .content-offers .offer_prices{position:absolute;bottom:0;text-align:right;display:flex;align-items:flex-end;justify-content:flex-end;gap:0 20px;width:100%}.babylon__offerslider .content-offers .offer_prices .offer_desde{color:var(--cl_desde);margin:0}.babylon__offerslider .content-offers .offer_prices .offer-num{color:var(--cl_price);font-size:38px;margin:0;line-height:1}@media (max-width: 767px){.babylon__offerslider .content-offers .offer_prices{position:relative;align-items:center;justify-content:center;padding-top:20px}}\n"] }); }
|
|
@@ -2702,5 +2861,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
2702
2861
|
* Generated bundle index. Do not edit.
|
|
2703
2862
|
*/
|
|
2704
2863
|
|
|
2705
|
-
export { Babylon404Component, Babylon404V2Component, BabylonAdvantagesComponent, BabylonAdventagesV2Component, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBreadcrumbComponent, BabylonBreadcrumbV2Component, BabylonComingsoonComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonEngineComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGridGalleryComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuShowComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoImgComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV31Component, BabylonInfoZigzagV3Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLegalComponent, BabylonListBoxInfoComponent, BabylonListGridComponent, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonReviewsComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, SCREEN_SIZER_PARAMS_TOKEN, ScreenSizerService };
|
|
2864
|
+
export { Babylon404Component, Babylon404V2Component, BabylonAdvantagesComponent, BabylonAdventagesV2Component, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBreadcrumbComponent, BabylonBreadcrumbV2Component, BabylonComingsoonComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonEngineComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGridGalleryComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuShowComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoImgComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV31Component, BabylonInfoZigzagV3Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLegalComponent, BabylonListBoxInfoComponent, BabylonListGridComponent, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonNewsletterModalComponent, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupV2Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonReviewsComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, SCREEN_SIZER_PARAMS_TOKEN, ScreenSizerService };
|
|
2706
2865
|
//# sourceMappingURL=ctt-babylon.mjs.map
|