ctt-babylon 0.9.31 → 0.9.33
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-he-me-svg-text-cta-mot/babylon-he-me-svg-text-cta-mot.component.mjs +18 -6
- package/esm2022/lib/components/core/babylon-header-clear/babylon-header-clear.component.mjs +13 -3
- package/esm2022/lib/components/core/babylon-lis-c2-img-vid/babylon-lis-c2-img-vid.component.mjs +3 -3
- package/esm2022/lib/components/core/babylon-lis-c4-txt-img-pdf/babylon-lis-c4-txt-img-pdf.component.mjs +3 -3
- package/esm2022/lib/components/core/babylon-mod-c2-img-txt-cta/babylon-mod-c2-img-txt-cta.component.mjs +19 -0
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/ctt-babylon.mjs +46 -12
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-he-me-svg-text-cta-mot/babylon-he-me-svg-text-cta-mot.component.d.ts +4 -1
- package/lib/components/core/babylon-header-clear/babylon-header-clear.component.d.ts +1 -0
- package/lib/components/core/babylon-mod-c2-img-txt-cta/babylon-mod-c2-img-txt-cta.component.d.ts +9 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -973,8 +973,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
973
973
|
args: [{ selector: 'lib-babylon-gallery-v2', standalone: true, imports: [], template: "<section class=\"gallery\">\n <div class=\"container\">\n <div class=\"gallery__inner\">\n <div class=\"gallery__heading\">\n <h2>Galeria blanca</h2>\n <div class=\"gallery__nav\">\n <ul class=\"desktop\">\n <li role=\"button\">\n <span\n class=\"js-filter-gallery active\"\n data-filter_category=\"hotel\"\n >HOTEL</span\n >\n </li>\n <li role=\"button\">\n <span\n class=\"js-active-modal\"\n data-filter_category=\"habitactiones\"\n data-modal_name=\"habitactiones\"\n (click)=\"openFiltersRoomModal()\"\n >habitactiones</span\n >\n </li>\n <li role=\"button\">\n <span\n class=\"js-filter-gallery\"\n data-filter_category=\"restaurante\"\n >RESTAURANTE</span\n >\n </li>\n <li role=\"button\">\n <span\n class=\"js-filter-gallery\"\n data-filter_category=\"wellness-yoga\"\n >WELLNESS & YOGA</span\n >\n </li>\n <li role=\"button\">\n <span\n class=\"js-filter-gallery\"\n data-filter_category=\"formentera\"\n >FORMENTERA</span\n >\n </li>\n <li role=\"button\">\n <span\n class=\"js-filter-gallery\"\n data-filter_category=\"video\"\n >VIDEO</span\n >\n </li>\n </ul>\n <ul class=\"mobile\">\n <li\n class=\"btn btn__primary js-active-modal\"\n data-modal_name=\"category\"\n (click)=\"openFiltersModal()\"\n >\n Categor\u00EDas\n </li>\n <li\n class=\"btn btn__primary js-active-modal\"\n data-modal_name=\"habitactiones\"\n (click)=\"openFiltersRoomModal()\"\n >\n habitactiones\n </li>\n </ul>\n </div>\n </div>\n <div class=\"gallery__list\">\n <div\n class=\"gallery__item show\"\n id=\"gallery01\"\n data-category=\"habitactiones\"\n data-img=\"/assets/babylon/images/img-99.jpg\"\n data-title=\"habitactiones 1\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"gallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img src=\"/assets/babylon/images/img-99.jpg\" />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>habitactiones 1</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n <div\n class=\"gallery__item show\"\n id=\"gallery02\"\n data-category=\"habitactiones\"\n data-img=\"/assets/babylon/images/img-100.jpg\"\n data-title=\"habitactiones 2\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"gallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img src=\"/assets/babylon/images/img-100.jpg\" />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>habitactiones 2</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n <div\n class=\"gallery__item show\"\n id=\"gallery03\"\n data-category=\"restaurante\"\n data-img=\"/assets/babylon/images/img-12.webp\"\n data-title=\"Restaurante 1\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"gallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img src=\"/assets/babylon/images/img-12.webp\" />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>Restaurante 1</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n <div\n class=\"gallery__item show\"\n id=\"gallery04\"\n data-category=\"restaurante\"\n data-img=\"/assets/babylon/images/img-101.jpg\"\n data-title=\"Restaurante 2\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"gallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img src=\"/assets/babylon/images/img-101.jpg\" />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>Restaurante 2</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n <div\n class=\"gallery__item show\"\n id=\"gallery05\"\n data-category=\"restaurante\"\n data-img=\"/assets/babylon/images/img-43.webp\"\n data-title=\"Restaurante 3\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"gallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img src=\"/assets/babylon/images/img-43.webp\" />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>Restaurante 3</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n <div\n class=\"gallery__item show\"\n id=\"gallery06\"\n data-category=\"wellness-yoga\"\n data-img=\"/assets/babylon/images/img-108.jpg\"\n data-title=\"Wellness & Yoga 1\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"gallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img src=\"/assets/babylon/images/img-108.jpg\" />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>Wellness & Yoga 1</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n <div\n class=\"gallery__item show\"\n id=\"gallery07\"\n data-category=\"wellness-yoga\"\n data-img=\"/assets/babylon/images/img-102.jpg\"\n data-title=\"Wellness & Yoga 2\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"gallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img src=\"/assets/babylon/images/img-102.jpg\" />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>Wellness & Yoga 2</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n <div\n class=\"gallery__item show\"\n id=\"gallery08\"\n data-category=\"formentera\"\n data-img=\"/assets/babylon/images/img-103.jpg\"\n data-title=\"Formentera 1\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"gallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img src=\"/assets/babylon/images/img-103.jpg\" />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>Formentera 1</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n <div\n class=\"gallery__item show\"\n id=\"gallery09\"\n data-category=\"habitactiones\"\n data-img=\"/assets/babylon/images/img-104.jpg\"\n data-title=\"habitactiones 3\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"gallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img src=\"/assets/babylon/images/img-104.jpg\" />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>habitactiones 3</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n\n <div\n class=\"gallery__item show\"\n id=\"gallery10\"\n data-category=\"habitactiones\"\n data-img=\"/assets/babylon/images/img-105.jpg\"\n data-title=\"habitactiones 4\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"gallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img src=\"/assets/babylon/images/img-105.jpg\" />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>habitactiones 4</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n\n <div\n class=\"gallery__item show\"\n id=\"gallery11\"\n data-category=\"habitactiones\"\n data-img=\"/assets/babylon/images/img-106.jpg\"\n data-title=\"habitactiones 5\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"gallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img src=\"/assets/babylon/images/img-106.jpg\" />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>habitactiones 5</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n\n <div\n class=\"gallery__item show\"\n id=\"gallery12\"\n data-category=\"habitactiones\"\n data-img=\"/assets/babylon/images/img-107.jpg\"\n data-title=\"habitactiones 6\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"gallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img src=\"/assets/babylon/images/img-107.jpg\" />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>habitactiones 6</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n <div\n class=\"gallery__item video\"\n id=\"gallery13\"\n data-category=\"video\"\n data-video-id=\"x8pWONTkL9I\"\n data-title=\"Video 1\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"videoGallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img\n src=\"https://dummyimage.com/1400x980/AFE1AF/ffffff.png\"\n />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>Video 1</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n <div\n class=\"gallery__item video\"\n id=\"gallery14\"\n data-category=\"video\"\n data-video-id=\"efJpUF7B7PE\"\n data-title=\"Video 2\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"videoGallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img\n src=\"https://dummyimage.com/980x1380/AFE1AF/ffffff.png\"\n />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>Video 2</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n <div\n class=\"gallery__item video\"\n id=\"gallery15\"\n data-category=\"video\"\n data-video-id=\"qleUriS8XFg\"\n data-title=\"Video 3\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"videoGallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img\n src=\"https://dummyimage.com/1400x980/AFE1AF/ffffff.png\"\n />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>Video 3</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n <div\n class=\"gallery__item video\"\n id=\"gallery16\"\n data-category=\"video\"\n data-video-id=\"vPgBQcTRhAk\"\n data-title=\"Video 4\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"videoGallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img\n src=\"https://dummyimage.com/980x1380/AFE1AF/ffffff.png\"\n />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>Video 4</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n <div\n class=\"gallery__item video\"\n id=\"gallery17\"\n data-category=\"video\"\n data-video-id=\"e2BLhIxnEZs\"\n data-title=\"Video 5\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"videoGallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img\n src=\"https://dummyimage.com/1400x980/AFE1AF/ffffff.png\"\n />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>Video 5</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\n <div\n class=\"gallery__item video\"\n id=\"gallery18\"\n data-category=\"video\"\n data-video-id=\"Q4HFGjnHr4Y\"\n data-title=\"Video 6\"\n >\n <div\n class=\"gallery__item--box js-active-modal\"\n role=\"button\"\n data-modal_name=\"videoGallery\"\n >\n <div class=\"gallery__item--image\">\n <figure>\n <img\n src=\"https://dummyimage.com/980x1380/AFE1AF/ffffff.png\"\n />\n </figure>\n </div>\n <div class=\"gallery__item--content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"gallery__item--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <span>Video 6</span>\n <svg\n aria-hidden=\"true\"\n class=\"gallery__item--icon\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/icon-close.svg#icon-close\"\n ></use>\n </svg>\n </div>\n </div>\n </div>\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}.gallery{padding-block:2.5rem 5rem}@media (min-width: 540px){.gallery{padding-block:3rem 5.8rem}}@media (min-width: 768px){.gallery{padding-block:4rem 8rem}}@media (min-width: 1024px){.gallery{padding-bottom:6.984rem}}@media (min-width: 1280px){.gallery{padding-bottom:8rem}}@media (min-width: 1366px){.gallery{padding-block:5.7rem 8.953rem}}@media (min-width: 1680px){.gallery{padding-block:6rem 10rem}}.gallery__inner{display:flex;flex-direction:column;gap:2.5rem}@media (min-width: 540px){.gallery__inner{gap:3rem}}@media (min-width: 768px){.gallery__inner{gap:4rem}}.gallery__heading{display:flex;align-items:center;flex-direction:column;gap:2rem}@media (min-width: 540px){.gallery__heading{gap:3rem}}@media (min-width: 1280px){.gallery__heading{gap:4rem}}.gallery__heading h2{font-size:4rem;line-height:1}@media (min-width: 540px){.gallery__heading h2{font-size:5.2rem;line-height:1}}@media (min-width: 768px){.gallery__heading h2{font-size:6rem;line-height:1}}.gallery__nav .desktop{display:none}@media (min-width: 1280px){.gallery__nav .desktop{display:flex;gap:5rem}}.gallery__nav .desktop li{text-transform:uppercase;color:#4a4a4980;font-size:1.6rem;line-height:1;letter-spacing:.16rem;transition:all .5s}.gallery__nav .desktop li span{position:relative;padding-bottom:1.4rem;display:block}.gallery__nav .desktop li span:after{content:\"\";position:absolute;bottom:0;left:50%;transition:all .5s;opacity:0;transform:translate(-50%);height:.1rem;width:1.8rem;background:#4a4a49}.gallery__nav .desktop li span.active{color:#4a4a49}.gallery__nav .desktop li span.active:after{opacity:1}.gallery__nav .mobile{display:flex}.gallery__nav .mobile .btn{width:15rem}@media (min-width: 540px){.gallery__nav .mobile .btn{width:21rem}}@media (min-width: 768px){.gallery__nav .mobile .btn{width:26rem}}@media (max-width: 539.98px){.gallery__nav .mobile .btn{height:3.6rem;padding-block:1rem;font-size:1.6rem;line-height:1}}@media (min-width: 1280px){.gallery__nav .mobile{display:none}}.gallery__nav .mobile li+li{margin-left:-1px}.gallery__list{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-flow:dense;gap:2.4rem}@media (min-width: 540px){.gallery__list{gap:3rem}}@media (min-width: 768px){.gallery__list{gap:4.4rem;grid-template-columns:repeat(12,1fr)}}@media (min-width: 1024px){.gallery__list{column-gap:5rem;row-gap:2rem}}@media (min-width: 1280px){.gallery__list{grid-template-columns:repeat(19,1fr);column-gap:4.8rem;row-gap:2.8rem}}@media (min-width: 1366px){.gallery__list{column-gap:5rem;row-gap:2rem}}@media (min-width: 1680px){.gallery__list{column-gap:6.4rem;row-gap:3.4rem}}@media (min-width: 1800px){.gallery__list{column-gap:6.5rem;row-gap:3.5rem}}.gallery__item:nth-child(odd){grid-column:span 7}.gallery__item:nth-child(odd) .gallery__item--image figure{aspect-ratio:297/208}.gallery__item:nth-child(2n){grid-column:2/span 5}.gallery__item:nth-child(2n) .gallery__item--image figure{aspect-ratio:208/297}@media (min-width: 768px){.gallery__item:nth-child(4n+1){grid-row:span 3}.gallery__item:nth-child(4n+2){grid-column:span 5;grid-row:span 4}.gallery__item:nth-child(4n+3){grid-column:7/span 7;grid-row:span 3}.gallery__item:nth-child(4n+4){grid-column:2/span 5;grid-row:span 4}}@media (min-width: 1024px){.gallery__item:hover .gallery__item--content{transform:translateY(3rem)}}@media (min-width: 1280px){.gallery__item:nth-child(6n+1),.gallery__item:nth-child(6n+3),.gallery__item:nth-child(6n+5){grid-column:span 7;grid-row:span 3}.gallery__item:nth-child(6n+1) .gallery__item--image figure,.gallery__item:nth-child(6n+3) .gallery__item--image figure,.gallery__item:nth-child(6n+5) .gallery__item--image figure{aspect-ratio:297/208}.gallery__item:nth-child(6n+2),.gallery__item:nth-child(6n+4),.gallery__item:nth-child(6n+6){grid-column:span 5;grid-row:span 4}.gallery__item:nth-child(6n+2) .gallery__item--image figure,.gallery__item:nth-child(6n+4) .gallery__item--image figure,.gallery__item:nth-child(6n+6) .gallery__item--image figure{aspect-ratio:208/297}.gallery__item:nth-child(6n+4){grid-column:2/span 5}.gallery__item:nth-child(6n+5){grid-column:7/span 7}.gallery__item:nth-child(6n+6){grid-column:14/span 5}}.gallery__item--box{position:relative}@media (min-width: 1024px){.gallery__item--box{overflow:hidden;padding-bottom:3rem}}.gallery__item--content{position:absolute;inset:auto 0 0;background:#fff;display:flex;gap:1rem;transition:all .5s;align-items:center;justify-content:center;text-align:center;padding-top:1.281rem;transform:translateY(calc(100% - 3rem))}@media (min-width: 540px){.gallery__item--content{padding-top:1.341rem}}@media (min-width: 768px){.gallery__item--content{padding-top:1.259rem}}@media (min-width: 1024px){.gallery__item--content{justify-content:space-between;text-align:left;padding:2rem 2.4rem;transform:translateY(calc(100% + 5rem))}}.gallery__item--content span{font-size:1.6rem;line-height:1.5;color:#4a4a49cc}@media (min-width: 540px){.gallery__item--content span{font-size:1.8rem;line-height:1.5555555556}}@media (min-width: 768px){.gallery__item--content span{font-size:2rem;line-height:1.7;letter-spacing:.04rem}}.gallery__item--graphic{position:absolute;width:6rem;aspect-ratio:2/1;left:50%;top:0;transform:translate(-50%,-100%) scaleY(-1);color:#fff;display:none}@media (min-width: 540px){.gallery__item--graphic{width:10rem}}@media (min-width: 1024px){.gallery__item--graphic{display:block}}.gallery__item--icon{color:#4a4a49;width:.914rem;aspect-ratio:1;transform:rotate(-45deg);display:none}@media (min-width: 1024px){.gallery__item--icon{display:block}}.gallery__item:not(.show){display:none}\n"] }]
|
|
974
974
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$2.MatDialog }] });
|
|
975
975
|
|
|
976
|
+
class BabylonModC2ImgTxtCtaComponent {
|
|
977
|
+
constructor(dialogRef) {
|
|
978
|
+
this.dialogRef = dialogRef;
|
|
979
|
+
}
|
|
980
|
+
close() {
|
|
981
|
+
this.dialogRef.close();
|
|
982
|
+
}
|
|
983
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonModC2ImgTxtCtaComponent, deps: [{ token: i1$2.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
984
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonModC2ImgTxtCtaComponent, isStandalone: true, selector: "lib-babylon-mod-c2-img-txt-cta", ngImport: i0, template: "<div class=\"btn-close--modal\">\n <a\n class=\"btn btn_primary babylon-plus btn-responsive\"\n (click)=\"close()\"\n ></a>\n</div>\n\n<div class=\"babylon__discover-wrapper\">\n <div class=\"container\">\n <div class=\"babylon__discover-header\">\n <h2 class=\"pretitle--small\">Discover also</h2>\n <hr />\n </div>\n <div class=\"babylon__discover-items\">\n <div class=\"babylon__discover-item\">\n <div class=\"babylon__discover-item-image\">\n <div class=\"babylon__discover-item-content\">\n <h3 class=\"title\">Bot\u00E0nic</h3>\n <span>restaurant</span>\n </div>\n <img src=\"/assets/babylon/fotos/discover_img.png\" alt=\"\" />\n </div>\n <div class=\"babylon__discover-item-cta\">\n <button class=\"btn btn_primary\">More information</button>\n </div>\n </div>\n <div class=\"babylon__discover-item\">\n <div class=\"babylon__discover-item-image\">\n <div class=\"babylon__discover-item-content\">\n <h3 class=\"title\">Gastro</h3>\n <span>breakfast + bar</span>\n </div>\n <img src=\"/assets/babylon/fotos/discover_img.png\" alt=\"\" />\n </div>\n <div class=\"babylon__discover-item-cta\">\n <button class=\"btn btn_primary\">More information</button>\n </div>\n </div>\n <div class=\"babylon__discover-item\">\n <div class=\"babylon__discover-item-image\">\n <div class=\"babylon__discover-item-content\">\n <h3 class=\"title\">Gastro</h3>\n <span>breakfast + bar</span>\n </div>\n <img src=\"/assets/babylon/fotos/discover_img.png\" alt=\"\" />\n </div>\n <div class=\"babylon__discover-item-cta\">\n <button class=\"btn btn_primary\">More information</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}.babylon__discover-wrapper{width:100%;height:100%;background-color:var(--cl_background_body);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.babylon__discover-wrapper .container{width:90%;max-width:300.6px}@media (min-width: 576px){.babylon__discover-wrapper .container{max-width:440px}}@media (min-width: 768px){.babylon__discover-wrapper .container{max-width:620px}}@media (min-width: 992px){.babylon__discover-wrapper .container{max-width:784px}}@media (min-width: 1200px){.babylon__discover-wrapper .container{max-width:1100px}}@media (min-width: 1400px){.babylon__discover-wrapper .container{max-width:1166px}}@media (min-width: 1680px){.babylon__discover-wrapper .container{max-width:1400px}}@media (min-width: 1800px){.babylon__discover-wrapper .container{max-width:1440px}}.babylon__discover-header{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:2rem;text-transform:uppercase}@media (min-width: 576px){.babylon__discover-header{margin-bottom:30px}}@media (min-width: 768px){.babylon__discover-header{margin-bottom:40px}}@media (min-width: 1400px){.babylon__discover-header{margin-bottom:37.89px}}.babylon__discover-header .pretitle--small{width:fit-content}.babylon__discover-header hr{width:6rem;margin:0;margin-top:1.3rem;display:none}@media (min-width: 992px){.babylon__discover-header hr{display:block;border-bottom:1px solid var(--cl_border-light)}}.babylon__discover-items{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:502px;margin-inline:auto}@media (min-width: 992px){.babylon__discover-items{gap:62px;max-height:528px;max-width:inherit;flex-direction:row}}.babylon__discover-item{height:fit-content}@media (min-width: 576px){.babylon__discover-item{height:132px}}.babylon__discover-item{width:100%;border-bottom:1px solid var(--cl_border-light)}.babylon__discover-item:first-child{border-top:1px solid var(--cl_border-light)}@media (min-width: 992px){.babylon__discover-item{height:inherit;aspect-ratio:355/428;position:relative;max-width:100%;padding-block:inherit;border-bottom:inherit}.babylon__discover-item:first-child{border-top:inherit}}.babylon__discover-item-image{max-width:100%;max-height:100%;display:flex;flex-direction:row-reverse;padding-block:14px}@media (min-width: 992px){.babylon__discover-item-image{position:relative;flex-direction:inherit;padding-block:inherit}}.babylon__discover-item-image img{width:25%;max-height:100%;object-fit:cover;display:block}@media (min-width: 576px){.babylon__discover-item-image img{padding-right:35px}}@media (min-width: 992px){.babylon__discover-item-image img{width:100%;height:100%;padding-right:inherit}}.babylon__discover-item-content{display:flex;flex-direction:column;justify-content:center;width:100%;padding-left:15px}@media (min-width: 576px){.babylon__discover-item-content{padding-left:inherit}}.babylon__discover-item-content span{color:var(--cl_subtitle)}@media (min-width: 992px){.babylon__discover-item-content{position:absolute;padding:2rem;align-items:center}.babylon__discover-item-content .title,.babylon__discover-item-content span{color:#fff}}.babylon__discover-item-content span{font-size:16px;text-transform:uppercase}.babylon__discover-item-cta{display:none;position:absolute;bottom:-100px;width:100%;padding-block:2rem;background-color:var(--cl_background_body);justify-content:center;opacity:0;transition:all .3s ease-in-out}@media (min-width: 992px){.babylon__discover-item-cta{display:flex}}.babylon__discover-item:hover{cursor:pointer}.babylon__discover-item:hover .babylon__discover-item-cta{bottom:-55px;opacity:1}::ng-deep .cdk-overlay-container{z-index:99999}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
985
|
+
}
|
|
986
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonModC2ImgTxtCtaComponent, decorators: [{
|
|
987
|
+
type: Component,
|
|
988
|
+
args: [{ selector: 'lib-babylon-mod-c2-img-txt-cta', standalone: true, imports: [CommonModule], template: "<div class=\"btn-close--modal\">\n <a\n class=\"btn btn_primary babylon-plus btn-responsive\"\n (click)=\"close()\"\n ></a>\n</div>\n\n<div class=\"babylon__discover-wrapper\">\n <div class=\"container\">\n <div class=\"babylon__discover-header\">\n <h2 class=\"pretitle--small\">Discover also</h2>\n <hr />\n </div>\n <div class=\"babylon__discover-items\">\n <div class=\"babylon__discover-item\">\n <div class=\"babylon__discover-item-image\">\n <div class=\"babylon__discover-item-content\">\n <h3 class=\"title\">Bot\u00E0nic</h3>\n <span>restaurant</span>\n </div>\n <img src=\"/assets/babylon/fotos/discover_img.png\" alt=\"\" />\n </div>\n <div class=\"babylon__discover-item-cta\">\n <button class=\"btn btn_primary\">More information</button>\n </div>\n </div>\n <div class=\"babylon__discover-item\">\n <div class=\"babylon__discover-item-image\">\n <div class=\"babylon__discover-item-content\">\n <h3 class=\"title\">Gastro</h3>\n <span>breakfast + bar</span>\n </div>\n <img src=\"/assets/babylon/fotos/discover_img.png\" alt=\"\" />\n </div>\n <div class=\"babylon__discover-item-cta\">\n <button class=\"btn btn_primary\">More information</button>\n </div>\n </div>\n <div class=\"babylon__discover-item\">\n <div class=\"babylon__discover-item-image\">\n <div class=\"babylon__discover-item-content\">\n <h3 class=\"title\">Gastro</h3>\n <span>breakfast + bar</span>\n </div>\n <img src=\"/assets/babylon/fotos/discover_img.png\" alt=\"\" />\n </div>\n <div class=\"babylon__discover-item-cta\">\n <button class=\"btn btn_primary\">More information</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}.babylon__discover-wrapper{width:100%;height:100%;background-color:var(--cl_background_body);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.babylon__discover-wrapper .container{width:90%;max-width:300.6px}@media (min-width: 576px){.babylon__discover-wrapper .container{max-width:440px}}@media (min-width: 768px){.babylon__discover-wrapper .container{max-width:620px}}@media (min-width: 992px){.babylon__discover-wrapper .container{max-width:784px}}@media (min-width: 1200px){.babylon__discover-wrapper .container{max-width:1100px}}@media (min-width: 1400px){.babylon__discover-wrapper .container{max-width:1166px}}@media (min-width: 1680px){.babylon__discover-wrapper .container{max-width:1400px}}@media (min-width: 1800px){.babylon__discover-wrapper .container{max-width:1440px}}.babylon__discover-header{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:2rem;text-transform:uppercase}@media (min-width: 576px){.babylon__discover-header{margin-bottom:30px}}@media (min-width: 768px){.babylon__discover-header{margin-bottom:40px}}@media (min-width: 1400px){.babylon__discover-header{margin-bottom:37.89px}}.babylon__discover-header .pretitle--small{width:fit-content}.babylon__discover-header hr{width:6rem;margin:0;margin-top:1.3rem;display:none}@media (min-width: 992px){.babylon__discover-header hr{display:block;border-bottom:1px solid var(--cl_border-light)}}.babylon__discover-items{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:502px;margin-inline:auto}@media (min-width: 992px){.babylon__discover-items{gap:62px;max-height:528px;max-width:inherit;flex-direction:row}}.babylon__discover-item{height:fit-content}@media (min-width: 576px){.babylon__discover-item{height:132px}}.babylon__discover-item{width:100%;border-bottom:1px solid var(--cl_border-light)}.babylon__discover-item:first-child{border-top:1px solid var(--cl_border-light)}@media (min-width: 992px){.babylon__discover-item{height:inherit;aspect-ratio:355/428;position:relative;max-width:100%;padding-block:inherit;border-bottom:inherit}.babylon__discover-item:first-child{border-top:inherit}}.babylon__discover-item-image{max-width:100%;max-height:100%;display:flex;flex-direction:row-reverse;padding-block:14px}@media (min-width: 992px){.babylon__discover-item-image{position:relative;flex-direction:inherit;padding-block:inherit}}.babylon__discover-item-image img{width:25%;max-height:100%;object-fit:cover;display:block}@media (min-width: 576px){.babylon__discover-item-image img{padding-right:35px}}@media (min-width: 992px){.babylon__discover-item-image img{width:100%;height:100%;padding-right:inherit}}.babylon__discover-item-content{display:flex;flex-direction:column;justify-content:center;width:100%;padding-left:15px}@media (min-width: 576px){.babylon__discover-item-content{padding-left:inherit}}.babylon__discover-item-content span{color:var(--cl_subtitle)}@media (min-width: 992px){.babylon__discover-item-content{position:absolute;padding:2rem;align-items:center}.babylon__discover-item-content .title,.babylon__discover-item-content span{color:#fff}}.babylon__discover-item-content span{font-size:16px;text-transform:uppercase}.babylon__discover-item-cta{display:none;position:absolute;bottom:-100px;width:100%;padding-block:2rem;background-color:var(--cl_background_body);justify-content:center;opacity:0;transition:all .3s ease-in-out}@media (min-width: 992px){.babylon__discover-item-cta{display:flex}}.babylon__discover-item:hover{cursor:pointer}.babylon__discover-item:hover .babylon__discover-item-cta{bottom:-55px;opacity:1}::ng-deep .cdk-overlay-container{z-index:99999}\n"] }]
|
|
989
|
+
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }] });
|
|
990
|
+
|
|
976
991
|
class BabylonHeMeSvgTextCtaMotComponent {
|
|
977
|
-
constructor(document, platformId) {
|
|
992
|
+
constructor(dialog, document, platformId) {
|
|
993
|
+
this.dialog = dialog;
|
|
978
994
|
this.document = document;
|
|
979
995
|
this.platformId = platformId;
|
|
980
996
|
}
|
|
@@ -1036,13 +1052,22 @@ class BabylonHeMeSvgTextCtaMotComponent {
|
|
|
1036
1052
|
return;
|
|
1037
1053
|
this.closeModal(modalName);
|
|
1038
1054
|
}
|
|
1039
|
-
|
|
1040
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonHeMeSvgTextCtaMotComponent, isStandalone: true, selector: "lib-babylon-he-me-svg-text-cta-mot", host: { listeners: { "window:scroll": "onWindowScroll()" } }, viewQueries: [{ propertyName: "mainHeader", first: true, predicate: ["mainHeader"], descendants: true, static: true }, { propertyName: "modalMenu", first: true, predicate: ["modalMenu"], descendants: true, static: true }], ngImport: i0, template: "<header #mainHeader class=\"MeSvgTxtCtaMot\">\n <div class=\"MeSvgTxtCtaMot__logo\">\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--img\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-logo.svg#canbordoy-logo\"\n ></use>\n </svg>\n </a>\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--sticky\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-icon-logo.svg#canbordoy-icon-logo\"\n ></use>\n </svg>\n </a>\n </div>\n <div class=\"MeSvgTxtCtaMot__nav\">\n <ul class=\"MeSvgTxtCtaMot__nav-links\">\n <li>\n <a href=\"/\"><span>Grand House</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gallery</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Accommodation</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gastronomy</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Spa</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Palma</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Blog</span></a>\n </li>\n </ul>\n <ul class=\"MeSvgTxtCtaMot__nav-icons\">\n <li\n role=\"button\"\n class=\"MeSvgTxtCtaMot__nav-icons--menu js-active-modal\"\n data-modal_name=\"menu\"\n >\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/menu-icon.svg#menu-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li role=\"button\" class=\"tooltip\" data-tooltip=\"Newsletter\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/mail-icon.svg#mail-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li role=\"button\" class=\"tooltip\" data-tooltip=\"Language\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/globe-icon.svg#globe-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"MeSvgTxtCtaMot__nav-icons--agencies\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/agencies-icon.svg#agencies-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"MeSvgTxtCtaMot__nav-icons--call\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/call-icon.svg#call-icon\"\n ></use>\n </svg>\n </span>\n </li>\n </ul>\n </div>\n <div class=\"MeSvgTxtCtaMot__btn\">\n <a href=\"\" class=\"btn btn__primary\"><span>Book Now</span></a>\n <a href=\"\" class=\"btn__link\"><span>Agencies</span></a>\n </div>\n <div class=\"MeSvgTxtCtaMot__btn--mobile\">\n <a\n role=\"button\"\n class=\"MeSvgTxtCtaMot__btn--mobile-links js-active-modal\"\n data-modal_name=\"menu\"\n (click)=\"handleOpenFromEvent($event)\"\n >\n <span>Menu</span>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"MeSvgTxtCtaMot__btn--mobile-links-iconMenu\"\n >\n <use\n href=\"/assets/babylon/svg/menu-icon-2.svg#menu-icon-2\"\n ></use>\n </svg>\n </a>\n <a href=\"\" class=\"MeSvgTxtCtaMot__btn--mobile-links btn btn__primary\"\n ><span>Book Now</span></a\n >\n </div>\n</header>\n\n<div class=\"modal modal__menu\" #modalMenu>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"menu\"\n role=\"button\"\n (click)=\"handleCloseFromEvent($event)\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/close-icon.svg#close-icon\"></use>\n </svg>\n </div>\n <a href=\"\">\n <span class=\"modal__logo\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-logo.svg#canbordoy-logo\"\n ></use>\n </svg>\n </span>\n </a>\n <div class=\"modal__menu-nav\">\n <ul class=\"modal__menu-nav--links\">\n <li>\n <a href=\"/\"><span>Grand House</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gallery</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Accommodation</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gastronomy</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Spa</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Palma</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Blog</span></a>\n </li>\n </ul>\n <ul class=\"modal__menu-nav--icons\">\n <li class=\"modal__menu-nav--icons-newsletter\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/mail-icon.svg#mail-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"modal__menu-nav--icons-language\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/globe-icon.svg#globe-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"modal__menu-nav--icons-agencies\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/agencies-icon.svg#agencies-icon\"\n ></use>\n </svg>\n </span>\n </li>\n </ul>\n </div>\n </div>\n</div>\n", styles: [".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}: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}.MeSvgTxtCtaMot{position:fixed;inset:0 0 auto;margin-top:3rem;display:flex;align-items:center;justify-content:center;z-index:9;transition:all .5s;background:transparent;border-bottom:1px solid transparent}@media (min-width: 540px){.MeSvgTxtCtaMot{margin-top:4.2rem}}@media (min-width: 768px){.MeSvgTxtCtaMot{margin-top:4.9rem;opacity:1}}@media (min-width: 1024px){.MeSvgTxtCtaMot{gap:3.1rem;justify-content:space-between;padding-inline:5rem;height:5.5rem}}@media (min-width: 1366px){.MeSvgTxtCtaMot{padding-inline:4.5rem 4rem}}@media (min-width: 1680px){.MeSvgTxtCtaMot{gap:5.2rem}}.MeSvgTxtCtaMot__logo{min-height:100%;display:flex;transition:all .5s;align-items:center;justify-content:center;order:2;width:100%;border-bottom:1px solid transparent;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (min-width: 1024px){.MeSvgTxtCtaMot__logo{width:auto}}@media (min-width: 1280px){.MeSvgTxtCtaMot__logo{order:unset}}@media (min-width: 1366px){.MeSvgTxtCtaMot__logo{left:4.5rem;transform:translate(0)}}.MeSvgTxtCtaMot__logo--img,.MeSvgTxtCtaMot__logo--sticky{transition:all .5s;display:block}.MeSvgTxtCtaMot__logo--img:focus,.MeSvgTxtCtaMot__logo--sticky:focus{outline:none}.MeSvgTxtCtaMot__logo--img svg,.MeSvgTxtCtaMot__logo--sticky svg{width:100%;height:100%}.MeSvgTxtCtaMot__logo--img{opacity:1;color:#fff;position:relative;width:21rem;aspect-ratio:210/63}@media (min-width: 540px){.MeSvgTxtCtaMot__logo--img{width:26.4rem}}@media (min-width: 768px){.MeSvgTxtCtaMot__logo--img{width:28.6rem}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot__logo--img{width:22.8rem}}.MeSvgTxtCtaMot__logo--sticky{opacity:0;position:absolute;left:50%;transform:translate(-50%,1.3rem);bottom:0;aspect-ratio:47/60;width:4.7rem}@media (min-width: 540px){.MeSvgTxtCtaMot__logo--sticky{width:5.9rem;transform:translate(-50%,2.1rem)}}@media (min-width: 768px){.MeSvgTxtCtaMot__logo--sticky{transform:translate(-50%,2.2rem);width:6.8rem}}@media (min-width: 1366px){.MeSvgTxtCtaMot__logo--sticky{left:0;transform:translateY(2.2rem)}}.MeSvgTxtCtaMot__nav{display:flex;align-items:center;order:1;gap:3.2rem}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav{margin-left:auto;order:unset}}@media (min-width: 1680px){.MeSvgTxtCtaMot__nav{gap:6.7rem}}.MeSvgTxtCtaMot__nav-links{display:none;font-weight:500;gap:1.8rem;font-size:1.6rem;line-height:1;letter-spacing:.02em;text-transform:uppercase}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav-links{display:flex}}@media (min-width: 1680px){.MeSvgTxtCtaMot__nav-links{gap:3rem;letter-spacing:.1em}}.MeSvgTxtCtaMot__nav-links a{color:#fff;transition:all .5s}.MeSvgTxtCtaMot__nav-icons{display:flex;gap:1.8rem}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons{gap:3rem}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot__nav-icons{position:fixed;bottom:8.2rem;left:50%;transform:translate(-50%);padding-inline:1.2rem;background:#62626299;border-radius:100vw}}@media (max-width: 767.98px){.MeSvgTxtCtaMot__nav-icons{bottom:6.4rem}}.MeSvgTxtCtaMot__nav-icons li{color:#fff;transition:all .5s}.MeSvgTxtCtaMot__nav-icons li svg{width:2rem;aspect-ratio:1}.MeSvgTxtCtaMot__nav-icons li>span{width:4rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons li>span{width:2.4rem}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot__nav-icons--menu{display:none!important}}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav-icons--menu{display:none!important}}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--agencies{display:none!important}}.MeSvgTxtCtaMot__nav-icons--agencies svg{width:2.6rem!important}.MeSvgTxtCtaMot__nav-icons--name{font-size:1.4rem;line-height:1.4285714286}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--name{display:none}}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--call{display:none}}.MeSvgTxtCtaMot .btn span{width:100%}.MeSvgTxtCtaMot__btn{display:none;position:relative}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn{display:flex;order:3}}@media (min-width: 1366px){.MeSvgTxtCtaMot__btn{order:unset}}.MeSvgTxtCtaMot__btn .btn{text-transform:uppercase;font-weight:500;height:5.5rem}@media (min-width: 1280px){.MeSvgTxtCtaMot__btn .btn{width:26rem}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot__btn .btn{width:20rem}}.MeSvgTxtCtaMot__btn .btn span{font-size:2rem;line-height:1;width:100%}.MeSvgTxtCtaMot__btn .btn__link{display:none;color:#fff;text-transform:uppercase;background:transparent;font-weight:500;font-size:1.6rem;line-height:.625;letter-spacing:.1em;width:18rem;text-align:center}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn .btn__link{display:block;position:absolute;left:50%;top:calc(100% + 1.3rem);transform:translate(-50%)}}@media (min-width: 1680px){.MeSvgTxtCtaMot__btn .btn__link{top:calc(100% + 1.9rem)}}.MeSvgTxtCtaMot__btn .btn__link:after{display:none}.MeSvgTxtCtaMot__btn--mobile{display:flex;position:fixed;inset:auto 0 0;border-top:1px solid #f9f8f5;height:5.4rem;transition:all .5s;background:#fff}@media (min-width: 768px){.MeSvgTxtCtaMot__btn--mobile{height:7rem}}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn--mobile{display:none}}.MeSvgTxtCtaMot__btn--mobile-links{flex:1 0 0;display:flex;align-items:center;gap:1rem;font-weight:500;justify-content:center;text-transform:uppercase;font-size:1.8rem;line-height:1.5555555556;letter-spacing:.1em;height:auto}@media (min-width: 540px){.MeSvgTxtCtaMot__btn--mobile-links{gap:1.4rem}}.MeSvgTxtCtaMot__btn--mobile-links-iconMenu{width:1.8rem;height:1.2rem}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-links a,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-links a:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a:hover{color:#fff}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-icons li{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-icons li:hover{color:#fff}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link:hover{color:#fff}.MeSvgTxtCtaMot.header__sticky{margin-top:0}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky{height:8rem;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#e6e3dd}}@media (min-width: 1680px){.MeSvgTxtCtaMot.header__sticky{height:9rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{height:7.7rem}@media (min-width: 768px) and (max-width: 1023.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{height:8.6rem}}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{background:transparent;width:auto;-webkit-backdrop-filter:unset;backdrop-filter:unset;border-width:0}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{background:#fff;border-color:#e6e3dd}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo--img{opacity:0}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo--sticky{opacity:1;color:#52504e}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links{gap:2.5rem;letter-spacing:.05em}@media (min-width: 1680px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links{gap:3rem;letter-spacing:.1em}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links a{color:#626262}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-icons li{color:#626262}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn{width:26rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link{color:#fff;background:#52504e4d}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link{padding:1rem 2.4rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link:hover{background:#b3916eb3}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a:hover{color:#626262}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li:hover{color:#626262}}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link{color:#fff}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);padding:1rem 1.6rem .8rem;color:#52504e;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;font-weight:500;font-size:1.4rem;line-height:.7142857143;letter-spacing:.05em;inset:100% auto auto 50%;translate:-50%;transition:all .5s;position:absolute;background-color:#fff;margin-top:2rem;border-radius:1px;border:1px solid #e6e3dd}.tooltip:after{content:\"\";pointer-events:none;opacity:0;position:absolute;margin-top:2.1rem;top:100%;left:50%;bottom:auto;transition:all .5s;translate:-50% -100%;border-width:0 7px 7px;border-style:solid;border-color:transparent transparent #ffffff transparent}.tooltip:hover:before,.tooltip:hover:after{pointer-events:inherit;opacity:1}.modal{position:fixed;z-index:91;overflow-y:auto;left:0;top:0;width:100%;bottom:0;opacity:0;pointer-events:none;transition:all .5s}.modal__close{position:fixed;top:2rem;right:2rem;width:1.7rem;aspect-ratio:1;transition:all .5s;color:#626262;display:flex;align-items:center;justify-content:center;z-index:1}@media (min-width: 540px){.modal__close{top:4.1rem;right:4rem}}.modal__close svg{width:100%;height:100%}.modal__close:hover{border-radius:100%}.modal--open{overflow:hidden}.modal.modal__menu{background:#fff;display:flex;isolation:isolate}.modal--open.menu .modal.modal__menu,.modal.modal--open{opacity:1;pointer-events:auto}.modal.modal__menu .modal__inner{padding:3rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 540px){.modal.modal__menu .modal__inner{padding:4.3rem}}@media (min-width: 768px){.modal.modal__menu .modal__inner{padding:5rem;gap:2rem}}.modal.modal__menu .modal__logo{width:21rem;color:#626262;aspect-ratio:210/63;display:block}@media (min-width: 540px){.modal.modal__menu .modal__logo{width:26.4rem}}@media (min-width: 768px){.modal.modal__menu .modal__logo{width:28.6rem}}.modal.modal__menu .modal__logo svg{width:100%;height:100%}.modal.modal__menu .modal__menu-nav{width:30rem;max-width:100%;display:flex;flex-direction:column;gap:2.6rem}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav{width:40rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav{width:50rem}}.modal.modal__menu .modal__menu-nav--links{text-align:center}.modal.modal__menu .modal__menu-nav--links li{display:block;border-bottom:1px solid #e6e3dd}.modal.modal__menu .modal__menu-nav--links li a{display:block;padding-block:2.6rem;font-size:1.6rem;line-height:.6875;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .5s;color:#626262}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav--links li a{padding-block:3.2rem}}.modal.modal__menu .modal__menu-nav--links li a:hover{color:#a37d56}.modal.modal__menu .modal__menu-nav--icons{display:flex;justify-content:center;align-items:center;gap:5rem;color:#b3916e}.modal.modal__menu .modal__menu-nav--icons li{aspect-ratio:1}.modal.modal__menu .modal__menu-nav--icons li svg{width:100%;height:100%}.modal.modal__menu .modal__menu-nav--icons-newsletter{width:2.2rem}.modal.modal__menu .modal__menu-nav--icons-language{width:2rem}.modal.modal__menu .modal__menu-nav--icons-agencies{width:2.6rem}\n"] }); }
|
|
1055
|
+
openDiscoverModal() {
|
|
1056
|
+
const dialogRef = this.dialog.open(BabylonModC2ImgTxtCtaComponent, {
|
|
1057
|
+
width: '100vw',
|
|
1058
|
+
height: '100vh',
|
|
1059
|
+
maxWidth: '100vw',
|
|
1060
|
+
panelClass: ['full-screen', 'modal-bg-bage'],
|
|
1061
|
+
hasBackdrop: true,
|
|
1062
|
+
});
|
|
1063
|
+
}
|
|
1064
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeMeSvgTextCtaMotComponent, deps: [{ token: i1$2.MatDialog }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1065
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonHeMeSvgTextCtaMotComponent, isStandalone: true, selector: "lib-babylon-he-me-svg-text-cta-mot", host: { listeners: { "window:scroll": "onWindowScroll()" } }, viewQueries: [{ propertyName: "mainHeader", first: true, predicate: ["mainHeader"], descendants: true, static: true }, { propertyName: "modalMenu", first: true, predicate: ["modalMenu"], descendants: true, static: true }], ngImport: i0, template: "<header #mainHeader class=\"MeSvgTxtCtaMot\">\n <div class=\"MeSvgTxtCtaMot__logo\">\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--img\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-logo.svg#canbordoy-logo\"\n ></use>\n </svg>\n </a>\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--sticky\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-icon-logo.svg#canbordoy-icon-logo\"\n ></use>\n </svg>\n </a>\n </div>\n <div class=\"MeSvgTxtCtaMot__nav\">\n <ul class=\"MeSvgTxtCtaMot__nav-links\">\n <li>\n <a href=\"/\"><span>Grand House</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gallery</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Accommodation</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gastronomy</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Spa</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Palma</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Blog</span></a>\n </li>\n <li>\n <a\n role=\"button\"\n class=\"js-active-modal\"\n data-modal_name=\"discover\"\n (click)=\"openDiscoverModal()\"\n ><span>Descubre</span>\n </a>\n </li>\n </ul>\n <ul class=\"MeSvgTxtCtaMot__nav-icons\">\n <li\n role=\"button\"\n class=\"MeSvgTxtCtaMot__nav-icons--menu js-active-modal\"\n data-modal_name=\"menu\"\n >\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/menu-icon.svg#menu-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li role=\"button\" class=\"tooltip\" data-tooltip=\"Newsletter\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/mail-icon.svg#mail-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li role=\"button\" class=\"tooltip\" data-tooltip=\"Language\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/globe-icon.svg#globe-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"MeSvgTxtCtaMot__nav-icons--agencies\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/agencies-icon.svg#agencies-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"MeSvgTxtCtaMot__nav-icons--call\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/call-icon.svg#call-icon\"\n ></use>\n </svg>\n </span>\n </li>\n </ul>\n </div>\n <div class=\"MeSvgTxtCtaMot__btn\">\n <a href=\"\" class=\"btn btn__primary\"><span>Book Now</span></a>\n <a href=\"\" class=\"btn__link\"><span>Agencies</span></a>\n </div>\n <div class=\"MeSvgTxtCtaMot__btn--mobile\">\n <a\n role=\"button\"\n class=\"MeSvgTxtCtaMot__btn--mobile-links js-active-modal\"\n data-modal_name=\"menu\"\n (click)=\"handleOpenFromEvent($event)\"\n >\n <span>Menu</span>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"MeSvgTxtCtaMot__btn--mobile-links-iconMenu\"\n >\n <use\n href=\"/assets/babylon/svg/menu-icon-2.svg#menu-icon-2\"\n ></use>\n </svg>\n </a>\n <a href=\"\" class=\"MeSvgTxtCtaMot__btn--mobile-links btn btn__primary\"\n ><span>Book Now</span></a\n >\n </div>\n</header>\n\n<div class=\"modal modal__menu\" #modalMenu>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"menu\"\n role=\"button\"\n (click)=\"handleCloseFromEvent($event)\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/close-icon.svg#close-icon\"></use>\n </svg>\n </div>\n <a href=\"\">\n <span class=\"modal__logo\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-logo.svg#canbordoy-logo\"\n ></use>\n </svg>\n </span>\n </a>\n <div class=\"modal__menu-nav\">\n <ul class=\"modal__menu-nav--links\">\n <li>\n <a href=\"/\"><span>Grand House</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gallery</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Accommodation</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gastronomy</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Spa</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Palma</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Blog</span></a>\n </li>\n </ul>\n <ul class=\"modal__menu-nav--icons\">\n <li class=\"modal__menu-nav--icons-newsletter\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/mail-icon.svg#mail-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"modal__menu-nav--icons-language\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/globe-icon.svg#globe-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"modal__menu-nav--icons-agencies\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/agencies-icon.svg#agencies-icon\"\n ></use>\n </svg>\n </span>\n </li>\n </ul>\n </div>\n </div>\n</div>\n", styles: [".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}: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}.MeSvgTxtCtaMot{position:fixed;inset:0 0 auto;margin-top:3rem;display:flex;align-items:center;justify-content:center;z-index:9;transition:all .5s;background:transparent;border-bottom:1px solid transparent}@media (min-width: 540px){.MeSvgTxtCtaMot{margin-top:4.2rem}}@media (min-width: 768px){.MeSvgTxtCtaMot{margin-top:4.9rem;opacity:1}}@media (min-width: 1024px){.MeSvgTxtCtaMot{gap:3.1rem;justify-content:space-between;padding-inline:5rem;height:5.5rem}}@media (min-width: 1366px){.MeSvgTxtCtaMot{padding-inline:4.5rem 4rem}}@media (min-width: 1680px){.MeSvgTxtCtaMot{gap:5.2rem}}.MeSvgTxtCtaMot__logo{min-height:100%;display:flex;transition:all .5s;align-items:center;justify-content:center;order:2;width:100%;border-bottom:1px solid transparent;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (min-width: 1024px){.MeSvgTxtCtaMot__logo{width:auto}}@media (min-width: 1280px){.MeSvgTxtCtaMot__logo{order:unset}}@media (min-width: 1366px){.MeSvgTxtCtaMot__logo{left:4.5rem;transform:translate(0)}}.MeSvgTxtCtaMot__logo--img,.MeSvgTxtCtaMot__logo--sticky{transition:all .5s;display:block}.MeSvgTxtCtaMot__logo--img:focus,.MeSvgTxtCtaMot__logo--sticky:focus{outline:none}.MeSvgTxtCtaMot__logo--img svg,.MeSvgTxtCtaMot__logo--sticky svg{width:100%;height:100%}.MeSvgTxtCtaMot__logo--img{opacity:1;color:#fff;position:relative;width:21rem;aspect-ratio:210/63}@media (min-width: 540px){.MeSvgTxtCtaMot__logo--img{width:26.4rem}}@media (min-width: 768px){.MeSvgTxtCtaMot__logo--img{width:28.6rem}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot__logo--img{width:22.8rem}}.MeSvgTxtCtaMot__logo--sticky{opacity:0;position:absolute;left:50%;transform:translate(-50%,1.3rem);bottom:0;aspect-ratio:47/60;width:4.7rem}@media (min-width: 540px){.MeSvgTxtCtaMot__logo--sticky{width:5.9rem;transform:translate(-50%,2.1rem)}}@media (min-width: 768px){.MeSvgTxtCtaMot__logo--sticky{transform:translate(-50%,2.2rem);width:6.8rem}}@media (min-width: 1366px){.MeSvgTxtCtaMot__logo--sticky{left:0;transform:translateY(2.2rem)}}.MeSvgTxtCtaMot__nav{display:flex;align-items:center;order:1;gap:3.2rem}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav{margin-left:auto;order:unset}}@media (min-width: 1680px){.MeSvgTxtCtaMot__nav{gap:6.7rem}}.MeSvgTxtCtaMot__nav-links{display:none;font-weight:500;gap:1.8rem;font-size:1.6rem;line-height:1;letter-spacing:.02em;text-transform:uppercase}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav-links{display:flex}}@media (min-width: 1680px){.MeSvgTxtCtaMot__nav-links{gap:3rem;letter-spacing:.1em}}.MeSvgTxtCtaMot__nav-links a{color:#fff;transition:all .5s}.MeSvgTxtCtaMot__nav-icons{display:flex;gap:1.8rem}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons{gap:3rem}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot__nav-icons{position:fixed;bottom:8.2rem;left:50%;transform:translate(-50%);padding-inline:1.2rem;background:#62626299;border-radius:100vw}}@media (max-width: 767.98px){.MeSvgTxtCtaMot__nav-icons{bottom:6.4rem}}.MeSvgTxtCtaMot__nav-icons li{color:#fff;transition:all .5s}.MeSvgTxtCtaMot__nav-icons li svg{width:2rem;aspect-ratio:1}.MeSvgTxtCtaMot__nav-icons li>span{width:4rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons li>span{width:2.4rem}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot__nav-icons--menu{display:none!important}}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav-icons--menu{display:none!important}}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--agencies{display:none!important}}.MeSvgTxtCtaMot__nav-icons--agencies svg{width:2.6rem!important}.MeSvgTxtCtaMot__nav-icons--name{font-size:1.4rem;line-height:1.4285714286}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--name{display:none}}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--call{display:none}}.MeSvgTxtCtaMot .btn span{width:100%}.MeSvgTxtCtaMot__btn{display:none;position:relative}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn{display:flex;order:3}}@media (min-width: 1366px){.MeSvgTxtCtaMot__btn{order:unset}}.MeSvgTxtCtaMot__btn .btn{text-transform:uppercase;font-weight:500;height:5.5rem}@media (min-width: 1280px){.MeSvgTxtCtaMot__btn .btn{width:26rem}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot__btn .btn{width:20rem}}.MeSvgTxtCtaMot__btn .btn span{font-size:2rem;line-height:1;width:100%}.MeSvgTxtCtaMot__btn .btn__link{display:none;color:#fff;text-transform:uppercase;background:transparent;font-weight:500;font-size:1.6rem;line-height:.625;letter-spacing:.1em;width:18rem;text-align:center}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn .btn__link{display:block;position:absolute;left:50%;top:calc(100% + 1.3rem);transform:translate(-50%)}}@media (min-width: 1680px){.MeSvgTxtCtaMot__btn .btn__link{top:calc(100% + 1.9rem)}}.MeSvgTxtCtaMot__btn .btn__link:after{display:none}.MeSvgTxtCtaMot__btn--mobile{display:flex;position:fixed;inset:auto 0 0;border-top:1px solid #f9f8f5;height:5.4rem;transition:all .5s;background:#fff}@media (min-width: 768px){.MeSvgTxtCtaMot__btn--mobile{height:7rem}}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn--mobile{display:none}}.MeSvgTxtCtaMot__btn--mobile-links{flex:1 0 0;display:flex;align-items:center;gap:1rem;font-weight:500;justify-content:center;text-transform:uppercase;font-size:1.8rem;line-height:1.5555555556;letter-spacing:.1em;height:auto}@media (min-width: 540px){.MeSvgTxtCtaMot__btn--mobile-links{gap:1.4rem}}.MeSvgTxtCtaMot__btn--mobile-links-iconMenu{width:1.8rem;height:1.2rem}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-links a,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-links a:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a:hover{color:#fff}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-icons li{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-icons li:hover{color:#fff}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link:hover{color:#fff}.MeSvgTxtCtaMot.header__sticky{margin-top:0}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky{height:8rem;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#e6e3dd}}@media (min-width: 1680px){.MeSvgTxtCtaMot.header__sticky{height:9rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{height:7.7rem}@media (min-width: 768px) and (max-width: 1023.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{height:8.6rem}}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{background:transparent;width:auto;-webkit-backdrop-filter:unset;backdrop-filter:unset;border-width:0}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{background:#fff;border-color:#e6e3dd}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo--img{opacity:0}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo--sticky{opacity:1;color:#52504e}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links{gap:2.5rem;letter-spacing:.05em}@media (min-width: 1680px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links{gap:3rem;letter-spacing:.1em}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links a{color:#626262}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-icons li{color:#626262}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn{width:26rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link{color:#fff;background:#52504e4d}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link{padding:1rem 2.4rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link:hover{background:#b3916eb3}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a:hover{color:#626262}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li:hover{color:#626262}}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link{color:#fff}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);padding:1rem 1.6rem .8rem;color:#52504e;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;font-weight:500;font-size:1.4rem;line-height:.7142857143;letter-spacing:.05em;inset:100% auto auto 50%;translate:-50%;transition:all .5s;position:absolute;background-color:#fff;margin-top:2rem;border-radius:1px;border:1px solid #e6e3dd}.tooltip:after{content:\"\";pointer-events:none;opacity:0;position:absolute;margin-top:2.1rem;top:100%;left:50%;bottom:auto;transition:all .5s;translate:-50% -100%;border-width:0 7px 7px;border-style:solid;border-color:transparent transparent #ffffff transparent}.tooltip:hover:before,.tooltip:hover:after{pointer-events:inherit;opacity:1}.modal{position:fixed;z-index:91;overflow-y:auto;left:0;top:0;width:100%;bottom:0;opacity:0;pointer-events:none;transition:all .5s}.modal__close{position:fixed;top:2rem;right:2rem;width:1.7rem;aspect-ratio:1;transition:all .5s;color:#626262;display:flex;align-items:center;justify-content:center;z-index:1}@media (min-width: 540px){.modal__close{top:4.1rem;right:4rem}}.modal__close svg{width:100%;height:100%}.modal__close:hover{border-radius:100%}.modal--open{overflow:hidden}.modal.modal__menu{background:#fff;display:flex;isolation:isolate}.modal--open.menu .modal.modal__menu,.modal.modal--open{opacity:1;pointer-events:auto}.modal.modal__menu .modal__inner{padding:3rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 540px){.modal.modal__menu .modal__inner{padding:4.3rem}}@media (min-width: 768px){.modal.modal__menu .modal__inner{padding:5rem;gap:2rem}}.modal.modal__menu .modal__logo{width:21rem;color:#626262;aspect-ratio:210/63;display:block}@media (min-width: 540px){.modal.modal__menu .modal__logo{width:26.4rem}}@media (min-width: 768px){.modal.modal__menu .modal__logo{width:28.6rem}}.modal.modal__menu .modal__logo svg{width:100%;height:100%}.modal.modal__menu .modal__menu-nav{width:30rem;max-width:100%;display:flex;flex-direction:column;gap:2.6rem}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav{width:40rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav{width:50rem}}.modal.modal__menu .modal__menu-nav--links{text-align:center}.modal.modal__menu .modal__menu-nav--links li{display:block;border-bottom:1px solid #e6e3dd}.modal.modal__menu .modal__menu-nav--links li a{display:block;padding-block:2.6rem;font-size:1.6rem;line-height:.6875;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .5s;color:#626262}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav--links li a{padding-block:3.2rem}}.modal.modal__menu .modal__menu-nav--links li a:hover{color:#a37d56}.modal.modal__menu .modal__menu-nav--icons{display:flex;justify-content:center;align-items:center;gap:5rem;color:#b3916e}.modal.modal__menu .modal__menu-nav--icons li{aspect-ratio:1}.modal.modal__menu .modal__menu-nav--icons li svg{width:100%;height:100%}.modal.modal__menu .modal__menu-nav--icons-newsletter{width:2.2rem}.modal.modal__menu .modal__menu-nav--icons-language{width:2rem}.modal.modal__menu .modal__menu-nav--icons-agencies{width:2.6rem}\n"] }); }
|
|
1041
1066
|
}
|
|
1042
1067
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeMeSvgTextCtaMotComponent, decorators: [{
|
|
1043
1068
|
type: Component,
|
|
1044
|
-
args: [{ selector: 'lib-babylon-he-me-svg-text-cta-mot', standalone: true, imports: [], template: "<header #mainHeader class=\"MeSvgTxtCtaMot\">\n <div class=\"MeSvgTxtCtaMot__logo\">\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--img\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-logo.svg#canbordoy-logo\"\n ></use>\n </svg>\n </a>\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--sticky\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-icon-logo.svg#canbordoy-icon-logo\"\n ></use>\n </svg>\n </a>\n </div>\n <div class=\"MeSvgTxtCtaMot__nav\">\n <ul class=\"MeSvgTxtCtaMot__nav-links\">\n <li>\n <a href=\"/\"><span>Grand House</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gallery</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Accommodation</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gastronomy</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Spa</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Palma</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Blog</span></a>\n </li>\n </ul>\n <ul class=\"MeSvgTxtCtaMot__nav-icons\">\n <li\n role=\"button\"\n class=\"MeSvgTxtCtaMot__nav-icons--menu js-active-modal\"\n data-modal_name=\"menu\"\n >\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/menu-icon.svg#menu-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li role=\"button\" class=\"tooltip\" data-tooltip=\"Newsletter\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/mail-icon.svg#mail-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li role=\"button\" class=\"tooltip\" data-tooltip=\"Language\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/globe-icon.svg#globe-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"MeSvgTxtCtaMot__nav-icons--agencies\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/agencies-icon.svg#agencies-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"MeSvgTxtCtaMot__nav-icons--call\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/call-icon.svg#call-icon\"\n ></use>\n </svg>\n </span>\n </li>\n </ul>\n </div>\n <div class=\"MeSvgTxtCtaMot__btn\">\n <a href=\"\" class=\"btn btn__primary\"><span>Book Now</span></a>\n <a href=\"\" class=\"btn__link\"><span>Agencies</span></a>\n </div>\n <div class=\"MeSvgTxtCtaMot__btn--mobile\">\n <a\n role=\"button\"\n class=\"MeSvgTxtCtaMot__btn--mobile-links js-active-modal\"\n data-modal_name=\"menu\"\n (click)=\"handleOpenFromEvent($event)\"\n >\n <span>Menu</span>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"MeSvgTxtCtaMot__btn--mobile-links-iconMenu\"\n >\n <use\n href=\"/assets/babylon/svg/menu-icon-2.svg#menu-icon-2\"\n ></use>\n </svg>\n </a>\n <a href=\"\" class=\"MeSvgTxtCtaMot__btn--mobile-links btn btn__primary\"\n ><span>Book Now</span></a\n >\n </div>\n</header>\n\n<div class=\"modal modal__menu\" #modalMenu>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"menu\"\n role=\"button\"\n (click)=\"handleCloseFromEvent($event)\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/close-icon.svg#close-icon\"></use>\n </svg>\n </div>\n <a href=\"\">\n <span class=\"modal__logo\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-logo.svg#canbordoy-logo\"\n ></use>\n </svg>\n </span>\n </a>\n <div class=\"modal__menu-nav\">\n <ul class=\"modal__menu-nav--links\">\n <li>\n <a href=\"/\"><span>Grand House</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gallery</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Accommodation</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gastronomy</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Spa</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Palma</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Blog</span></a>\n </li>\n </ul>\n <ul class=\"modal__menu-nav--icons\">\n <li class=\"modal__menu-nav--icons-newsletter\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/mail-icon.svg#mail-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"modal__menu-nav--icons-language\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/globe-icon.svg#globe-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"modal__menu-nav--icons-agencies\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/agencies-icon.svg#agencies-icon\"\n ></use>\n </svg>\n </span>\n </li>\n </ul>\n </div>\n </div>\n</div>\n", styles: [".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}: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}.MeSvgTxtCtaMot{position:fixed;inset:0 0 auto;margin-top:3rem;display:flex;align-items:center;justify-content:center;z-index:9;transition:all .5s;background:transparent;border-bottom:1px solid transparent}@media (min-width: 540px){.MeSvgTxtCtaMot{margin-top:4.2rem}}@media (min-width: 768px){.MeSvgTxtCtaMot{margin-top:4.9rem;opacity:1}}@media (min-width: 1024px){.MeSvgTxtCtaMot{gap:3.1rem;justify-content:space-between;padding-inline:5rem;height:5.5rem}}@media (min-width: 1366px){.MeSvgTxtCtaMot{padding-inline:4.5rem 4rem}}@media (min-width: 1680px){.MeSvgTxtCtaMot{gap:5.2rem}}.MeSvgTxtCtaMot__logo{min-height:100%;display:flex;transition:all .5s;align-items:center;justify-content:center;order:2;width:100%;border-bottom:1px solid transparent;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (min-width: 1024px){.MeSvgTxtCtaMot__logo{width:auto}}@media (min-width: 1280px){.MeSvgTxtCtaMot__logo{order:unset}}@media (min-width: 1366px){.MeSvgTxtCtaMot__logo{left:4.5rem;transform:translate(0)}}.MeSvgTxtCtaMot__logo--img,.MeSvgTxtCtaMot__logo--sticky{transition:all .5s;display:block}.MeSvgTxtCtaMot__logo--img:focus,.MeSvgTxtCtaMot__logo--sticky:focus{outline:none}.MeSvgTxtCtaMot__logo--img svg,.MeSvgTxtCtaMot__logo--sticky svg{width:100%;height:100%}.MeSvgTxtCtaMot__logo--img{opacity:1;color:#fff;position:relative;width:21rem;aspect-ratio:210/63}@media (min-width: 540px){.MeSvgTxtCtaMot__logo--img{width:26.4rem}}@media (min-width: 768px){.MeSvgTxtCtaMot__logo--img{width:28.6rem}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot__logo--img{width:22.8rem}}.MeSvgTxtCtaMot__logo--sticky{opacity:0;position:absolute;left:50%;transform:translate(-50%,1.3rem);bottom:0;aspect-ratio:47/60;width:4.7rem}@media (min-width: 540px){.MeSvgTxtCtaMot__logo--sticky{width:5.9rem;transform:translate(-50%,2.1rem)}}@media (min-width: 768px){.MeSvgTxtCtaMot__logo--sticky{transform:translate(-50%,2.2rem);width:6.8rem}}@media (min-width: 1366px){.MeSvgTxtCtaMot__logo--sticky{left:0;transform:translateY(2.2rem)}}.MeSvgTxtCtaMot__nav{display:flex;align-items:center;order:1;gap:3.2rem}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav{margin-left:auto;order:unset}}@media (min-width: 1680px){.MeSvgTxtCtaMot__nav{gap:6.7rem}}.MeSvgTxtCtaMot__nav-links{display:none;font-weight:500;gap:1.8rem;font-size:1.6rem;line-height:1;letter-spacing:.02em;text-transform:uppercase}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav-links{display:flex}}@media (min-width: 1680px){.MeSvgTxtCtaMot__nav-links{gap:3rem;letter-spacing:.1em}}.MeSvgTxtCtaMot__nav-links a{color:#fff;transition:all .5s}.MeSvgTxtCtaMot__nav-icons{display:flex;gap:1.8rem}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons{gap:3rem}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot__nav-icons{position:fixed;bottom:8.2rem;left:50%;transform:translate(-50%);padding-inline:1.2rem;background:#62626299;border-radius:100vw}}@media (max-width: 767.98px){.MeSvgTxtCtaMot__nav-icons{bottom:6.4rem}}.MeSvgTxtCtaMot__nav-icons li{color:#fff;transition:all .5s}.MeSvgTxtCtaMot__nav-icons li svg{width:2rem;aspect-ratio:1}.MeSvgTxtCtaMot__nav-icons li>span{width:4rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons li>span{width:2.4rem}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot__nav-icons--menu{display:none!important}}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav-icons--menu{display:none!important}}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--agencies{display:none!important}}.MeSvgTxtCtaMot__nav-icons--agencies svg{width:2.6rem!important}.MeSvgTxtCtaMot__nav-icons--name{font-size:1.4rem;line-height:1.4285714286}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--name{display:none}}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--call{display:none}}.MeSvgTxtCtaMot .btn span{width:100%}.MeSvgTxtCtaMot__btn{display:none;position:relative}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn{display:flex;order:3}}@media (min-width: 1366px){.MeSvgTxtCtaMot__btn{order:unset}}.MeSvgTxtCtaMot__btn .btn{text-transform:uppercase;font-weight:500;height:5.5rem}@media (min-width: 1280px){.MeSvgTxtCtaMot__btn .btn{width:26rem}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot__btn .btn{width:20rem}}.MeSvgTxtCtaMot__btn .btn span{font-size:2rem;line-height:1;width:100%}.MeSvgTxtCtaMot__btn .btn__link{display:none;color:#fff;text-transform:uppercase;background:transparent;font-weight:500;font-size:1.6rem;line-height:.625;letter-spacing:.1em;width:18rem;text-align:center}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn .btn__link{display:block;position:absolute;left:50%;top:calc(100% + 1.3rem);transform:translate(-50%)}}@media (min-width: 1680px){.MeSvgTxtCtaMot__btn .btn__link{top:calc(100% + 1.9rem)}}.MeSvgTxtCtaMot__btn .btn__link:after{display:none}.MeSvgTxtCtaMot__btn--mobile{display:flex;position:fixed;inset:auto 0 0;border-top:1px solid #f9f8f5;height:5.4rem;transition:all .5s;background:#fff}@media (min-width: 768px){.MeSvgTxtCtaMot__btn--mobile{height:7rem}}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn--mobile{display:none}}.MeSvgTxtCtaMot__btn--mobile-links{flex:1 0 0;display:flex;align-items:center;gap:1rem;font-weight:500;justify-content:center;text-transform:uppercase;font-size:1.8rem;line-height:1.5555555556;letter-spacing:.1em;height:auto}@media (min-width: 540px){.MeSvgTxtCtaMot__btn--mobile-links{gap:1.4rem}}.MeSvgTxtCtaMot__btn--mobile-links-iconMenu{width:1.8rem;height:1.2rem}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-links a,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-links a:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a:hover{color:#fff}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-icons li{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-icons li:hover{color:#fff}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link:hover{color:#fff}.MeSvgTxtCtaMot.header__sticky{margin-top:0}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky{height:8rem;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#e6e3dd}}@media (min-width: 1680px){.MeSvgTxtCtaMot.header__sticky{height:9rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{height:7.7rem}@media (min-width: 768px) and (max-width: 1023.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{height:8.6rem}}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{background:transparent;width:auto;-webkit-backdrop-filter:unset;backdrop-filter:unset;border-width:0}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{background:#fff;border-color:#e6e3dd}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo--img{opacity:0}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo--sticky{opacity:1;color:#52504e}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links{gap:2.5rem;letter-spacing:.05em}@media (min-width: 1680px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links{gap:3rem;letter-spacing:.1em}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links a{color:#626262}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-icons li{color:#626262}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn{width:26rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link{color:#fff;background:#52504e4d}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link{padding:1rem 2.4rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link:hover{background:#b3916eb3}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a:hover{color:#626262}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li:hover{color:#626262}}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link{color:#fff}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);padding:1rem 1.6rem .8rem;color:#52504e;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;font-weight:500;font-size:1.4rem;line-height:.7142857143;letter-spacing:.05em;inset:100% auto auto 50%;translate:-50%;transition:all .5s;position:absolute;background-color:#fff;margin-top:2rem;border-radius:1px;border:1px solid #e6e3dd}.tooltip:after{content:\"\";pointer-events:none;opacity:0;position:absolute;margin-top:2.1rem;top:100%;left:50%;bottom:auto;transition:all .5s;translate:-50% -100%;border-width:0 7px 7px;border-style:solid;border-color:transparent transparent #ffffff transparent}.tooltip:hover:before,.tooltip:hover:after{pointer-events:inherit;opacity:1}.modal{position:fixed;z-index:91;overflow-y:auto;left:0;top:0;width:100%;bottom:0;opacity:0;pointer-events:none;transition:all .5s}.modal__close{position:fixed;top:2rem;right:2rem;width:1.7rem;aspect-ratio:1;transition:all .5s;color:#626262;display:flex;align-items:center;justify-content:center;z-index:1}@media (min-width: 540px){.modal__close{top:4.1rem;right:4rem}}.modal__close svg{width:100%;height:100%}.modal__close:hover{border-radius:100%}.modal--open{overflow:hidden}.modal.modal__menu{background:#fff;display:flex;isolation:isolate}.modal--open.menu .modal.modal__menu,.modal.modal--open{opacity:1;pointer-events:auto}.modal.modal__menu .modal__inner{padding:3rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 540px){.modal.modal__menu .modal__inner{padding:4.3rem}}@media (min-width: 768px){.modal.modal__menu .modal__inner{padding:5rem;gap:2rem}}.modal.modal__menu .modal__logo{width:21rem;color:#626262;aspect-ratio:210/63;display:block}@media (min-width: 540px){.modal.modal__menu .modal__logo{width:26.4rem}}@media (min-width: 768px){.modal.modal__menu .modal__logo{width:28.6rem}}.modal.modal__menu .modal__logo svg{width:100%;height:100%}.modal.modal__menu .modal__menu-nav{width:30rem;max-width:100%;display:flex;flex-direction:column;gap:2.6rem}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav{width:40rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav{width:50rem}}.modal.modal__menu .modal__menu-nav--links{text-align:center}.modal.modal__menu .modal__menu-nav--links li{display:block;border-bottom:1px solid #e6e3dd}.modal.modal__menu .modal__menu-nav--links li a{display:block;padding-block:2.6rem;font-size:1.6rem;line-height:.6875;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .5s;color:#626262}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav--links li a{padding-block:3.2rem}}.modal.modal__menu .modal__menu-nav--links li a:hover{color:#a37d56}.modal.modal__menu .modal__menu-nav--icons{display:flex;justify-content:center;align-items:center;gap:5rem;color:#b3916e}.modal.modal__menu .modal__menu-nav--icons li{aspect-ratio:1}.modal.modal__menu .modal__menu-nav--icons li svg{width:100%;height:100%}.modal.modal__menu .modal__menu-nav--icons-newsletter{width:2.2rem}.modal.modal__menu .modal__menu-nav--icons-language{width:2rem}.modal.modal__menu .modal__menu-nav--icons-agencies{width:2.6rem}\n"] }]
|
|
1045
|
-
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
1069
|
+
args: [{ selector: 'lib-babylon-he-me-svg-text-cta-mot', standalone: true, imports: [], template: "<header #mainHeader class=\"MeSvgTxtCtaMot\">\n <div class=\"MeSvgTxtCtaMot__logo\">\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--img\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-logo.svg#canbordoy-logo\"\n ></use>\n </svg>\n </a>\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--sticky\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-icon-logo.svg#canbordoy-icon-logo\"\n ></use>\n </svg>\n </a>\n </div>\n <div class=\"MeSvgTxtCtaMot__nav\">\n <ul class=\"MeSvgTxtCtaMot__nav-links\">\n <li>\n <a href=\"/\"><span>Grand House</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gallery</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Accommodation</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gastronomy</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Spa</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Palma</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Blog</span></a>\n </li>\n <li>\n <a\n role=\"button\"\n class=\"js-active-modal\"\n data-modal_name=\"discover\"\n (click)=\"openDiscoverModal()\"\n ><span>Descubre</span>\n </a>\n </li>\n </ul>\n <ul class=\"MeSvgTxtCtaMot__nav-icons\">\n <li\n role=\"button\"\n class=\"MeSvgTxtCtaMot__nav-icons--menu js-active-modal\"\n data-modal_name=\"menu\"\n >\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/menu-icon.svg#menu-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li role=\"button\" class=\"tooltip\" data-tooltip=\"Newsletter\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/mail-icon.svg#mail-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li role=\"button\" class=\"tooltip\" data-tooltip=\"Language\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/globe-icon.svg#globe-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"MeSvgTxtCtaMot__nav-icons--agencies\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/agencies-icon.svg#agencies-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"MeSvgTxtCtaMot__nav-icons--call\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/call-icon.svg#call-icon\"\n ></use>\n </svg>\n </span>\n </li>\n </ul>\n </div>\n <div class=\"MeSvgTxtCtaMot__btn\">\n <a href=\"\" class=\"btn btn__primary\"><span>Book Now</span></a>\n <a href=\"\" class=\"btn__link\"><span>Agencies</span></a>\n </div>\n <div class=\"MeSvgTxtCtaMot__btn--mobile\">\n <a\n role=\"button\"\n class=\"MeSvgTxtCtaMot__btn--mobile-links js-active-modal\"\n data-modal_name=\"menu\"\n (click)=\"handleOpenFromEvent($event)\"\n >\n <span>Menu</span>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"MeSvgTxtCtaMot__btn--mobile-links-iconMenu\"\n >\n <use\n href=\"/assets/babylon/svg/menu-icon-2.svg#menu-icon-2\"\n ></use>\n </svg>\n </a>\n <a href=\"\" class=\"MeSvgTxtCtaMot__btn--mobile-links btn btn__primary\"\n ><span>Book Now</span></a\n >\n </div>\n</header>\n\n<div class=\"modal modal__menu\" #modalMenu>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"menu\"\n role=\"button\"\n (click)=\"handleCloseFromEvent($event)\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/close-icon.svg#close-icon\"></use>\n </svg>\n </div>\n <a href=\"\">\n <span class=\"modal__logo\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-logo.svg#canbordoy-logo\"\n ></use>\n </svg>\n </span>\n </a>\n <div class=\"modal__menu-nav\">\n <ul class=\"modal__menu-nav--links\">\n <li>\n <a href=\"/\"><span>Grand House</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gallery</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Accommodation</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gastronomy</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Spa</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Palma</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Blog</span></a>\n </li>\n </ul>\n <ul class=\"modal__menu-nav--icons\">\n <li class=\"modal__menu-nav--icons-newsletter\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/mail-icon.svg#mail-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"modal__menu-nav--icons-language\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/globe-icon.svg#globe-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"modal__menu-nav--icons-agencies\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/agencies-icon.svg#agencies-icon\"\n ></use>\n </svg>\n </span>\n </li>\n </ul>\n </div>\n </div>\n</div>\n", styles: [".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}: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}.MeSvgTxtCtaMot{position:fixed;inset:0 0 auto;margin-top:3rem;display:flex;align-items:center;justify-content:center;z-index:9;transition:all .5s;background:transparent;border-bottom:1px solid transparent}@media (min-width: 540px){.MeSvgTxtCtaMot{margin-top:4.2rem}}@media (min-width: 768px){.MeSvgTxtCtaMot{margin-top:4.9rem;opacity:1}}@media (min-width: 1024px){.MeSvgTxtCtaMot{gap:3.1rem;justify-content:space-between;padding-inline:5rem;height:5.5rem}}@media (min-width: 1366px){.MeSvgTxtCtaMot{padding-inline:4.5rem 4rem}}@media (min-width: 1680px){.MeSvgTxtCtaMot{gap:5.2rem}}.MeSvgTxtCtaMot__logo{min-height:100%;display:flex;transition:all .5s;align-items:center;justify-content:center;order:2;width:100%;border-bottom:1px solid transparent;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (min-width: 1024px){.MeSvgTxtCtaMot__logo{width:auto}}@media (min-width: 1280px){.MeSvgTxtCtaMot__logo{order:unset}}@media (min-width: 1366px){.MeSvgTxtCtaMot__logo{left:4.5rem;transform:translate(0)}}.MeSvgTxtCtaMot__logo--img,.MeSvgTxtCtaMot__logo--sticky{transition:all .5s;display:block}.MeSvgTxtCtaMot__logo--img:focus,.MeSvgTxtCtaMot__logo--sticky:focus{outline:none}.MeSvgTxtCtaMot__logo--img svg,.MeSvgTxtCtaMot__logo--sticky svg{width:100%;height:100%}.MeSvgTxtCtaMot__logo--img{opacity:1;color:#fff;position:relative;width:21rem;aspect-ratio:210/63}@media (min-width: 540px){.MeSvgTxtCtaMot__logo--img{width:26.4rem}}@media (min-width: 768px){.MeSvgTxtCtaMot__logo--img{width:28.6rem}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot__logo--img{width:22.8rem}}.MeSvgTxtCtaMot__logo--sticky{opacity:0;position:absolute;left:50%;transform:translate(-50%,1.3rem);bottom:0;aspect-ratio:47/60;width:4.7rem}@media (min-width: 540px){.MeSvgTxtCtaMot__logo--sticky{width:5.9rem;transform:translate(-50%,2.1rem)}}@media (min-width: 768px){.MeSvgTxtCtaMot__logo--sticky{transform:translate(-50%,2.2rem);width:6.8rem}}@media (min-width: 1366px){.MeSvgTxtCtaMot__logo--sticky{left:0;transform:translateY(2.2rem)}}.MeSvgTxtCtaMot__nav{display:flex;align-items:center;order:1;gap:3.2rem}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav{margin-left:auto;order:unset}}@media (min-width: 1680px){.MeSvgTxtCtaMot__nav{gap:6.7rem}}.MeSvgTxtCtaMot__nav-links{display:none;font-weight:500;gap:1.8rem;font-size:1.6rem;line-height:1;letter-spacing:.02em;text-transform:uppercase}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav-links{display:flex}}@media (min-width: 1680px){.MeSvgTxtCtaMot__nav-links{gap:3rem;letter-spacing:.1em}}.MeSvgTxtCtaMot__nav-links a{color:#fff;transition:all .5s}.MeSvgTxtCtaMot__nav-icons{display:flex;gap:1.8rem}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons{gap:3rem}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot__nav-icons{position:fixed;bottom:8.2rem;left:50%;transform:translate(-50%);padding-inline:1.2rem;background:#62626299;border-radius:100vw}}@media (max-width: 767.98px){.MeSvgTxtCtaMot__nav-icons{bottom:6.4rem}}.MeSvgTxtCtaMot__nav-icons li{color:#fff;transition:all .5s}.MeSvgTxtCtaMot__nav-icons li svg{width:2rem;aspect-ratio:1}.MeSvgTxtCtaMot__nav-icons li>span{width:4rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons li>span{width:2.4rem}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot__nav-icons--menu{display:none!important}}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav-icons--menu{display:none!important}}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--agencies{display:none!important}}.MeSvgTxtCtaMot__nav-icons--agencies svg{width:2.6rem!important}.MeSvgTxtCtaMot__nav-icons--name{font-size:1.4rem;line-height:1.4285714286}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--name{display:none}}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--call{display:none}}.MeSvgTxtCtaMot .btn span{width:100%}.MeSvgTxtCtaMot__btn{display:none;position:relative}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn{display:flex;order:3}}@media (min-width: 1366px){.MeSvgTxtCtaMot__btn{order:unset}}.MeSvgTxtCtaMot__btn .btn{text-transform:uppercase;font-weight:500;height:5.5rem}@media (min-width: 1280px){.MeSvgTxtCtaMot__btn .btn{width:26rem}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot__btn .btn{width:20rem}}.MeSvgTxtCtaMot__btn .btn span{font-size:2rem;line-height:1;width:100%}.MeSvgTxtCtaMot__btn .btn__link{display:none;color:#fff;text-transform:uppercase;background:transparent;font-weight:500;font-size:1.6rem;line-height:.625;letter-spacing:.1em;width:18rem;text-align:center}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn .btn__link{display:block;position:absolute;left:50%;top:calc(100% + 1.3rem);transform:translate(-50%)}}@media (min-width: 1680px){.MeSvgTxtCtaMot__btn .btn__link{top:calc(100% + 1.9rem)}}.MeSvgTxtCtaMot__btn .btn__link:after{display:none}.MeSvgTxtCtaMot__btn--mobile{display:flex;position:fixed;inset:auto 0 0;border-top:1px solid #f9f8f5;height:5.4rem;transition:all .5s;background:#fff}@media (min-width: 768px){.MeSvgTxtCtaMot__btn--mobile{height:7rem}}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn--mobile{display:none}}.MeSvgTxtCtaMot__btn--mobile-links{flex:1 0 0;display:flex;align-items:center;gap:1rem;font-weight:500;justify-content:center;text-transform:uppercase;font-size:1.8rem;line-height:1.5555555556;letter-spacing:.1em;height:auto}@media (min-width: 540px){.MeSvgTxtCtaMot__btn--mobile-links{gap:1.4rem}}.MeSvgTxtCtaMot__btn--mobile-links-iconMenu{width:1.8rem;height:1.2rem}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-links a,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-links a:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a:hover{color:#fff}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-icons li{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-icons li:hover{color:#fff}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link:hover{color:#fff}.MeSvgTxtCtaMot.header__sticky{margin-top:0}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky{height:8rem;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#e6e3dd}}@media (min-width: 1680px){.MeSvgTxtCtaMot.header__sticky{height:9rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{height:7.7rem}@media (min-width: 768px) and (max-width: 1023.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{height:8.6rem}}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{background:transparent;width:auto;-webkit-backdrop-filter:unset;backdrop-filter:unset;border-width:0}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{background:#fff;border-color:#e6e3dd}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo--img{opacity:0}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo--sticky{opacity:1;color:#52504e}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links{gap:2.5rem;letter-spacing:.05em}@media (min-width: 1680px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links{gap:3rem;letter-spacing:.1em}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links a{color:#626262}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-icons li{color:#626262}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn{width:26rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link{color:#fff;background:#52504e4d}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link{padding:1rem 2.4rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link:hover{background:#b3916eb3}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a:hover{color:#626262}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li:hover{color:#626262}}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link{color:#fff}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);padding:1rem 1.6rem .8rem;color:#52504e;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;font-weight:500;font-size:1.4rem;line-height:.7142857143;letter-spacing:.05em;inset:100% auto auto 50%;translate:-50%;transition:all .5s;position:absolute;background-color:#fff;margin-top:2rem;border-radius:1px;border:1px solid #e6e3dd}.tooltip:after{content:\"\";pointer-events:none;opacity:0;position:absolute;margin-top:2.1rem;top:100%;left:50%;bottom:auto;transition:all .5s;translate:-50% -100%;border-width:0 7px 7px;border-style:solid;border-color:transparent transparent #ffffff transparent}.tooltip:hover:before,.tooltip:hover:after{pointer-events:inherit;opacity:1}.modal{position:fixed;z-index:91;overflow-y:auto;left:0;top:0;width:100%;bottom:0;opacity:0;pointer-events:none;transition:all .5s}.modal__close{position:fixed;top:2rem;right:2rem;width:1.7rem;aspect-ratio:1;transition:all .5s;color:#626262;display:flex;align-items:center;justify-content:center;z-index:1}@media (min-width: 540px){.modal__close{top:4.1rem;right:4rem}}.modal__close svg{width:100%;height:100%}.modal__close:hover{border-radius:100%}.modal--open{overflow:hidden}.modal.modal__menu{background:#fff;display:flex;isolation:isolate}.modal--open.menu .modal.modal__menu,.modal.modal--open{opacity:1;pointer-events:auto}.modal.modal__menu .modal__inner{padding:3rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 540px){.modal.modal__menu .modal__inner{padding:4.3rem}}@media (min-width: 768px){.modal.modal__menu .modal__inner{padding:5rem;gap:2rem}}.modal.modal__menu .modal__logo{width:21rem;color:#626262;aspect-ratio:210/63;display:block}@media (min-width: 540px){.modal.modal__menu .modal__logo{width:26.4rem}}@media (min-width: 768px){.modal.modal__menu .modal__logo{width:28.6rem}}.modal.modal__menu .modal__logo svg{width:100%;height:100%}.modal.modal__menu .modal__menu-nav{width:30rem;max-width:100%;display:flex;flex-direction:column;gap:2.6rem}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav{width:40rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav{width:50rem}}.modal.modal__menu .modal__menu-nav--links{text-align:center}.modal.modal__menu .modal__menu-nav--links li{display:block;border-bottom:1px solid #e6e3dd}.modal.modal__menu .modal__menu-nav--links li a{display:block;padding-block:2.6rem;font-size:1.6rem;line-height:.6875;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .5s;color:#626262}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav--links li a{padding-block:3.2rem}}.modal.modal__menu .modal__menu-nav--links li a:hover{color:#a37d56}.modal.modal__menu .modal__menu-nav--icons{display:flex;justify-content:center;align-items:center;gap:5rem;color:#b3916e}.modal.modal__menu .modal__menu-nav--icons li{aspect-ratio:1}.modal.modal__menu .modal__menu-nav--icons li svg{width:100%;height:100%}.modal.modal__menu .modal__menu-nav--icons-newsletter{width:2.2rem}.modal.modal__menu .modal__menu-nav--icons-language{width:2rem}.modal.modal__menu .modal__menu-nav--icons-agencies{width:2.6rem}\n"] }]
|
|
1070
|
+
}], ctorParameters: () => [{ type: i1$2.MatDialog }, { type: Document, decorators: [{
|
|
1046
1071
|
type: Inject,
|
|
1047
1072
|
args: [DOCUMENT]
|
|
1048
1073
|
}] }, { type: Object, decorators: [{
|
|
@@ -1630,6 +1655,15 @@ class BabylonHeaderClearComponent {
|
|
|
1630
1655
|
hasBackdrop: true,
|
|
1631
1656
|
});
|
|
1632
1657
|
}
|
|
1658
|
+
openDiscoverModal() {
|
|
1659
|
+
const dialogRef = this.dialog.open(BabylonModC2ImgTxtCtaComponent, {
|
|
1660
|
+
width: '100vw',
|
|
1661
|
+
height: '100vh',
|
|
1662
|
+
maxWidth: '100vw',
|
|
1663
|
+
panelClass: ['full-screen', 'modal-bg-bage'],
|
|
1664
|
+
hasBackdrop: true,
|
|
1665
|
+
});
|
|
1666
|
+
}
|
|
1633
1667
|
openOffer() {
|
|
1634
1668
|
const dialogRef = this.dialog.open(BabylonOfferPopupComponent, {
|
|
1635
1669
|
width: this.screenSizer.minMediumTablet() ? '65%' : '95vw',
|
|
@@ -1651,11 +1685,11 @@ class BabylonHeaderClearComponent {
|
|
|
1651
1685
|
});
|
|
1652
1686
|
}
|
|
1653
1687
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeaderClearComponent, deps: [{ token: i1$2.MatDialog }, { token: ScreenSizerService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1654
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonHeaderClearComponent, isStandalone: true, selector: "lib-babylon-header-clear", inputs: { headerFixed: "headerFixed" }, ngImport: i0, template: "<header class=\"cs_site_header cs_style_1 cs_transparent_header cs_primary_color cs_sticky_header\">\n <div class=\"cs_main_header\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_main_header_in\">\n <div class=\"cs_main_header_left\">\n <button class=\"cs_hamburger_btn \">\n <span class=\"cs_hamburger_btn_in\">\n <span></span>\n <span></span>\n <span></span>\n <span></span>\n </span>\n </button>\n <button class=\"btn btn_primary btn--light ml--20 btn-lang\" id=\"btn-lang\"\n (click)=\"openLanguageModal()\">\n <b>ES</b>\n </button>\n </div>\n <div class=\"cs_main_header_center\">\n <a class=\"cs_site_branding\" href=\"index.html\">\n <img src=\"assets/babylon/svg/logo.svg\" alt=\"Logo\">\n </a>\n </div>\n\n <div class=\"cs_main_header_right\">\n <button\n class=\"btn btn-call btn--light ml--20\" id=\"btn-book\"\n (click)=\"openEngineModal()\"\n >\n <b>RESERVAR </b>\n </button>\n <button\n class=\"btn btn_primary btn--light ml--20 btn-lang\"\n id=\"btn-offer-modal\"\n (click)=\"openOffer()\"\n >\n <span class=\"babylon-tag\"></span>\n </button>\n <button\n class=\"btn btn_primary btn--light ml--20 btn-lang\"\n id=\"btn-news-modal\"\n (click)=\"openNewsletter()\"\n >\n <span class=\"babylon-envelope\"></span>\n </button>\n </div>\n </div>\n </div>\n </div>\n</header>\n<div class=\"header-responsive\">\n <a class=\"cs_site_branding\" href=\"index.html\">\n <img src=\"assets/babylon/svg/logo.svg\" alt=\"Logo\">\n </a>\n</div>\n\n<div class=\"cs_hamburger_header\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_hamburger_header_top\">\n <div class=\"cs_hamburger_brand\">\n <a class=\"cs_site_branding\" href=\"index.html\">\n <img src=\"/assets/babylon/svg/logo.svg\" alt=\"Logo\">\n </a>\n </div>\n <button class=\"cs_close_hamburger\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M19.8175 11.0675L15.885 15L19.8175 18.9325C20.0613 19.1763 20.0613 19.5725 19.8175 19.8162C19.695 19.9387 19.535 19.9987 19.375 19.9987C19.215 19.9987 19.055 19.9375 18.9325 19.8162L15 15.8837L11.0675 19.8162C10.945 19.9387 10.785 19.9987 10.625 19.9987C10.465 19.9987 10.305 19.9375 10.1825 19.8162C9.93875 19.5725 9.93875 19.1763 10.1825 18.9325L14.115 15L10.1825 11.0675C9.93875 10.8238 9.93875 10.4275 10.1825 10.1838C10.4262 9.94 10.8225 9.94 11.0662 10.1838L14.9987 14.1163L18.9313 10.1838C19.175 9.94 19.5713 9.94 19.815 10.1838C20.0588 10.4275 20.0588 10.8238 19.815 11.0675H19.8175ZM30 15C30 23.2712 23.2712 30 15 30C6.72875 30 0 23.2712 0 15C0 6.72875 6.72875 0 15 0C23.2712 0 30 6.72875 30 15ZM28.75 15C28.75 7.41875 22.5812 1.25 15 1.25C7.41875 1.25 1.25 7.41875 1.25 15C1.25 22.5812 7.41875 28.75 15 28.75C22.5812 28.75 28.75 22.5812 28.75 15Z\" fill=\"white\"/>\n </svg>\n </button>\n </div>\n </div>\n <div class=\"cs_hamburger_header_in\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <nav class=\"cs_hamburger_menu \">\n <ul class=\"cs_nav_list\">\n <li class=\"menu-item-has-children title--small\">\n <a href=\"index.html\">Home</a>\n <ul>\n <li><a href=\"/home\">Home V1</a></li>\n <li><a href=\"/homev2\">Home V2</a></li>\n <li><a href=\"/homev3\">Home V3</a></li>\n </ul>\n </li>\n <li class=\"title--small\"><a href=\"/hotels-list\">Listado de hoteles</a></li>\n <li class=\"menu-item-has-children title--small\">\n <a href=\"rooms.html\">Habitaciones</a>\n <ul>\n <li><a href=\"/rooms-list\">Habitaciones v1</a></li>\n <li><a href=\"/rooms-list-v2\">Habitaciones v2</a></li>\n </ul>\n </li>\n <li class=\"menu-item-has-children title--small\">\n <a href=\"offers.html\">Ofertas</a>\n <ul>\n <li><a href=\"/offers-list\">Ofertas v1</a></li>\n <li><a href=\"/offers-list-v2\">Ofertas v2</a></li>\n </ul>\n </li>\n <li class=\"title--small\"><a href=\"/gallery\">Galeria</a></li>\n <li class=\"title--small\"> <a href=\"/contact\">Contacto</a> </li>\n <li class=\"title--small\"><a href=\"/faq\">Faqs</a></li>\n <li class=\"title--small\"><a href=\"/blog\">Blog</a></li>\n </ul>\n </nav>\n </div>\n <div class=\"col-lg-6\">\n <div class=\"cs_hamburger_header_info\">\n <div class=\"cs_hamburger_header_info_in\">\n <img src=\"/assets/babylon/fotos/hamburger_img.png\" alt=\"Hamburger\" class=\"cs_hamburger_header_img cs_mb_80\">\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <div class=\"cs_hamburger_contact_info\">\n <h3 class=\"cs_fs_28 subtitle--small subtitle--small--light mb--20\">Contact</h3>\n <p class=\"text\"><a href=\"tel:+00(244)14-50-774\">Call : +00(244)14-50-774 </a><br>\n <a href=\"mailto:info-babylon.com\">Email : info-babylon.com</a>\n </p>\n </div>\n </div>\n <div class=\"col-lg-6\">\n <div class=\"cs_hamburger_contact_info\">\n <h3 class=\"cs_fs_28 subtitle--small subtitle--small--light mb--20\">Location</h3>\n <p class=\"ctext\">452 15h Street, Office 741, Ohio, De 47754, USA</p>\n <a href=\"#\" class=\"btn-link btn-link--light\">\n <b>Map Direction</b>\n <span class=\"babylon-arrow-right-big\"></span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\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}.cs_site_header{position:absolute;width:100%;left:0;top:0;z-index:101;transition:all .4s ease}@media (max-width: 767px){.cs_site_header{position:fixed;bottom:0;top:auto}.cs_site_header .cs_main_header_in{height:60px!important;width:100%}.cs_site_header .cs_main_header_left{display:none}.cs_site_header .cs_main_header_right{width:100%;justify-content:space-between}.cs_site_header .cs_main_header_right #btn-book{order:2;margin:0!important}.cs_site_header .cs_main_header_right .cs_hamburger_btn{order:1;margin:0!important;width:70px;text-align:left;justify-content:flex-start}.cs_site_header .cs_main_header_right #btn-lang{order:3;margin:0!important}}.cs_site_header #btn-book{display:block}.cs_site_header.cs_style_1 .cs_main_header_in{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;position:relative;transition:all .3s ease}.cs_site_header.cs_style_1 .cs_main_header_in{height:100px}.cs_site_header.cs_style_1 .cs_main_header_right{display:flex;align-items:center;height:100%}.cs_site_header.cs_style_1 .cs_nav_list>li>a{text-transform:uppercase}.cs_site_header.cs_style_1.cs_transparent_header{background:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (min-width: 1200px){.cs_site_header.cs_style_1.cs_transparent_header .cs_nav_list>li>a{color:var(--cl_header-text-light)}.cs_site_header.cs_style_1.cs_transparent_header .cs_nav_list>li>a:hover{color:var(--cl_accent)}}.cs_site_header.cs_style_1.cs_transparent_header .cs_btn.cs_style_2{border-radius:5px;border-color:var(--cl_header-text-light);color:var(--cl_header-text-light)}.cs_site_header.cs_style_1.cs_transparent_header .cs_btn.cs_style_2:hover{background-color:var(--cl_accent);border-color:var(--cl_accent)}.cs_site_header.cs_style_1.cs_type_1{background-color:transparent;border-bottom:1px solid var(--ternary)}.cs_site_header.cs_style_1.cs_sticky_active{background-color:var(--cl_header-bg);box-shadow:0 10px 10px -10px #212b351a}.cs_main_header .container-fluid{padding-right:100px;padding-left:100px;overflow:visible}@media (max-width: 1679px){.cs_main_header .container-fluid{padding-right:60px;padding-left:60px}}@media (max-width: 1399px){.cs_main_header .container-fluid{padding-right:20px;padding-left:20px}}@media (max-width: 1199px){.cs_main_header .container-fluid{padding-right:15px;padding-left:15px}}@media (max-width: 991px){.cs_main_header .container-fluid{padding-right:30px;padding-left:30px}}@media (max-width: 575px){.cs_main_header .container-fluid{padding-right:10px;padding-left:10px}}.cs_main_header_center{display:none}@media (min-width: 1200px){.cs_main_header{position:relative}.cs_main_header_center{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%)}.cs_site_header.cs_style_1 .cs_main_header_center{display:flex;justify-content:center;align-items:center;height:100%;width:100%;max-width:calc(100% - 300px)}.cs_site_header.cs_style_1 .cs_main_header_left{height:100%;display:flex;justify-content:center;align-items:center}.cs_nav{display:flex;align-items:center;height:100%;line-height:1.6em}.cs_nav .cs_nav_list{display:flex!important;flex-wrap:wrap;height:inherit}.cs_nav .cs_nav_list>li{margin-right:40px;height:inherit}.cs_nav .cs_nav_list>li:last-child{margin-right:0}.cs_nav .cs_nav_list>li>a{padding:10px 0;display:inline-flex;position:relative;height:inherit;align-items:center}.cs_nav .cs_nav_list>li>ul{left:0;top:calc(100% + 15px);transition:all .4s ease;pointer-events:none}.cs_nav .cs_nav_list>li:hover>ul{top:100%;opacity:1;visibility:visible;pointer-events:auto}.cs_nav .cs_nav_list>li.menu-item-has-children>a{position:relative}.cs_nav .cs_nav_list>li.menu-item-has-children>a:after{content:\"\";display:inline-block;height:6px;width:6px;border:2px solid currentColor;transform:rotate(45deg);border-left:0;border-top:0;margin-left:6px;position:relative;top:-1px;border-radius:0 0 2px}.cs_nav .cs_nav_list>li ul{font-size:15px;font-weight:400;line-height:1.6em}.cs_nav .cs_nav_list li:not(.cs_mega_menu){position:relative}.cs_nav .cs_nav_list ul{width:230px;background-color:var(--cl_header-bg);position:absolute;border-top:2px solid var(--cl_accent);box-shadow:0 1px 2px #0200b51a;padding:10px 0;z-index:100;opacity:0;visibility:hidden;display:block!important;border-radius:0 0 5px 5px}.cs_nav .cs_nav_list ul li:hover ul{top:0}.cs_nav .cs_nav_list ul li:hover>ul{opacity:1;visibility:visible}.cs_nav .cs_nav_list ul a{display:block;line-height:inherit;padding:10px 20px;color:var(--cl_header-text-light)}.cs_nav .cs_nav_list ul a:hover{color:var(--cl_accent)}.cs_nav .cs_nav_list ul ul{top:15px;left:100%}.cs_nav+.cs_toolbox{margin-left:40px}.cs_menu_toggle,.cs_menu_dropdown_toggle{display:none}.cs_nav .cs_nav_list .cs_mega_menu{position:relative}.cs_nav .cs_nav_list .cs_mega_wrapper{width:1296px!important;display:flex!important;position:fixed;top:100px!important;left:50%;transform:translate(-50%);padding:5px 15px 10px;border-top:2px solid var(--accent);border-radius:0 0 5px 5px}.cs_nav .cs_nav_list .cs_mega_wrapper a{padding:7px 10px}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children{flex:1;padding:10px 0}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children>a{font-size:18px;font-weight:600;pointer-events:none}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children>a:hover{background-color:transparent}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children ul{position:initial;border:none;padding:0;width:100%;box-shadow:none;background-color:transparent}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children ul a{transition:all .4s ease}.cs_nav .cs_nav_list .cs_mega_menu:hover .cs_mega_wrapper li ul{opacity:1;visibility:visible}.cs_nav .cs_nav_list>li ul:not(.cs_mega_wrapper) .menu-item-has-children>a{position:relative}}@media (min-width: 768px){.cs_gescout_sticky{position:fixed!important;top:0!important;opacity:1;transition:all .4s ease}.cs_gescout_sticky.cs_site_header.cs_style_1{background-color:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cs_gescout_sticky.cs_site_header.cs_style_1.cs_transparent_header{background-color:var(--cl_header-bg)}}.cs_hamburger_btn{display:flex;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s ease;cursor:pointer;border:none;border-radius:50%;color:currentColor;background-color:transparent;outline:none;padding:0;color:var(--cl_header-text-light)}.cs_hamburger_btn .cs_hamburger_btn_in{width:30px;height:22px;line-height:0;cursor:pointer;position:relative;text-align:left;overflow:hidden;display:block}.cs_hamburger_btn .cs_hamburger_btn_in span{display:inline-block;position:absolute;height:2px;width:100%;background-color:currentColor;color:inherit;vertical-align:top;transition:.3s ease-in-out;border-radius:3px;left:0}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(1){transform:translateY(-10px);width:calc(100% - 5px)}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(2){transform:translate(0)}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(3){transform:translateY(10px);width:calc(100% - 10px)}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(4){transform:translateY(20px);width:calc(100% - 20px)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span{transition:.3s ease-in-out}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(1){transform:translate(0)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(2){transform:translateY(10px)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(3){transform:translateY(20px)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(4){transform:translateY(30px)}.cs_hamburger_active{overflow:hidden}.cs_hamburger_header{position:fixed;z-index:99999;background-color:var(--cl_menu-bg);color:var(--cl_menu-text);width:100%;height:100vh;opacity:0;visibility:hidden;transition:all .3s ease}.cs_hamburger_header a{border-color:var(--cl_menu-bg);color:var(--cl_menu-text)}.cs_hamburger_header a:hover{transform:initial;color:var(--cl_accent)}.cs_hamburger_header.active{opacity:1;visibility:visible}.cs_hamburger_header_top{display:flex;align-items:center;justify-content:space-between;height:110px}.cs_hamburger_menu{overflow-y:auto;overflow-x:hidden;height:calc(100vh - 110px);display:flex;flex-direction:column;padding-bottom:50px;color:var(--cl_menu-text);font-size:40px;font-family:var(--font-title)}.cs_hamburger_menu ul{list-style:none;padding:0;margin:auto 0;color:var(--cl_menu-text)}.cs_hamburger_menu .menu-item-has-children ul{display:none}.cs_hamburger_menu .cs_menu_dropdown_toggle{display:block;cursor:pointer;margin-top:5px}@media (max-width: 1199px){.cs_hamburger_menu .cs_menu_dropdown_toggle{position:initial;height:initial;width:initial;padding:0}}.cs_hamburger_menu .cs_menu_dropdown_toggle:before{content:\"\";position:absolute;height:100%;width:100%;left:0;top:0;height:50px}.cs_hamburger_menu .cs_menu_dropdown_toggle span{width:0px;height:0px;display:block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--cl_menu-text)}.cs_hamburger_menu .cs_menu_dropdown_toggle span:before,.cs_hamburger_menu .cs_menu_dropdown_toggle span:after{display:none}.cs_hamburger_menu .menu-item-has-children{display:flex;align-items:center;flex-wrap:wrap;position:relative;overflow:hidden}.cs_hamburger_menu .menu-item-has-children:hover>a{color:var(--cl_accent)}.cs_hamburger_menu .menu-item-has-children>*:first-child{order:1}.cs_hamburger_menu .menu-item-has-children>*:nth-child(2){order:3}.cs_hamburger_menu .menu-item-has-children>*:nth-child(3){order:2}.cs_hamburger_menu .menu-item-has-children>ul{width:100%}.cs_hamburger_menu .cs_nav_list>li:not(:last-child){margin-bottom:12px}.cs_hamburger_menu .cs_nav_list>li>ul{font-size:65%;line-height:1.6em}.cs_hamburger_menu .cs_nav_list>li>ul .cs_menu_dropdown_toggle{display:block;cursor:pointer}.cs_hamburger_menu .cs_nav_list>li>ul .cs_menu_dropdown_toggle:before{height:39px}.cs_hamburger_menu .cs_nav_list>li img{display:none}.cs_hamburger_menu .cs_nav_list ul{padding-left:25px;padding-top:10px}.cs_hamburger_menu .cs_nav_list ul li:not(:last-child){margin-bottom:10px}.cs_close_hamburger{background-color:transparent;border:navajowhite;padding:0;transition:all .4s ease;cursor:pointer}.cs_close_hamburger:hover{opacity:.75;transform:rotate(90deg) scale(1.05)}.cs_hamburger_header_info{height:calc(100vh - 110px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}@media (max-width: 991px){.cs_hamburger_header_info{display:none}}.cs_hamburger_header_info_in{padding:0 0 50px;margin-top:auto;margin-bottom:auto}.header-responsive{display:none;background:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header-responsive img{max-height:100%}@media (max-width: 991px){.header-responsive{display:block;position:fixed;top:0;left:0;width:100%;z-index:9;text-align:center;padding-block:7px;height:55px}}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1688
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonHeaderClearComponent, isStandalone: true, selector: "lib-babylon-header-clear", inputs: { headerFixed: "headerFixed" }, ngImport: i0, template: "<header class=\"cs_site_header cs_style_1 cs_transparent_header cs_primary_color cs_sticky_header\">\n <div class=\"cs_main_header\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_main_header_in\">\n <div class=\"cs_main_header_left\">\n <button class=\"cs_hamburger_btn \">\n <span class=\"cs_hamburger_btn_in\">\n <span></span>\n <span></span>\n <span></span>\n <span></span>\n </span>\n </button>\n <button class=\"btn btn_primary btn--light ml--20 btn-lang\" id=\"btn-lang\"\n (click)=\"openLanguageModal()\">\n <b>ES</b>\n </button>\n </div>\n <div class=\"cs_main_header_center\">\n <a class=\"cs_site_branding\" href=\"index.html\">\n <img src=\"assets/babylon/svg/logo.svg\" alt=\"Logo\">\n </a>\n </div>\n\n <div class=\"cs_main_header_right\">\n <button\n class=\"btn btn-call btn--light ml--20\" id=\"btn-book\"\n (click)=\"openEngineModal()\"\n >\n <b>RESERVAR </b>\n </button>\n <button\n class=\"btn btn_primary btn--light ml--20 btn-lang\"\n id=\"btn-offer-modal\"\n (click)=\"openOffer()\"\n >\n <span class=\"babylon-tag\"></span>\n </button>\n <button\n class=\"btn btn_primary btn--light ml--20 btn-lang\"\n id=\"btn-news-modal\"\n (click)=\"openNewsletter()\"\n >\n <span class=\"babylon-envelope\"></span>\n </button>\n </div>\n </div>\n </div>\n </div>\n</header>\n<div class=\"header-responsive\">\n <a class=\"cs_site_branding\" href=\"index.html\">\n <img src=\"assets/babylon/svg/logo.svg\" alt=\"Logo\">\n </a>\n</div>\n\n<div class=\"cs_hamburger_header\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_hamburger_header_top\">\n <div class=\"cs_hamburger_brand\">\n <a class=\"cs_site_branding\" href=\"index.html\">\n <img src=\"/assets/babylon/svg/logo.svg\" alt=\"Logo\">\n </a>\n </div>\n <button class=\"cs_close_hamburger\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M19.8175 11.0675L15.885 15L19.8175 18.9325C20.0613 19.1763 20.0613 19.5725 19.8175 19.8162C19.695 19.9387 19.535 19.9987 19.375 19.9987C19.215 19.9987 19.055 19.9375 18.9325 19.8162L15 15.8837L11.0675 19.8162C10.945 19.9387 10.785 19.9987 10.625 19.9987C10.465 19.9987 10.305 19.9375 10.1825 19.8162C9.93875 19.5725 9.93875 19.1763 10.1825 18.9325L14.115 15L10.1825 11.0675C9.93875 10.8238 9.93875 10.4275 10.1825 10.1838C10.4262 9.94 10.8225 9.94 11.0662 10.1838L14.9987 14.1163L18.9313 10.1838C19.175 9.94 19.5713 9.94 19.815 10.1838C20.0588 10.4275 20.0588 10.8238 19.815 11.0675H19.8175ZM30 15C30 23.2712 23.2712 30 15 30C6.72875 30 0 23.2712 0 15C0 6.72875 6.72875 0 15 0C23.2712 0 30 6.72875 30 15ZM28.75 15C28.75 7.41875 22.5812 1.25 15 1.25C7.41875 1.25 1.25 7.41875 1.25 15C1.25 22.5812 7.41875 28.75 15 28.75C22.5812 28.75 28.75 22.5812 28.75 15Z\" fill=\"white\"/>\n </svg>\n </button>\n </div>\n </div>\n <div class=\"cs_hamburger_header_in\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <nav class=\"cs_hamburger_menu \">\n <ul class=\"cs_nav_list\">\n <li class=\"menu-item-has-children title--small\">\n <a href=\"index.html\">Home</a>\n <ul>\n <li><a href=\"/home\">Home V1</a></li>\n <li><a href=\"/homev2\">Home V2</a></li>\n <li><a href=\"/homev3\">Home V3</a></li>\n </ul>\n </li>\n <li class=\"title--small\"><a href=\"/hotels-list\">Listado de hoteles</a></li>\n <li class=\"menu-item-has-children title--small\">\n <a href=\"rooms.html\">Habitaciones</a>\n <ul>\n <li><a href=\"/rooms-list\">Habitaciones v1</a></li>\n <li><a href=\"/rooms-list-v2\">Habitaciones v2</a></li>\n </ul>\n </li>\n <li class=\"menu-item-has-children title--small\">\n <a href=\"offers.html\">Ofertas</a>\n <ul>\n <li><a href=\"/offers-list\">Ofertas v1</a></li>\n <li><a href=\"/offers-list-v2\">Ofertas v2</a></li>\n </ul>\n </li>\n <li class=\"title--small\"><a href=\"/gallery\">Galeria</a></li>\n <li class=\"title--small\"> <a href=\"/contact\">Contacto</a> </li>\n <li class=\"title--small\"><a href=\"/faq\">Faqs</a></li>\n <li class=\"title--small\"><a href=\"/blog\">Blog</a></li>\n <li class=\"title--small\">\n <a\n role=\"button\"\n class=\"js-active-modal\"\n data-modal_name=\"discover\"\n (click)=\"openDiscoverModal()\"\n >Descubre\n </a> \n </li>\n </ul>\n </nav>\n </div>\n <div class=\"col-lg-6\">\n <div class=\"cs_hamburger_header_info\">\n <div class=\"cs_hamburger_header_info_in\">\n <img src=\"/assets/babylon/fotos/hamburger_img.png\" alt=\"Hamburger\" class=\"cs_hamburger_header_img cs_mb_80\">\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <div class=\"cs_hamburger_contact_info\">\n <h3 class=\"cs_fs_28 subtitle--small subtitle--small--light mb--20\">Contact</h3>\n <p class=\"text\"><a href=\"tel:+00(244)14-50-774\">Call : +00(244)14-50-774 </a><br>\n <a href=\"mailto:info-babylon.com\">Email : info-babylon.com</a>\n </p>\n </div>\n </div>\n <div class=\"col-lg-6\">\n <div class=\"cs_hamburger_contact_info\">\n <h3 class=\"cs_fs_28 subtitle--small subtitle--small--light mb--20\">Location</h3>\n <p class=\"ctext\">452 15h Street, Office 741, Ohio, De 47754, USA</p>\n <a href=\"#\" class=\"btn-link btn-link--light\">\n <b>Map Direction</b>\n <span class=\"babylon-arrow-right-big\"></span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\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}.cs_site_header{position:absolute;width:100%;left:0;top:0;z-index:101;transition:all .4s ease}@media (max-width: 767px){.cs_site_header{position:fixed;bottom:0;top:auto}.cs_site_header .cs_main_header_in{height:60px!important;width:100%}.cs_site_header .cs_main_header_left{display:none}.cs_site_header .cs_main_header_right{width:100%;justify-content:space-between}.cs_site_header .cs_main_header_right #btn-book{order:2;margin:0!important}.cs_site_header .cs_main_header_right .cs_hamburger_btn{order:1;margin:0!important;width:70px;text-align:left;justify-content:flex-start}.cs_site_header .cs_main_header_right #btn-lang{order:3;margin:0!important}}.cs_site_header #btn-book{display:block}.cs_site_header.cs_style_1 .cs_main_header_in{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;position:relative;transition:all .3s ease}.cs_site_header.cs_style_1 .cs_main_header_in{height:100px}.cs_site_header.cs_style_1 .cs_main_header_right{display:flex;align-items:center;height:100%}.cs_site_header.cs_style_1 .cs_nav_list>li>a{text-transform:uppercase}.cs_site_header.cs_style_1.cs_transparent_header{background:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (min-width: 1200px){.cs_site_header.cs_style_1.cs_transparent_header .cs_nav_list>li>a{color:var(--cl_header-text-light)}.cs_site_header.cs_style_1.cs_transparent_header .cs_nav_list>li>a:hover{color:var(--cl_accent)}}.cs_site_header.cs_style_1.cs_transparent_header .cs_btn.cs_style_2{border-radius:5px;border-color:var(--cl_header-text-light);color:var(--cl_header-text-light)}.cs_site_header.cs_style_1.cs_transparent_header .cs_btn.cs_style_2:hover{background-color:var(--cl_accent);border-color:var(--cl_accent)}.cs_site_header.cs_style_1.cs_type_1{background-color:transparent;border-bottom:1px solid var(--ternary)}.cs_site_header.cs_style_1.cs_sticky_active{background-color:var(--cl_header-bg);box-shadow:0 10px 10px -10px #212b351a}.cs_main_header .container-fluid{padding-right:100px;padding-left:100px;overflow:visible}@media (max-width: 1679px){.cs_main_header .container-fluid{padding-right:60px;padding-left:60px}}@media (max-width: 1399px){.cs_main_header .container-fluid{padding-right:20px;padding-left:20px}}@media (max-width: 1199px){.cs_main_header .container-fluid{padding-right:15px;padding-left:15px}}@media (max-width: 991px){.cs_main_header .container-fluid{padding-right:30px;padding-left:30px}}@media (max-width: 575px){.cs_main_header .container-fluid{padding-right:10px;padding-left:10px}}.cs_main_header_center{display:none}@media (min-width: 1200px){.cs_main_header{position:relative}.cs_main_header_center{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%)}.cs_site_header.cs_style_1 .cs_main_header_center{display:flex;justify-content:center;align-items:center;height:100%;width:100%;max-width:calc(100% - 300px)}.cs_site_header.cs_style_1 .cs_main_header_left{height:100%;display:flex;justify-content:center;align-items:center}.cs_nav{display:flex;align-items:center;height:100%;line-height:1.6em}.cs_nav .cs_nav_list{display:flex!important;flex-wrap:wrap;height:inherit}.cs_nav .cs_nav_list>li{margin-right:40px;height:inherit}.cs_nav .cs_nav_list>li:last-child{margin-right:0}.cs_nav .cs_nav_list>li>a{padding:10px 0;display:inline-flex;position:relative;height:inherit;align-items:center}.cs_nav .cs_nav_list>li>ul{left:0;top:calc(100% + 15px);transition:all .4s ease;pointer-events:none}.cs_nav .cs_nav_list>li:hover>ul{top:100%;opacity:1;visibility:visible;pointer-events:auto}.cs_nav .cs_nav_list>li.menu-item-has-children>a{position:relative}.cs_nav .cs_nav_list>li.menu-item-has-children>a:after{content:\"\";display:inline-block;height:6px;width:6px;border:2px solid currentColor;transform:rotate(45deg);border-left:0;border-top:0;margin-left:6px;position:relative;top:-1px;border-radius:0 0 2px}.cs_nav .cs_nav_list>li ul{font-size:15px;font-weight:400;line-height:1.6em}.cs_nav .cs_nav_list li:not(.cs_mega_menu){position:relative}.cs_nav .cs_nav_list ul{width:230px;background-color:var(--cl_header-bg);position:absolute;border-top:2px solid var(--cl_accent);box-shadow:0 1px 2px #0200b51a;padding:10px 0;z-index:100;opacity:0;visibility:hidden;display:block!important;border-radius:0 0 5px 5px}.cs_nav .cs_nav_list ul li:hover ul{top:0}.cs_nav .cs_nav_list ul li:hover>ul{opacity:1;visibility:visible}.cs_nav .cs_nav_list ul a{display:block;line-height:inherit;padding:10px 20px;color:var(--cl_header-text-light)}.cs_nav .cs_nav_list ul a:hover{color:var(--cl_accent)}.cs_nav .cs_nav_list ul ul{top:15px;left:100%}.cs_nav+.cs_toolbox{margin-left:40px}.cs_menu_toggle,.cs_menu_dropdown_toggle{display:none}.cs_nav .cs_nav_list .cs_mega_menu{position:relative}.cs_nav .cs_nav_list .cs_mega_wrapper{width:1296px!important;display:flex!important;position:fixed;top:100px!important;left:50%;transform:translate(-50%);padding:5px 15px 10px;border-top:2px solid var(--accent);border-radius:0 0 5px 5px}.cs_nav .cs_nav_list .cs_mega_wrapper a{padding:7px 10px}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children{flex:1;padding:10px 0}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children>a{font-size:18px;font-weight:600;pointer-events:none}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children>a:hover{background-color:transparent}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children ul{position:initial;border:none;padding:0;width:100%;box-shadow:none;background-color:transparent}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children ul a{transition:all .4s ease}.cs_nav .cs_nav_list .cs_mega_menu:hover .cs_mega_wrapper li ul{opacity:1;visibility:visible}.cs_nav .cs_nav_list>li ul:not(.cs_mega_wrapper) .menu-item-has-children>a{position:relative}}@media (min-width: 768px){.cs_gescout_sticky{position:fixed!important;top:0!important;opacity:1;transition:all .4s ease}.cs_gescout_sticky.cs_site_header.cs_style_1{background-color:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cs_gescout_sticky.cs_site_header.cs_style_1.cs_transparent_header{background-color:var(--cl_header-bg)}}.cs_hamburger_btn{display:flex;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s ease;cursor:pointer;border:none;border-radius:50%;color:currentColor;background-color:transparent;outline:none;padding:0;color:var(--cl_header-text-light)}.cs_hamburger_btn .cs_hamburger_btn_in{width:30px;height:22px;line-height:0;cursor:pointer;position:relative;text-align:left;overflow:hidden;display:block}.cs_hamburger_btn .cs_hamburger_btn_in span{display:inline-block;position:absolute;height:2px;width:100%;background-color:currentColor;color:inherit;vertical-align:top;transition:.3s ease-in-out;border-radius:3px;left:0}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(1){transform:translateY(-10px);width:calc(100% - 5px)}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(2){transform:translate(0)}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(3){transform:translateY(10px);width:calc(100% - 10px)}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(4){transform:translateY(20px);width:calc(100% - 20px)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span{transition:.3s ease-in-out}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(1){transform:translate(0)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(2){transform:translateY(10px)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(3){transform:translateY(20px)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(4){transform:translateY(30px)}.cs_hamburger_active{overflow:hidden}.cs_hamburger_header{position:fixed;z-index:99999;background-color:var(--cl_menu-bg);color:var(--cl_menu-text);width:100%;height:100vh;opacity:0;visibility:hidden;transition:all .3s ease}.cs_hamburger_header a{border-color:var(--cl_menu-bg);color:var(--cl_menu-text)}.cs_hamburger_header a:hover{transform:initial;color:var(--cl_accent)}.cs_hamburger_header.active{opacity:1;visibility:visible}.cs_hamburger_header_top{display:flex;align-items:center;justify-content:space-between;height:110px}.cs_hamburger_menu{overflow-y:auto;overflow-x:hidden;height:calc(100vh - 110px);display:flex;flex-direction:column;padding-bottom:50px;color:var(--cl_menu-text);font-size:40px;font-family:var(--font-title)}.cs_hamburger_menu ul{list-style:none;padding:0;margin:auto 0;color:var(--cl_menu-text)}.cs_hamburger_menu .menu-item-has-children ul{display:none}.cs_hamburger_menu .cs_menu_dropdown_toggle{display:block;cursor:pointer;margin-top:5px}@media (max-width: 1199px){.cs_hamburger_menu .cs_menu_dropdown_toggle{position:initial;height:initial;width:initial;padding:0}}.cs_hamburger_menu .cs_menu_dropdown_toggle:before{content:\"\";position:absolute;height:100%;width:100%;left:0;top:0;height:50px}.cs_hamburger_menu .cs_menu_dropdown_toggle span{width:0px;height:0px;display:block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--cl_menu-text)}.cs_hamburger_menu .cs_menu_dropdown_toggle span:before,.cs_hamburger_menu .cs_menu_dropdown_toggle span:after{display:none}.cs_hamburger_menu .menu-item-has-children{display:flex;align-items:center;flex-wrap:wrap;position:relative;overflow:hidden}.cs_hamburger_menu .menu-item-has-children:hover>a{color:var(--cl_accent)}.cs_hamburger_menu .menu-item-has-children>*:first-child{order:1}.cs_hamburger_menu .menu-item-has-children>*:nth-child(2){order:3}.cs_hamburger_menu .menu-item-has-children>*:nth-child(3){order:2}.cs_hamburger_menu .menu-item-has-children>ul{width:100%}.cs_hamburger_menu .cs_nav_list>li:not(:last-child){margin-bottom:12px}.cs_hamburger_menu .cs_nav_list>li>ul{font-size:65%;line-height:1.6em}.cs_hamburger_menu .cs_nav_list>li>ul .cs_menu_dropdown_toggle{display:block;cursor:pointer}.cs_hamburger_menu .cs_nav_list>li>ul .cs_menu_dropdown_toggle:before{height:39px}.cs_hamburger_menu .cs_nav_list>li img{display:none}.cs_hamburger_menu .cs_nav_list ul{padding-left:25px;padding-top:10px}.cs_hamburger_menu .cs_nav_list ul li:not(:last-child){margin-bottom:10px}.cs_close_hamburger{background-color:transparent;border:navajowhite;padding:0;transition:all .4s ease;cursor:pointer}.cs_close_hamburger:hover{opacity:.75;transform:rotate(90deg) scale(1.05)}.cs_hamburger_header_info{height:calc(100vh - 110px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}@media (max-width: 991px){.cs_hamburger_header_info{display:none}}.cs_hamburger_header_info_in{padding:0 0 50px;margin-top:auto;margin-bottom:auto}.header-responsive{display:none;background:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header-responsive img{max-height:100%}@media (max-width: 991px){.header-responsive{display:block;position:fixed;top:0;left:0;width:100%;z-index:9;text-align:center;padding-block:7px;height:55px}}\n"], dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1655
1689
|
}
|
|
1656
1690
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeaderClearComponent, decorators: [{
|
|
1657
1691
|
type: Component,
|
|
1658
|
-
args: [{ selector: 'lib-babylon-header-clear', standalone: true, imports: [RouterModule, CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"cs_site_header cs_style_1 cs_transparent_header cs_primary_color cs_sticky_header\">\n <div class=\"cs_main_header\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_main_header_in\">\n <div class=\"cs_main_header_left\">\n <button class=\"cs_hamburger_btn \">\n <span class=\"cs_hamburger_btn_in\">\n <span></span>\n <span></span>\n <span></span>\n <span></span>\n </span>\n </button>\n <button class=\"btn btn_primary btn--light ml--20 btn-lang\" id=\"btn-lang\"\n (click)=\"openLanguageModal()\">\n <b>ES</b>\n </button>\n </div>\n <div class=\"cs_main_header_center\">\n <a class=\"cs_site_branding\" href=\"index.html\">\n <img src=\"assets/babylon/svg/logo.svg\" alt=\"Logo\">\n </a>\n </div>\n\n <div class=\"cs_main_header_right\">\n <button\n class=\"btn btn-call btn--light ml--20\" id=\"btn-book\"\n (click)=\"openEngineModal()\"\n >\n <b>RESERVAR </b>\n </button>\n <button\n class=\"btn btn_primary btn--light ml--20 btn-lang\"\n id=\"btn-offer-modal\"\n (click)=\"openOffer()\"\n >\n <span class=\"babylon-tag\"></span>\n </button>\n <button\n class=\"btn btn_primary btn--light ml--20 btn-lang\"\n id=\"btn-news-modal\"\n (click)=\"openNewsletter()\"\n >\n <span class=\"babylon-envelope\"></span>\n </button>\n </div>\n </div>\n </div>\n </div>\n</header>\n<div class=\"header-responsive\">\n <a class=\"cs_site_branding\" href=\"index.html\">\n <img src=\"assets/babylon/svg/logo.svg\" alt=\"Logo\">\n </a>\n</div>\n\n<div class=\"cs_hamburger_header\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_hamburger_header_top\">\n <div class=\"cs_hamburger_brand\">\n <a class=\"cs_site_branding\" href=\"index.html\">\n <img src=\"/assets/babylon/svg/logo.svg\" alt=\"Logo\">\n </a>\n </div>\n <button class=\"cs_close_hamburger\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M19.8175 11.0675L15.885 15L19.8175 18.9325C20.0613 19.1763 20.0613 19.5725 19.8175 19.8162C19.695 19.9387 19.535 19.9987 19.375 19.9987C19.215 19.9987 19.055 19.9375 18.9325 19.8162L15 15.8837L11.0675 19.8162C10.945 19.9387 10.785 19.9987 10.625 19.9987C10.465 19.9987 10.305 19.9375 10.1825 19.8162C9.93875 19.5725 9.93875 19.1763 10.1825 18.9325L14.115 15L10.1825 11.0675C9.93875 10.8238 9.93875 10.4275 10.1825 10.1838C10.4262 9.94 10.8225 9.94 11.0662 10.1838L14.9987 14.1163L18.9313 10.1838C19.175 9.94 19.5713 9.94 19.815 10.1838C20.0588 10.4275 20.0588 10.8238 19.815 11.0675H19.8175ZM30 15C30 23.2712 23.2712 30 15 30C6.72875 30 0 23.2712 0 15C0 6.72875 6.72875 0 15 0C23.2712 0 30 6.72875 30 15ZM28.75 15C28.75 7.41875 22.5812 1.25 15 1.25C7.41875 1.25 1.25 7.41875 1.25 15C1.25 22.5812 7.41875 28.75 15 28.75C22.5812 28.75 28.75 22.5812 28.75 15Z\" fill=\"white\"/>\n </svg>\n </button>\n </div>\n </div>\n <div class=\"cs_hamburger_header_in\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <nav class=\"cs_hamburger_menu \">\n <ul class=\"cs_nav_list\">\n <li class=\"menu-item-has-children title--small\">\n <a href=\"index.html\">Home</a>\n <ul>\n <li><a href=\"/home\">Home V1</a></li>\n <li><a href=\"/homev2\">Home V2</a></li>\n <li><a href=\"/homev3\">Home V3</a></li>\n </ul>\n </li>\n <li class=\"title--small\"><a href=\"/hotels-list\">Listado de hoteles</a></li>\n <li class=\"menu-item-has-children title--small\">\n <a href=\"rooms.html\">Habitaciones</a>\n <ul>\n <li><a href=\"/rooms-list\">Habitaciones v1</a></li>\n <li><a href=\"/rooms-list-v2\">Habitaciones v2</a></li>\n </ul>\n </li>\n <li class=\"menu-item-has-children title--small\">\n <a href=\"offers.html\">Ofertas</a>\n <ul>\n <li><a href=\"/offers-list\">Ofertas v1</a></li>\n <li><a href=\"/offers-list-v2\">Ofertas v2</a></li>\n </ul>\n </li>\n <li class=\"title--small\"><a href=\"/gallery\">Galeria</a></li>\n <li class=\"title--small\"> <a href=\"/contact\">Contacto</a> </li>\n <li class=\"title--small\"><a href=\"/faq\">Faqs</a></li>\n <li class=\"title--small\"><a href=\"/blog\">Blog</a></li>\n </ul>\n </nav>\n </div>\n <div class=\"col-lg-6\">\n <div class=\"cs_hamburger_header_info\">\n <div class=\"cs_hamburger_header_info_in\">\n <img src=\"/assets/babylon/fotos/hamburger_img.png\" alt=\"Hamburger\" class=\"cs_hamburger_header_img cs_mb_80\">\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <div class=\"cs_hamburger_contact_info\">\n <h3 class=\"cs_fs_28 subtitle--small subtitle--small--light mb--20\">Contact</h3>\n <p class=\"text\"><a href=\"tel:+00(244)14-50-774\">Call : +00(244)14-50-774 </a><br>\n <a href=\"mailto:info-babylon.com\">Email : info-babylon.com</a>\n </p>\n </div>\n </div>\n <div class=\"col-lg-6\">\n <div class=\"cs_hamburger_contact_info\">\n <h3 class=\"cs_fs_28 subtitle--small subtitle--small--light mb--20\">Location</h3>\n <p class=\"ctext\">452 15h Street, Office 741, Ohio, De 47754, USA</p>\n <a href=\"#\" class=\"btn-link btn-link--light\">\n <b>Map Direction</b>\n <span class=\"babylon-arrow-right-big\"></span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\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}.cs_site_header{position:absolute;width:100%;left:0;top:0;z-index:101;transition:all .4s ease}@media (max-width: 767px){.cs_site_header{position:fixed;bottom:0;top:auto}.cs_site_header .cs_main_header_in{height:60px!important;width:100%}.cs_site_header .cs_main_header_left{display:none}.cs_site_header .cs_main_header_right{width:100%;justify-content:space-between}.cs_site_header .cs_main_header_right #btn-book{order:2;margin:0!important}.cs_site_header .cs_main_header_right .cs_hamburger_btn{order:1;margin:0!important;width:70px;text-align:left;justify-content:flex-start}.cs_site_header .cs_main_header_right #btn-lang{order:3;margin:0!important}}.cs_site_header #btn-book{display:block}.cs_site_header.cs_style_1 .cs_main_header_in{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;position:relative;transition:all .3s ease}.cs_site_header.cs_style_1 .cs_main_header_in{height:100px}.cs_site_header.cs_style_1 .cs_main_header_right{display:flex;align-items:center;height:100%}.cs_site_header.cs_style_1 .cs_nav_list>li>a{text-transform:uppercase}.cs_site_header.cs_style_1.cs_transparent_header{background:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (min-width: 1200px){.cs_site_header.cs_style_1.cs_transparent_header .cs_nav_list>li>a{color:var(--cl_header-text-light)}.cs_site_header.cs_style_1.cs_transparent_header .cs_nav_list>li>a:hover{color:var(--cl_accent)}}.cs_site_header.cs_style_1.cs_transparent_header .cs_btn.cs_style_2{border-radius:5px;border-color:var(--cl_header-text-light);color:var(--cl_header-text-light)}.cs_site_header.cs_style_1.cs_transparent_header .cs_btn.cs_style_2:hover{background-color:var(--cl_accent);border-color:var(--cl_accent)}.cs_site_header.cs_style_1.cs_type_1{background-color:transparent;border-bottom:1px solid var(--ternary)}.cs_site_header.cs_style_1.cs_sticky_active{background-color:var(--cl_header-bg);box-shadow:0 10px 10px -10px #212b351a}.cs_main_header .container-fluid{padding-right:100px;padding-left:100px;overflow:visible}@media (max-width: 1679px){.cs_main_header .container-fluid{padding-right:60px;padding-left:60px}}@media (max-width: 1399px){.cs_main_header .container-fluid{padding-right:20px;padding-left:20px}}@media (max-width: 1199px){.cs_main_header .container-fluid{padding-right:15px;padding-left:15px}}@media (max-width: 991px){.cs_main_header .container-fluid{padding-right:30px;padding-left:30px}}@media (max-width: 575px){.cs_main_header .container-fluid{padding-right:10px;padding-left:10px}}.cs_main_header_center{display:none}@media (min-width: 1200px){.cs_main_header{position:relative}.cs_main_header_center{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%)}.cs_site_header.cs_style_1 .cs_main_header_center{display:flex;justify-content:center;align-items:center;height:100%;width:100%;max-width:calc(100% - 300px)}.cs_site_header.cs_style_1 .cs_main_header_left{height:100%;display:flex;justify-content:center;align-items:center}.cs_nav{display:flex;align-items:center;height:100%;line-height:1.6em}.cs_nav .cs_nav_list{display:flex!important;flex-wrap:wrap;height:inherit}.cs_nav .cs_nav_list>li{margin-right:40px;height:inherit}.cs_nav .cs_nav_list>li:last-child{margin-right:0}.cs_nav .cs_nav_list>li>a{padding:10px 0;display:inline-flex;position:relative;height:inherit;align-items:center}.cs_nav .cs_nav_list>li>ul{left:0;top:calc(100% + 15px);transition:all .4s ease;pointer-events:none}.cs_nav .cs_nav_list>li:hover>ul{top:100%;opacity:1;visibility:visible;pointer-events:auto}.cs_nav .cs_nav_list>li.menu-item-has-children>a{position:relative}.cs_nav .cs_nav_list>li.menu-item-has-children>a:after{content:\"\";display:inline-block;height:6px;width:6px;border:2px solid currentColor;transform:rotate(45deg);border-left:0;border-top:0;margin-left:6px;position:relative;top:-1px;border-radius:0 0 2px}.cs_nav .cs_nav_list>li ul{font-size:15px;font-weight:400;line-height:1.6em}.cs_nav .cs_nav_list li:not(.cs_mega_menu){position:relative}.cs_nav .cs_nav_list ul{width:230px;background-color:var(--cl_header-bg);position:absolute;border-top:2px solid var(--cl_accent);box-shadow:0 1px 2px #0200b51a;padding:10px 0;z-index:100;opacity:0;visibility:hidden;display:block!important;border-radius:0 0 5px 5px}.cs_nav .cs_nav_list ul li:hover ul{top:0}.cs_nav .cs_nav_list ul li:hover>ul{opacity:1;visibility:visible}.cs_nav .cs_nav_list ul a{display:block;line-height:inherit;padding:10px 20px;color:var(--cl_header-text-light)}.cs_nav .cs_nav_list ul a:hover{color:var(--cl_accent)}.cs_nav .cs_nav_list ul ul{top:15px;left:100%}.cs_nav+.cs_toolbox{margin-left:40px}.cs_menu_toggle,.cs_menu_dropdown_toggle{display:none}.cs_nav .cs_nav_list .cs_mega_menu{position:relative}.cs_nav .cs_nav_list .cs_mega_wrapper{width:1296px!important;display:flex!important;position:fixed;top:100px!important;left:50%;transform:translate(-50%);padding:5px 15px 10px;border-top:2px solid var(--accent);border-radius:0 0 5px 5px}.cs_nav .cs_nav_list .cs_mega_wrapper a{padding:7px 10px}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children{flex:1;padding:10px 0}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children>a{font-size:18px;font-weight:600;pointer-events:none}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children>a:hover{background-color:transparent}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children ul{position:initial;border:none;padding:0;width:100%;box-shadow:none;background-color:transparent}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children ul a{transition:all .4s ease}.cs_nav .cs_nav_list .cs_mega_menu:hover .cs_mega_wrapper li ul{opacity:1;visibility:visible}.cs_nav .cs_nav_list>li ul:not(.cs_mega_wrapper) .menu-item-has-children>a{position:relative}}@media (min-width: 768px){.cs_gescout_sticky{position:fixed!important;top:0!important;opacity:1;transition:all .4s ease}.cs_gescout_sticky.cs_site_header.cs_style_1{background-color:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cs_gescout_sticky.cs_site_header.cs_style_1.cs_transparent_header{background-color:var(--cl_header-bg)}}.cs_hamburger_btn{display:flex;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s ease;cursor:pointer;border:none;border-radius:50%;color:currentColor;background-color:transparent;outline:none;padding:0;color:var(--cl_header-text-light)}.cs_hamburger_btn .cs_hamburger_btn_in{width:30px;height:22px;line-height:0;cursor:pointer;position:relative;text-align:left;overflow:hidden;display:block}.cs_hamburger_btn .cs_hamburger_btn_in span{display:inline-block;position:absolute;height:2px;width:100%;background-color:currentColor;color:inherit;vertical-align:top;transition:.3s ease-in-out;border-radius:3px;left:0}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(1){transform:translateY(-10px);width:calc(100% - 5px)}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(2){transform:translate(0)}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(3){transform:translateY(10px);width:calc(100% - 10px)}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(4){transform:translateY(20px);width:calc(100% - 20px)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span{transition:.3s ease-in-out}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(1){transform:translate(0)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(2){transform:translateY(10px)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(3){transform:translateY(20px)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(4){transform:translateY(30px)}.cs_hamburger_active{overflow:hidden}.cs_hamburger_header{position:fixed;z-index:99999;background-color:var(--cl_menu-bg);color:var(--cl_menu-text);width:100%;height:100vh;opacity:0;visibility:hidden;transition:all .3s ease}.cs_hamburger_header a{border-color:var(--cl_menu-bg);color:var(--cl_menu-text)}.cs_hamburger_header a:hover{transform:initial;color:var(--cl_accent)}.cs_hamburger_header.active{opacity:1;visibility:visible}.cs_hamburger_header_top{display:flex;align-items:center;justify-content:space-between;height:110px}.cs_hamburger_menu{overflow-y:auto;overflow-x:hidden;height:calc(100vh - 110px);display:flex;flex-direction:column;padding-bottom:50px;color:var(--cl_menu-text);font-size:40px;font-family:var(--font-title)}.cs_hamburger_menu ul{list-style:none;padding:0;margin:auto 0;color:var(--cl_menu-text)}.cs_hamburger_menu .menu-item-has-children ul{display:none}.cs_hamburger_menu .cs_menu_dropdown_toggle{display:block;cursor:pointer;margin-top:5px}@media (max-width: 1199px){.cs_hamburger_menu .cs_menu_dropdown_toggle{position:initial;height:initial;width:initial;padding:0}}.cs_hamburger_menu .cs_menu_dropdown_toggle:before{content:\"\";position:absolute;height:100%;width:100%;left:0;top:0;height:50px}.cs_hamburger_menu .cs_menu_dropdown_toggle span{width:0px;height:0px;display:block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--cl_menu-text)}.cs_hamburger_menu .cs_menu_dropdown_toggle span:before,.cs_hamburger_menu .cs_menu_dropdown_toggle span:after{display:none}.cs_hamburger_menu .menu-item-has-children{display:flex;align-items:center;flex-wrap:wrap;position:relative;overflow:hidden}.cs_hamburger_menu .menu-item-has-children:hover>a{color:var(--cl_accent)}.cs_hamburger_menu .menu-item-has-children>*:first-child{order:1}.cs_hamburger_menu .menu-item-has-children>*:nth-child(2){order:3}.cs_hamburger_menu .menu-item-has-children>*:nth-child(3){order:2}.cs_hamburger_menu .menu-item-has-children>ul{width:100%}.cs_hamburger_menu .cs_nav_list>li:not(:last-child){margin-bottom:12px}.cs_hamburger_menu .cs_nav_list>li>ul{font-size:65%;line-height:1.6em}.cs_hamburger_menu .cs_nav_list>li>ul .cs_menu_dropdown_toggle{display:block;cursor:pointer}.cs_hamburger_menu .cs_nav_list>li>ul .cs_menu_dropdown_toggle:before{height:39px}.cs_hamburger_menu .cs_nav_list>li img{display:none}.cs_hamburger_menu .cs_nav_list ul{padding-left:25px;padding-top:10px}.cs_hamburger_menu .cs_nav_list ul li:not(:last-child){margin-bottom:10px}.cs_close_hamburger{background-color:transparent;border:navajowhite;padding:0;transition:all .4s ease;cursor:pointer}.cs_close_hamburger:hover{opacity:.75;transform:rotate(90deg) scale(1.05)}.cs_hamburger_header_info{height:calc(100vh - 110px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}@media (max-width: 991px){.cs_hamburger_header_info{display:none}}.cs_hamburger_header_info_in{padding:0 0 50px;margin-top:auto;margin-bottom:auto}.header-responsive{display:none;background:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header-responsive img{max-height:100%}@media (max-width: 991px){.header-responsive{display:block;position:fixed;top:0;left:0;width:100%;z-index:9;text-align:center;padding-block:7px;height:55px}}\n"] }]
|
|
1692
|
+
args: [{ selector: 'lib-babylon-header-clear', standalone: true, imports: [RouterModule, CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"cs_site_header cs_style_1 cs_transparent_header cs_primary_color cs_sticky_header\">\n <div class=\"cs_main_header\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_main_header_in\">\n <div class=\"cs_main_header_left\">\n <button class=\"cs_hamburger_btn \">\n <span class=\"cs_hamburger_btn_in\">\n <span></span>\n <span></span>\n <span></span>\n <span></span>\n </span>\n </button>\n <button class=\"btn btn_primary btn--light ml--20 btn-lang\" id=\"btn-lang\"\n (click)=\"openLanguageModal()\">\n <b>ES</b>\n </button>\n </div>\n <div class=\"cs_main_header_center\">\n <a class=\"cs_site_branding\" href=\"index.html\">\n <img src=\"assets/babylon/svg/logo.svg\" alt=\"Logo\">\n </a>\n </div>\n\n <div class=\"cs_main_header_right\">\n <button\n class=\"btn btn-call btn--light ml--20\" id=\"btn-book\"\n (click)=\"openEngineModal()\"\n >\n <b>RESERVAR </b>\n </button>\n <button\n class=\"btn btn_primary btn--light ml--20 btn-lang\"\n id=\"btn-offer-modal\"\n (click)=\"openOffer()\"\n >\n <span class=\"babylon-tag\"></span>\n </button>\n <button\n class=\"btn btn_primary btn--light ml--20 btn-lang\"\n id=\"btn-news-modal\"\n (click)=\"openNewsletter()\"\n >\n <span class=\"babylon-envelope\"></span>\n </button>\n </div>\n </div>\n </div>\n </div>\n</header>\n<div class=\"header-responsive\">\n <a class=\"cs_site_branding\" href=\"index.html\">\n <img src=\"assets/babylon/svg/logo.svg\" alt=\"Logo\">\n </a>\n</div>\n\n<div class=\"cs_hamburger_header\">\n <div class=\"container-fluid cs_plr_100\">\n <div class=\"cs_hamburger_header_top\">\n <div class=\"cs_hamburger_brand\">\n <a class=\"cs_site_branding\" href=\"index.html\">\n <img src=\"/assets/babylon/svg/logo.svg\" alt=\"Logo\">\n </a>\n </div>\n <button class=\"cs_close_hamburger\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M19.8175 11.0675L15.885 15L19.8175 18.9325C20.0613 19.1763 20.0613 19.5725 19.8175 19.8162C19.695 19.9387 19.535 19.9987 19.375 19.9987C19.215 19.9987 19.055 19.9375 18.9325 19.8162L15 15.8837L11.0675 19.8162C10.945 19.9387 10.785 19.9987 10.625 19.9987C10.465 19.9987 10.305 19.9375 10.1825 19.8162C9.93875 19.5725 9.93875 19.1763 10.1825 18.9325L14.115 15L10.1825 11.0675C9.93875 10.8238 9.93875 10.4275 10.1825 10.1838C10.4262 9.94 10.8225 9.94 11.0662 10.1838L14.9987 14.1163L18.9313 10.1838C19.175 9.94 19.5713 9.94 19.815 10.1838C20.0588 10.4275 20.0588 10.8238 19.815 11.0675H19.8175ZM30 15C30 23.2712 23.2712 30 15 30C6.72875 30 0 23.2712 0 15C0 6.72875 6.72875 0 15 0C23.2712 0 30 6.72875 30 15ZM28.75 15C28.75 7.41875 22.5812 1.25 15 1.25C7.41875 1.25 1.25 7.41875 1.25 15C1.25 22.5812 7.41875 28.75 15 28.75C22.5812 28.75 28.75 22.5812 28.75 15Z\" fill=\"white\"/>\n </svg>\n </button>\n </div>\n </div>\n <div class=\"cs_hamburger_header_in\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <nav class=\"cs_hamburger_menu \">\n <ul class=\"cs_nav_list\">\n <li class=\"menu-item-has-children title--small\">\n <a href=\"index.html\">Home</a>\n <ul>\n <li><a href=\"/home\">Home V1</a></li>\n <li><a href=\"/homev2\">Home V2</a></li>\n <li><a href=\"/homev3\">Home V3</a></li>\n </ul>\n </li>\n <li class=\"title--small\"><a href=\"/hotels-list\">Listado de hoteles</a></li>\n <li class=\"menu-item-has-children title--small\">\n <a href=\"rooms.html\">Habitaciones</a>\n <ul>\n <li><a href=\"/rooms-list\">Habitaciones v1</a></li>\n <li><a href=\"/rooms-list-v2\">Habitaciones v2</a></li>\n </ul>\n </li>\n <li class=\"menu-item-has-children title--small\">\n <a href=\"offers.html\">Ofertas</a>\n <ul>\n <li><a href=\"/offers-list\">Ofertas v1</a></li>\n <li><a href=\"/offers-list-v2\">Ofertas v2</a></li>\n </ul>\n </li>\n <li class=\"title--small\"><a href=\"/gallery\">Galeria</a></li>\n <li class=\"title--small\"> <a href=\"/contact\">Contacto</a> </li>\n <li class=\"title--small\"><a href=\"/faq\">Faqs</a></li>\n <li class=\"title--small\"><a href=\"/blog\">Blog</a></li>\n <li class=\"title--small\">\n <a\n role=\"button\"\n class=\"js-active-modal\"\n data-modal_name=\"discover\"\n (click)=\"openDiscoverModal()\"\n >Descubre\n </a> \n </li>\n </ul>\n </nav>\n </div>\n <div class=\"col-lg-6\">\n <div class=\"cs_hamburger_header_info\">\n <div class=\"cs_hamburger_header_info_in\">\n <img src=\"/assets/babylon/fotos/hamburger_img.png\" alt=\"Hamburger\" class=\"cs_hamburger_header_img cs_mb_80\">\n <div class=\"row\">\n <div class=\"col-lg-6\">\n <div class=\"cs_hamburger_contact_info\">\n <h3 class=\"cs_fs_28 subtitle--small subtitle--small--light mb--20\">Contact</h3>\n <p class=\"text\"><a href=\"tel:+00(244)14-50-774\">Call : +00(244)14-50-774 </a><br>\n <a href=\"mailto:info-babylon.com\">Email : info-babylon.com</a>\n </p>\n </div>\n </div>\n <div class=\"col-lg-6\">\n <div class=\"cs_hamburger_contact_info\">\n <h3 class=\"cs_fs_28 subtitle--small subtitle--small--light mb--20\">Location</h3>\n <p class=\"ctext\">452 15h Street, Office 741, Ohio, De 47754, USA</p>\n <a href=\"#\" class=\"btn-link btn-link--light\">\n <b>Map Direction</b>\n <span class=\"babylon-arrow-right-big\"></span>\n </a>\n </div>\n </div>\n </div>\n </div>\n </div>\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}.cs_site_header{position:absolute;width:100%;left:0;top:0;z-index:101;transition:all .4s ease}@media (max-width: 767px){.cs_site_header{position:fixed;bottom:0;top:auto}.cs_site_header .cs_main_header_in{height:60px!important;width:100%}.cs_site_header .cs_main_header_left{display:none}.cs_site_header .cs_main_header_right{width:100%;justify-content:space-between}.cs_site_header .cs_main_header_right #btn-book{order:2;margin:0!important}.cs_site_header .cs_main_header_right .cs_hamburger_btn{order:1;margin:0!important;width:70px;text-align:left;justify-content:flex-start}.cs_site_header .cs_main_header_right #btn-lang{order:3;margin:0!important}}.cs_site_header #btn-book{display:block}.cs_site_header.cs_style_1 .cs_main_header_in{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;position:relative;transition:all .3s ease}.cs_site_header.cs_style_1 .cs_main_header_in{height:100px}.cs_site_header.cs_style_1 .cs_main_header_right{display:flex;align-items:center;height:100%}.cs_site_header.cs_style_1 .cs_nav_list>li>a{text-transform:uppercase}.cs_site_header.cs_style_1.cs_transparent_header{background:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (min-width: 1200px){.cs_site_header.cs_style_1.cs_transparent_header .cs_nav_list>li>a{color:var(--cl_header-text-light)}.cs_site_header.cs_style_1.cs_transparent_header .cs_nav_list>li>a:hover{color:var(--cl_accent)}}.cs_site_header.cs_style_1.cs_transparent_header .cs_btn.cs_style_2{border-radius:5px;border-color:var(--cl_header-text-light);color:var(--cl_header-text-light)}.cs_site_header.cs_style_1.cs_transparent_header .cs_btn.cs_style_2:hover{background-color:var(--cl_accent);border-color:var(--cl_accent)}.cs_site_header.cs_style_1.cs_type_1{background-color:transparent;border-bottom:1px solid var(--ternary)}.cs_site_header.cs_style_1.cs_sticky_active{background-color:var(--cl_header-bg);box-shadow:0 10px 10px -10px #212b351a}.cs_main_header .container-fluid{padding-right:100px;padding-left:100px;overflow:visible}@media (max-width: 1679px){.cs_main_header .container-fluid{padding-right:60px;padding-left:60px}}@media (max-width: 1399px){.cs_main_header .container-fluid{padding-right:20px;padding-left:20px}}@media (max-width: 1199px){.cs_main_header .container-fluid{padding-right:15px;padding-left:15px}}@media (max-width: 991px){.cs_main_header .container-fluid{padding-right:30px;padding-left:30px}}@media (max-width: 575px){.cs_main_header .container-fluid{padding-right:10px;padding-left:10px}}.cs_main_header_center{display:none}@media (min-width: 1200px){.cs_main_header{position:relative}.cs_main_header_center{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%)}.cs_site_header.cs_style_1 .cs_main_header_center{display:flex;justify-content:center;align-items:center;height:100%;width:100%;max-width:calc(100% - 300px)}.cs_site_header.cs_style_1 .cs_main_header_left{height:100%;display:flex;justify-content:center;align-items:center}.cs_nav{display:flex;align-items:center;height:100%;line-height:1.6em}.cs_nav .cs_nav_list{display:flex!important;flex-wrap:wrap;height:inherit}.cs_nav .cs_nav_list>li{margin-right:40px;height:inherit}.cs_nav .cs_nav_list>li:last-child{margin-right:0}.cs_nav .cs_nav_list>li>a{padding:10px 0;display:inline-flex;position:relative;height:inherit;align-items:center}.cs_nav .cs_nav_list>li>ul{left:0;top:calc(100% + 15px);transition:all .4s ease;pointer-events:none}.cs_nav .cs_nav_list>li:hover>ul{top:100%;opacity:1;visibility:visible;pointer-events:auto}.cs_nav .cs_nav_list>li.menu-item-has-children>a{position:relative}.cs_nav .cs_nav_list>li.menu-item-has-children>a:after{content:\"\";display:inline-block;height:6px;width:6px;border:2px solid currentColor;transform:rotate(45deg);border-left:0;border-top:0;margin-left:6px;position:relative;top:-1px;border-radius:0 0 2px}.cs_nav .cs_nav_list>li ul{font-size:15px;font-weight:400;line-height:1.6em}.cs_nav .cs_nav_list li:not(.cs_mega_menu){position:relative}.cs_nav .cs_nav_list ul{width:230px;background-color:var(--cl_header-bg);position:absolute;border-top:2px solid var(--cl_accent);box-shadow:0 1px 2px #0200b51a;padding:10px 0;z-index:100;opacity:0;visibility:hidden;display:block!important;border-radius:0 0 5px 5px}.cs_nav .cs_nav_list ul li:hover ul{top:0}.cs_nav .cs_nav_list ul li:hover>ul{opacity:1;visibility:visible}.cs_nav .cs_nav_list ul a{display:block;line-height:inherit;padding:10px 20px;color:var(--cl_header-text-light)}.cs_nav .cs_nav_list ul a:hover{color:var(--cl_accent)}.cs_nav .cs_nav_list ul ul{top:15px;left:100%}.cs_nav+.cs_toolbox{margin-left:40px}.cs_menu_toggle,.cs_menu_dropdown_toggle{display:none}.cs_nav .cs_nav_list .cs_mega_menu{position:relative}.cs_nav .cs_nav_list .cs_mega_wrapper{width:1296px!important;display:flex!important;position:fixed;top:100px!important;left:50%;transform:translate(-50%);padding:5px 15px 10px;border-top:2px solid var(--accent);border-radius:0 0 5px 5px}.cs_nav .cs_nav_list .cs_mega_wrapper a{padding:7px 10px}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children{flex:1;padding:10px 0}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children>a{font-size:18px;font-weight:600;pointer-events:none}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children>a:hover{background-color:transparent}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children ul{position:initial;border:none;padding:0;width:100%;box-shadow:none;background-color:transparent}.cs_nav .cs_nav_list .cs_mega_wrapper .menu-item-has-children ul a{transition:all .4s ease}.cs_nav .cs_nav_list .cs_mega_menu:hover .cs_mega_wrapper li ul{opacity:1;visibility:visible}.cs_nav .cs_nav_list>li ul:not(.cs_mega_wrapper) .menu-item-has-children>a{position:relative}}@media (min-width: 768px){.cs_gescout_sticky{position:fixed!important;top:0!important;opacity:1;transition:all .4s ease}.cs_gescout_sticky.cs_site_header.cs_style_1{background-color:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cs_gescout_sticky.cs_site_header.cs_style_1.cs_transparent_header{background-color:var(--cl_header-bg)}}.cs_hamburger_btn{display:flex;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s ease;cursor:pointer;border:none;border-radius:50%;color:currentColor;background-color:transparent;outline:none;padding:0;color:var(--cl_header-text-light)}.cs_hamburger_btn .cs_hamburger_btn_in{width:30px;height:22px;line-height:0;cursor:pointer;position:relative;text-align:left;overflow:hidden;display:block}.cs_hamburger_btn .cs_hamburger_btn_in span{display:inline-block;position:absolute;height:2px;width:100%;background-color:currentColor;color:inherit;vertical-align:top;transition:.3s ease-in-out;border-radius:3px;left:0}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(1){transform:translateY(-10px);width:calc(100% - 5px)}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(2){transform:translate(0)}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(3){transform:translateY(10px);width:calc(100% - 10px)}.cs_hamburger_btn .cs_hamburger_btn_in span:nth-child(4){transform:translateY(20px);width:calc(100% - 20px)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span{transition:.3s ease-in-out}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(1){transform:translate(0)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(2){transform:translateY(10px)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(3){transform:translateY(20px)}.cs_hamburger_btn:hover .cs_hamburger_btn_in span:nth-child(4){transform:translateY(30px)}.cs_hamburger_active{overflow:hidden}.cs_hamburger_header{position:fixed;z-index:99999;background-color:var(--cl_menu-bg);color:var(--cl_menu-text);width:100%;height:100vh;opacity:0;visibility:hidden;transition:all .3s ease}.cs_hamburger_header a{border-color:var(--cl_menu-bg);color:var(--cl_menu-text)}.cs_hamburger_header a:hover{transform:initial;color:var(--cl_accent)}.cs_hamburger_header.active{opacity:1;visibility:visible}.cs_hamburger_header_top{display:flex;align-items:center;justify-content:space-between;height:110px}.cs_hamburger_menu{overflow-y:auto;overflow-x:hidden;height:calc(100vh - 110px);display:flex;flex-direction:column;padding-bottom:50px;color:var(--cl_menu-text);font-size:40px;font-family:var(--font-title)}.cs_hamburger_menu ul{list-style:none;padding:0;margin:auto 0;color:var(--cl_menu-text)}.cs_hamburger_menu .menu-item-has-children ul{display:none}.cs_hamburger_menu .cs_menu_dropdown_toggle{display:block;cursor:pointer;margin-top:5px}@media (max-width: 1199px){.cs_hamburger_menu .cs_menu_dropdown_toggle{position:initial;height:initial;width:initial;padding:0}}.cs_hamburger_menu .cs_menu_dropdown_toggle:before{content:\"\";position:absolute;height:100%;width:100%;left:0;top:0;height:50px}.cs_hamburger_menu .cs_menu_dropdown_toggle span{width:0px;height:0px;display:block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--cl_menu-text)}.cs_hamburger_menu .cs_menu_dropdown_toggle span:before,.cs_hamburger_menu .cs_menu_dropdown_toggle span:after{display:none}.cs_hamburger_menu .menu-item-has-children{display:flex;align-items:center;flex-wrap:wrap;position:relative;overflow:hidden}.cs_hamburger_menu .menu-item-has-children:hover>a{color:var(--cl_accent)}.cs_hamburger_menu .menu-item-has-children>*:first-child{order:1}.cs_hamburger_menu .menu-item-has-children>*:nth-child(2){order:3}.cs_hamburger_menu .menu-item-has-children>*:nth-child(3){order:2}.cs_hamburger_menu .menu-item-has-children>ul{width:100%}.cs_hamburger_menu .cs_nav_list>li:not(:last-child){margin-bottom:12px}.cs_hamburger_menu .cs_nav_list>li>ul{font-size:65%;line-height:1.6em}.cs_hamburger_menu .cs_nav_list>li>ul .cs_menu_dropdown_toggle{display:block;cursor:pointer}.cs_hamburger_menu .cs_nav_list>li>ul .cs_menu_dropdown_toggle:before{height:39px}.cs_hamburger_menu .cs_nav_list>li img{display:none}.cs_hamburger_menu .cs_nav_list ul{padding-left:25px;padding-top:10px}.cs_hamburger_menu .cs_nav_list ul li:not(:last-child){margin-bottom:10px}.cs_close_hamburger{background-color:transparent;border:navajowhite;padding:0;transition:all .4s ease;cursor:pointer}.cs_close_hamburger:hover{opacity:.75;transform:rotate(90deg) scale(1.05)}.cs_hamburger_header_info{height:calc(100vh - 110px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}@media (max-width: 991px){.cs_hamburger_header_info{display:none}}.cs_hamburger_header_info_in{padding:0 0 50px;margin-top:auto;margin-bottom:auto}.header-responsive{display:none;background:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header-responsive img{max-height:100%}@media (max-width: 991px){.header-responsive{display:block;position:fixed;top:0;left:0;width:100%;z-index:9;text-align:center;padding-block:7px;height:55px}}\n"] }]
|
|
1659
1693
|
}], ctorParameters: () => [{ type: i1$2.MatDialog }, { type: ScreenSizerService }], propDecorators: { headerFixed: [{
|
|
1660
1694
|
type: Input
|
|
1661
1695
|
}] } });
|
|
@@ -2672,11 +2706,11 @@ class BabylonLisC2ImgVidComponent {
|
|
|
2672
2706
|
dialogRef.componentInstance.rooms = true;
|
|
2673
2707
|
}
|
|
2674
2708
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLisC2ImgVidComponent, deps: [{ token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2675
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonLisC2ImgVidComponent, isStandalone: true, selector: "lib-babylon-lis-c2-img-vid", ngImport: i0, template: "<section class=\"babylon_lisc2imgvid margin-main\">\n <div class=\"container\">\n <div class=\"babylon_lisc2imgvid--header\">\n <h2 class=\"babylon_lisc2imgvid--header-title title\">Gallery</h2>\n <hr />\n <div class=\"babylon_lisc2imgvid--navbar-desktop\">\n <ul>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(1)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n All\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(2)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n Grand House\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"openFiltersRoomModal()\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n Accommodation\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(3)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n Restaurant\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(4)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n Spa & wellness\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(5)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n Palma\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(6)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n Video\n </li>\n </ul>\n </div>\n <div class=\"babylon_lisc2imgvid--navbar-mobile\">\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersModal()\"\n >\n CATEGOR\u00CDAS <span>=</span>\n </button>\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersRoomModal()\"\n >\n HABITACIONES <span>=</span>\n </button>\n </div>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery cs_lightgallery\">\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\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}.babylon_lisc2imgvid--header{display:flex;flex-direction:column;align-items:center;padding-block:2rem}.babylon_lisc2imgvid--header>*{text-align:center}.babylon_lisc2imgvid--header hr{border-bottom:1px solid var(--cl_accent);width:100%}.babylon_lisc2imgvid--navbar-desktop{display:none}@media (min-width: 768px){.babylon_lisc2imgvid--navbar-desktop{display:block}}.babylon_lisc2imgvid--navbar-desktop ul{display:flex;gap:2rem}.babylon_lisc2imgvid--navbar-desktop ul li:hover{cursor:pointer;color:var(--cl_accent)}.babylon_lisc2imgvid--navbar-mobile{display:flex}@media (min-width: 768px){.babylon_lisc2imgvid--navbar-mobile{display:none}}.babylon_lisc2imgvid--navbar-mobile button{border:none;background-color:transparent}.babylon_lisc2imgvid--gallery{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;grid-auto-rows:320px}@media (min-width: 768px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:420px}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:520px}}.babylon_lisc2imgvid--gallery-item{width:100%;height:100%}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery-item:nth-child(4n+1),.babylon_lisc2imgvid--gallery-item:nth-child(4n){grid-column:span 2}}.babylon_lisc2imgvid--gallery-item a{width:100%;height:100%}.babylon_lisc2imgvid--gallery-item:hover .babylon_lisc2imgvid--gallery-itemName{height:fit-content;padding-block:1rem}.babylon_lisc2imgvid--gallery-itemName{position:absolute;bottom:0;transition:all .3s ease-in-out;color:#fff;width:100%;padding-block:0rem;padding-inline:1.5rem;font-size:30px;background:#0006;height:0px;overflow:hidden;display:flex;justify-content:space-between;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2709
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonLisC2ImgVidComponent, isStandalone: true, selector: "lib-babylon-lis-c2-img-vid", ngImport: i0, template: "<section class=\"babylon_lisc2imgvid margin-main\">\n <div class=\"container\">\n <div class=\"babylon_lisc2imgvid--header\">\n <h2 class=\"babylon_lisc2imgvid--header-title title\">Gallery</h2>\n <hr />\n <div class=\"babylon_lisc2imgvid--navbar-desktop\">\n <ul>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(1)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n All\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(2)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 2,\n }\"\n >\n Grand House\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"openFiltersRoomModal()\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 3,\n }\"\n >\n Accommodation\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(4)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 4,\n }\"\n >\n Restaurant\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(5)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 5,\n }\"\n >\n Spa & wellness\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(6)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 6,\n }\"\n >\n Palma\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(7)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 7,\n }\"\n >\n Video\n </li>\n </ul>\n </div>\n <div class=\"babylon_lisc2imgvid--navbar-mobile\">\n <div\n class=\"babylon_lisc2imgvid--filter-buttons d-flex justify-content-center\"\n >\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersModal()\"\n >\n CATEGOR\u00CDAS <span>=</span>\n </button>\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersRoomModal()\"\n >\n HABITACIONES <span>=</span>\n </button>\n </div>\n </div>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery cs_lightgallery\">\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_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_lisc2imgvid .container{width:90%;max-width:300.6px}@media (min-width: 576px){.babylon_lisc2imgvid .container{max-width:440px}}@media (min-width: 768px){.babylon_lisc2imgvid .container{max-width:620px}}@media (min-width: 992px){.babylon_lisc2imgvid .container{max-width:784px}}@media (min-width: 1200px){.babylon_lisc2imgvid .container{max-width:1100px}}@media (min-width: 1400px){.babylon_lisc2imgvid .container{max-width:1166px}}@media (min-width: 1680px){.babylon_lisc2imgvid .container{max-width:1400px}}@media (min-width: 1800px){.babylon_lisc2imgvid .container{max-width:1440px}}.babylon_lisc2imgvid--header{display:flex;flex-direction:column;align-items:center;padding-block:2rem}.babylon_lisc2imgvid--header>*{text-align:center}.babylon_lisc2imgvid--header hr{border-bottom:1px solid var(--cl_accent);width:100%}.babylon_lisc2imgvid--navbar-desktop{display:none;margin-bottom:2rem}@media (min-width: 768px){.babylon_lisc2imgvid--navbar-desktop{display:block}}.babylon_lisc2imgvid--navbar-desktop ul{display:flex;gap:2rem}.babylon_lisc2imgvid--navbar-desktop ul li:hover{cursor:pointer;color:var(--cl_accent)}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter--selected{position:relative}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter--selected:after{content:\"\\b7\";position:absolute;bottom:-100%;left:50%;display:block;font-size:50px;color:var(--cl_accent);margin-top:-50%;transform:translate(-50%)}.babylon_lisc2imgvid--navbar-mobile{display:flex}@media (min-width: 768px){.babylon_lisc2imgvid--navbar-mobile{display:none}}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{gap:30px;padding-bottom:30px;flex-direction:column}@media (min-width: 576px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{flex-direction:row}}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button{padding:10px 20px;width:200px;border-radius:30px;background-color:transparent;border:1px solid var(--cl_btn-call);color:var(--cl_btn-call);opacity:.6;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button:hover{border-color:var(--cl_btn-link-hover);color:var(--cl_btn-link-hover);opacity:1}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button span{font-size:30px;height:18px;display:flex;align-items:center}@media (min-width: 1200px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{display:none!important}}.babylon_lisc2imgvid--gallery{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;grid-auto-rows:320px}@media (min-width: 768px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:420px}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:520px}}.babylon_lisc2imgvid--gallery-item{width:100%;height:100%}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery-item:nth-child(4n+1),.babylon_lisc2imgvid--gallery-item:nth-child(4n){grid-column:span 2}}.babylon_lisc2imgvid--gallery-item a{width:100%;height:100%}.babylon_lisc2imgvid--gallery-item:hover .babylon_lisc2imgvid--gallery-itemName{height:fit-content;padding-block:1rem}.babylon_lisc2imgvid--gallery-itemName{position:absolute;bottom:0;transition:all .3s ease-in-out;color:#fff;width:100%;padding-block:0rem;padding-inline:1.5rem;font-size:30px;background:#0006;height:0px;overflow:hidden;display:flex;justify-content:space-between;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2676
2710
|
}
|
|
2677
2711
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLisC2ImgVidComponent, decorators: [{
|
|
2678
2712
|
type: Component,
|
|
2679
|
-
args: [{ selector: 'lib-babylon-lis-c2-img-vid', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon_lisc2imgvid margin-main\">\n <div class=\"container\">\n <div class=\"babylon_lisc2imgvid--header\">\n <h2 class=\"babylon_lisc2imgvid--header-title title\">Gallery</h2>\n <hr />\n <div class=\"babylon_lisc2imgvid--navbar-desktop\">\n <ul>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(1)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n All\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(2)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n Grand House\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"openFiltersRoomModal()\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n Accommodation\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(3)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n Restaurant\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(4)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n Spa & wellness\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(5)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n Palma\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(6)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n Video\n </li>\n </ul>\n </div>\n <div class=\"babylon_lisc2imgvid--navbar-mobile\">\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersModal()\"\n >\n CATEGOR\u00CDAS <span>=</span>\n </button>\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersRoomModal()\"\n >\n HABITACIONES <span>=</span>\n </button>\n </div>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery cs_lightgallery\">\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\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}.babylon_lisc2imgvid--header{display:flex;flex-direction:column;align-items:center;padding-block:2rem}.babylon_lisc2imgvid--header>*{text-align:center}.babylon_lisc2imgvid--header hr{border-bottom:1px solid var(--cl_accent);width:100%}.babylon_lisc2imgvid--navbar-desktop{display:none}@media (min-width: 768px){.babylon_lisc2imgvid--navbar-desktop{display:block}}.babylon_lisc2imgvid--navbar-desktop ul{display:flex;gap:2rem}.babylon_lisc2imgvid--navbar-desktop ul li:hover{cursor:pointer;color:var(--cl_accent)}.babylon_lisc2imgvid--navbar-mobile{display:flex}@media (min-width: 768px){.babylon_lisc2imgvid--navbar-mobile{display:none}}.babylon_lisc2imgvid--navbar-mobile button{border:none;background-color:transparent}.babylon_lisc2imgvid--gallery{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;grid-auto-rows:320px}@media (min-width: 768px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:420px}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:520px}}.babylon_lisc2imgvid--gallery-item{width:100%;height:100%}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery-item:nth-child(4n+1),.babylon_lisc2imgvid--gallery-item:nth-child(4n){grid-column:span 2}}.babylon_lisc2imgvid--gallery-item a{width:100%;height:100%}.babylon_lisc2imgvid--gallery-item:hover .babylon_lisc2imgvid--gallery-itemName{height:fit-content;padding-block:1rem}.babylon_lisc2imgvid--gallery-itemName{position:absolute;bottom:0;transition:all .3s ease-in-out;color:#fff;width:100%;padding-block:0rem;padding-inline:1.5rem;font-size:30px;background:#0006;height:0px;overflow:hidden;display:flex;justify-content:space-between;align-items:center}\n"] }]
|
|
2713
|
+
args: [{ selector: 'lib-babylon-lis-c2-img-vid', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section class=\"babylon_lisc2imgvid margin-main\">\n <div class=\"container\">\n <div class=\"babylon_lisc2imgvid--header\">\n <h2 class=\"babylon_lisc2imgvid--header-title title\">Gallery</h2>\n <hr />\n <div class=\"babylon_lisc2imgvid--navbar-desktop\">\n <ul>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(1)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 1,\n }\"\n >\n All\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(2)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 2,\n }\"\n >\n Grand House\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"openFiltersRoomModal()\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 3,\n }\"\n >\n Accommodation\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(4)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 4,\n }\"\n >\n Restaurant\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(5)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 5,\n }\"\n >\n Spa & wellness\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(6)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 6,\n }\"\n >\n Palma\n </li>\n <li\n class=\"subtitle babylon_lisc2imgvid__filter\"\n (click)=\"selectFilter(7)\"\n [ngClass]=\"{\n 'babylon_lisc2imgvid__filter--selected':\n selected === 7,\n }\"\n >\n Video\n </li>\n </ul>\n </div>\n <div class=\"babylon_lisc2imgvid--navbar-mobile\">\n <div\n class=\"babylon_lisc2imgvid--filter-buttons d-flex justify-content-center\"\n >\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersModal()\"\n >\n CATEGOR\u00CDAS <span>=</span>\n </button>\n <button\n class=\"d-flex justify-content-between align-items-center\"\n (click)=\"openFiltersRoomModal()\"\n >\n HABITACIONES <span>=</span>\n </button>\n </div>\n </div>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery cs_lightgallery\">\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n <div class=\"babylon_lisc2imgvid--gallery-item cs_lightbox_item\">\n <a\n href=\"/assets/babylon/fotos/gallery_13.jpeg\"\n class=\"cs_gallery_item cs_style_3 cs_lightbox_item d-block cs_bg_filed position-relative cs_type_1 cs--radius\"\n data-src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n >\n <img\n src=\"/assets/babylon/fotos/gallery_13.jpeg\"\n alt=\"\"\n class=\"d-none\"\n />\n\n <div class=\"babylon_lisc2imgvid--gallery-itemName\">\n Can Bordoy\n <span class=\"\">\n <span class=\"babylon-fullscreen\"></span>\n </span>\n </div>\n </a>\n </div>\n </div>\n </div>\n</section>\n", styles: ["@charset \"UTF-8\";:root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_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_lisc2imgvid .container{width:90%;max-width:300.6px}@media (min-width: 576px){.babylon_lisc2imgvid .container{max-width:440px}}@media (min-width: 768px){.babylon_lisc2imgvid .container{max-width:620px}}@media (min-width: 992px){.babylon_lisc2imgvid .container{max-width:784px}}@media (min-width: 1200px){.babylon_lisc2imgvid .container{max-width:1100px}}@media (min-width: 1400px){.babylon_lisc2imgvid .container{max-width:1166px}}@media (min-width: 1680px){.babylon_lisc2imgvid .container{max-width:1400px}}@media (min-width: 1800px){.babylon_lisc2imgvid .container{max-width:1440px}}.babylon_lisc2imgvid--header{display:flex;flex-direction:column;align-items:center;padding-block:2rem}.babylon_lisc2imgvid--header>*{text-align:center}.babylon_lisc2imgvid--header hr{border-bottom:1px solid var(--cl_accent);width:100%}.babylon_lisc2imgvid--navbar-desktop{display:none;margin-bottom:2rem}@media (min-width: 768px){.babylon_lisc2imgvid--navbar-desktop{display:block}}.babylon_lisc2imgvid--navbar-desktop ul{display:flex;gap:2rem}.babylon_lisc2imgvid--navbar-desktop ul li:hover{cursor:pointer;color:var(--cl_accent)}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter--selected{position:relative}.babylon_lisc2imgvid--navbar-desktop ul .babylon_lisc2imgvid__filter--selected:after{content:\"\\b7\";position:absolute;bottom:-100%;left:50%;display:block;font-size:50px;color:var(--cl_accent);margin-top:-50%;transform:translate(-50%)}.babylon_lisc2imgvid--navbar-mobile{display:flex}@media (min-width: 768px){.babylon_lisc2imgvid--navbar-mobile{display:none}}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{gap:30px;padding-bottom:30px;flex-direction:column}@media (min-width: 576px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{flex-direction:row}}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button{padding:10px 20px;width:200px;border-radius:30px;background-color:transparent;border:1px solid var(--cl_btn-call);color:var(--cl_btn-call);opacity:.6;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button:hover{border-color:var(--cl_btn-link-hover);color:var(--cl_btn-link-hover);opacity:1}.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons button span{font-size:30px;height:18px;display:flex;align-items:center}@media (min-width: 1200px){.babylon_lisc2imgvid--navbar-mobile .babylon_lisc2imgvid--filter-buttons{display:none!important}}.babylon_lisc2imgvid--gallery{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;grid-auto-rows:320px}@media (min-width: 768px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:420px}}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery{grid-template-columns:repeat(3,1fr);grid-auto-rows:520px}}.babylon_lisc2imgvid--gallery-item{width:100%;height:100%}@media (min-width: 1200px){.babylon_lisc2imgvid--gallery-item:nth-child(4n+1),.babylon_lisc2imgvid--gallery-item:nth-child(4n){grid-column:span 2}}.babylon_lisc2imgvid--gallery-item a{width:100%;height:100%}.babylon_lisc2imgvid--gallery-item:hover .babylon_lisc2imgvid--gallery-itemName{height:fit-content;padding-block:1rem}.babylon_lisc2imgvid--gallery-itemName{position:absolute;bottom:0;transition:all .3s ease-in-out;color:#fff;width:100%;padding-block:0rem;padding-inline:1.5rem;font-size:30px;background:#0006;height:0px;overflow:hidden;display:flex;justify-content:space-between;align-items:center}\n"] }]
|
|
2680
2714
|
}], ctorParameters: () => [{ type: i1$2.MatDialog }] });
|
|
2681
2715
|
|
|
2682
2716
|
class BabylonLisC4TxtImgPdfComponent {
|
|
@@ -2726,11 +2760,11 @@ class BabylonLisC4TxtImgPdfComponent {
|
|
|
2726
2760
|
.map((x, i) => i);
|
|
2727
2761
|
}
|
|
2728
2762
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLisC4TxtImgPdfComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2729
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonLisC4TxtImgPdfComponent, isStandalone: true, selector: "lib-babylon-lis-c4-txt-img-pdf", ngImport: i0, template: "<section class=\"babylon__press margin-main\">\n <div class=\"container\">\n <div class=\"babylon__press--header\">\n <h2 class=\"babylon__press--header-title title\">PRENSA</h2>\n <p class=\"babylon__press--header--subtitle\">\n Descubra las opiniones de la prensa especializada.\n </p>\n </div>\n <div class=\"babylon__press--gallery\">\n @for (item of currentPress; track $index) {\n <a\n href=\"#\"\n target=\"_blank\"\n class=\"babylon__press--gallery-item\"\n >\n <div class=\"babylon__press--gallery-image\">\n <img [src]=\"item.imgSrc\" alt=\"Press 1\" />\n <div class=\"babylon__press--gallery-imageDownload\">\n Descargar PDF\n <span class=\"babylon-arrow-right-big\"></span>\n </div>\n </div>\n <div class=\"babylon__press--gallery-itemContent\">\n <div>\n <h4 class=\"babylon__press--gallery-itemTitle\">\n {{ item.title }}\n </h4>\n <span\n class=\"babylon__press--gallery-itemDescription\"\n >{{ item.magazine\n }}<span\n class=\"babylon__press--gallery-itemYear\"\n >{{ item.year }}</span\n ></span\n >\n </div>\n\n <!-- <button class=\"babylon__press--gallery-itemButton\">\n <svg\n aria-hidden=\"true\"\n class=\"icon-arrow\"\n focusable=\"false\"\n >\n <use href=\"#icon-link-arrow\"></use>\n </svg>\n </button> -->\n </div>\n </a>\n }\n </div>\n <div class=\"babylon__press--pagination\">\n <button\n class=\"babylon__press--pagination-back btn\"\n (click)=\"prevPage()\"\n [disabled]=\"currentPage === 0\"\n >\n Back\n </button>\n <button\n class=\"babylon__press--pagination-next btn\"\n (click)=\"nextPage()\"\n [disabled]=\"currentPage === totalPages - 1\"\n >\n Next\n </button>\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}.babylon__press{padding-bottom:30px}.babylon__press--header{width:100%;display:flex;flex-direction:column;align-items:center;padding-block:20px;gap:25px}.babylon__press--header>*{max-width:650px;text-align:center}.babylon__press--gallery{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;padding-block:30px;width:fit-content;margin-inline:auto}@media (min-width: 768px){.babylon__press--gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.babylon__press--gallery{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1366px){.babylon__press--gallery{grid-template-columns:repeat(4,1fr);gap:3rem}}.babylon__press--gallery-item{display:flex;flex-direction:column;gap:.5rem}.babylon__press--gallery-item:hover{color:inherit}.babylon__press--gallery-item:hover .babylon__press--gallery-imageDownload{height:fit-content;padding-block:1rem}.babylon__press--gallery-itemContent{display:flex;gap:.5rem}.babylon__press--gallery-itemContent:before{content:\">\"}.babylon__press--gallery-itemContent div{gap:1rem;display:flex;flex-direction:column}.babylon__press--gallery-itemTitle{font-size:20px;font-weight:400}.babylon__press--gallery-itemYear:before{content:\"|\";margin-inline:.5rem}.babylon__press--gallery-itemDescription{text-transform:uppercase;width:100%}.babylon__press--gallery-image{aspect-ratio:400/500;width:100%;height:auto;position:relative;display:flex}.babylon__press--gallery-imageDownload{position:absolute;bottom:0;transition:all .3s ease-in-out;color:#fff;width:100%;padding-block:0rem;padding-inline:1.5rem;background:#0006;height:0px;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.babylon__press--gallery-imageDownload .babylon-arrow-right-big{display:block;font-size:8px;transform:rotate(90deg);width:fit-content;width:20px;overflow:hidden;display:flex;justify-content:end}.babylon__press--gallery-image img{height:100%;width:100%;object-fit:cover}.babylon__press--pagination{width:100%;display:flex;justify-content:center;align-items:center}.babylon__press--pagination button{width:250px;text-align:center;border-radius:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
2763
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonLisC4TxtImgPdfComponent, isStandalone: true, selector: "lib-babylon-lis-c4-txt-img-pdf", ngImport: i0, template: "<section class=\"babylon__press margin-main\">\n <div class=\"container\">\n <div class=\"babylon__press--header\">\n <h2 class=\"babylon__press--header-title title\">PRENSA</h2>\n <p class=\"babylon__press--header--subtitle\">\n Descubra las opiniones de la prensa especializada.\n </p>\n </div>\n <div class=\"babylon__press--gallery\">\n @for (item of currentPress; track $index) {\n <a\n href=\"#\"\n target=\"_blank\"\n class=\"babylon__press--gallery-item\"\n >\n <div class=\"babylon__press--gallery-image\">\n <img [src]=\"item.imgSrc\" alt=\"Press 1\" />\n <div class=\"babylon__press--gallery-imageDownload\">\n Descargar PDF\n <span class=\"babylon-arrow-right-big\"></span>\n </div>\n </div>\n <div class=\"babylon__press--gallery-itemContent\">\n <div>\n <h4 class=\"babylon__press--gallery-itemTitle\">\n {{ item.title }}\n </h4>\n <span\n class=\"babylon__press--gallery-itemDescription\"\n >{{ item.magazine\n }}<span\n class=\"babylon__press--gallery-itemYear\"\n >{{ item.year }}</span\n ></span\n >\n <button class=\"babylon__press--gallery-itemButton\">\n <span class=\"babylon-arrow-bottom\"></span>\n </button>\n </div>\n </div>\n </a>\n }\n </div>\n <div class=\"babylon__press--pagination\">\n <button\n class=\"babylon__press--pagination-back btn\"\n (click)=\"prevPage()\"\n [disabled]=\"currentPage === 0\"\n >\n Back\n </button>\n <button\n class=\"babylon__press--pagination-next btn\"\n (click)=\"nextPage()\"\n [disabled]=\"currentPage === totalPages - 1\"\n >\n Next\n </button>\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}.babylon__press{padding-bottom:30px}.babylon__press .container{margin:0 auto;max-width:325px;padding-inline:7px}@media (min-width: 576px){.babylon__press .container{max-width:472px;padding-inline:34px}}@media (min-width: 768px){.babylon__press .container{max-width:672px;padding-inline:48px}}@media (min-width: 1200px){.babylon__press .container{max-width:1164px}}@media (min-width: 1400px){.babylon__press .container{max-width:1240px;padding-inline:65px}}@media (min-width: 1680px){.babylon__press .container{max-width:1560px;padding-inline:60px}}@media (min-width: 1800px){.babylon__press .container{max-width:1670px;padding-inline:65px}}.babylon__press--header{width:100%;display:flex;flex-direction:column;align-items:center;padding-block:20px;gap:25px}.babylon__press--header>*{max-width:650px;text-align:center}.babylon__press--gallery{display:grid;grid-template-columns:repeat(1,1fr);gap:30px;padding-block:30px;width:fit-content;margin-inline:auto}@media (min-width: 576px){.babylon__press--gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.babylon__press--gallery{gap:60px}}@media (min-width: 1200px){.babylon__press--gallery{grid-template-columns:repeat(3,1fr);gap:70px}}@media (min-width: 1680px){.babylon__press--gallery{grid-template-columns:repeat(4,1fr)}}.babylon__press--gallery-item{display:flex;flex-direction:column;gap:.5rem}.babylon__press--gallery-item:hover{color:inherit}.babylon__press--gallery-item:hover .babylon__press--gallery-imageDownload{height:fit-content;padding-block:1rem}.babylon__press--gallery-itemContent{display:flex;gap:.5rem}.babylon__press--gallery-itemContent:before{content:\">\";color:var(--cl_title)}.babylon__press--gallery-itemContent div{gap:1rem;display:flex;flex-direction:column}.babylon__press--gallery-itemTitle{font-size:18px;font-weight:400}@media (min-width: 992px){.babylon__press--gallery-itemTitle{font-size:20px}}.babylon__press--gallery-itemYear:before{content:\"|\";margin-inline:.5rem}.babylon__press--gallery-itemDescription{font-size:13px;font-weight:700;opacity:.7;text-transform:uppercase;width:100%}.babylon__press--gallery-itemButton{display:block;transition:all .3s ease-in-out;border:1px solid #dcdcdc;border-radius:50%;height:40px;width:40px;display:flex;background-color:transparent;justify-content:center;align-items:center;position:relative}.babylon__press--gallery-itemButton:before{content:\"\";position:absolute;width:0px;height:0px;background-color:#dcdcdc;transition:all .3s ease-in-out;border-radius:50%}@media (min-width: 992px){.babylon__press--gallery-itemButton{display:none}}.babylon__press--gallery-image{aspect-ratio:400/500;width:100%;height:auto;position:relative;display:flex}.babylon__press--gallery-imageDownload{position:absolute;bottom:0;transition:all .3s ease-in-out;color:#fff;width:100%;padding-block:0rem;padding-inline:1.5rem;background:#0006;height:0px;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.babylon__press--gallery-imageDownload .babylon-arrow-right-big{display:block;font-size:8px;transform:rotate(90deg);width:fit-content;width:20px;overflow:hidden;display:flex;justify-content:end}.babylon__press--gallery-image img{height:100%;width:100%;object-fit:cover}.babylon__press--pagination{width:100%;display:flex;justify-content:center;align-items:center}.babylon__press--pagination button{width:250px;text-align:center;border-radius:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
2730
2764
|
}
|
|
2731
2765
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLisC4TxtImgPdfComponent, decorators: [{
|
|
2732
2766
|
type: Component,
|
|
2733
|
-
args: [{ selector: 'lib-babylon-lis-c4-txt-img-pdf', standalone: true, imports: [CommonModule], template: "<section class=\"babylon__press margin-main\">\n <div class=\"container\">\n <div class=\"babylon__press--header\">\n <h2 class=\"babylon__press--header-title title\">PRENSA</h2>\n <p class=\"babylon__press--header--subtitle\">\n Descubra las opiniones de la prensa especializada.\n </p>\n </div>\n <div class=\"babylon__press--gallery\">\n @for (item of currentPress; track $index) {\n <a\n href=\"#\"\n target=\"_blank\"\n class=\"babylon__press--gallery-item\"\n >\n <div class=\"babylon__press--gallery-image\">\n <img [src]=\"item.imgSrc\" alt=\"Press 1\" />\n <div class=\"babylon__press--gallery-imageDownload\">\n Descargar PDF\n <span class=\"babylon-arrow-right-big\"></span>\n </div>\n </div>\n <div class=\"babylon__press--gallery-itemContent\">\n <div>\n <h4 class=\"babylon__press--gallery-itemTitle\">\n {{ item.title }}\n </h4>\n <span\n class=\"babylon__press--gallery-itemDescription\"\n >{{ item.magazine\n }}<span\n class=\"babylon__press--gallery-itemYear\"\n >{{ item.year }}</span\n ></span\n >\n </div>\n\n <!-- <button class=\"babylon__press--gallery-itemButton\">\n <svg\n aria-hidden=\"true\"\n class=\"icon-arrow\"\n focusable=\"false\"\n >\n <use href=\"#icon-link-arrow\"></use>\n </svg>\n </button> -->\n </div>\n </a>\n }\n </div>\n <div class=\"babylon__press--pagination\">\n <button\n class=\"babylon__press--pagination-back btn\"\n (click)=\"prevPage()\"\n [disabled]=\"currentPage === 0\"\n >\n Back\n </button>\n <button\n class=\"babylon__press--pagination-next btn\"\n (click)=\"nextPage()\"\n [disabled]=\"currentPage === totalPages - 1\"\n >\n Next\n </button>\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}.babylon__press{padding-bottom:30px}.babylon__press--header{width:100%;display:flex;flex-direction:column;align-items:center;padding-block:20px;gap:25px}.babylon__press--header>*{max-width:650px;text-align:center}.babylon__press--gallery{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;padding-block:30px;width:fit-content;margin-inline:auto}@media (min-width: 768px){.babylon__press--gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.babylon__press--gallery{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1366px){.babylon__press--gallery{grid-template-columns:repeat(4,1fr);gap:3rem}}.babylon__press--gallery-item{display:flex;flex-direction:column;gap:.5rem}.babylon__press--gallery-item:hover{color:inherit}.babylon__press--gallery-item:hover .babylon__press--gallery-imageDownload{height:fit-content;padding-block:1rem}.babylon__press--gallery-itemContent{display:flex;gap:.5rem}.babylon__press--gallery-itemContent:before{content:\">\"}.babylon__press--gallery-itemContent div{gap:1rem;display:flex;flex-direction:column}.babylon__press--gallery-itemTitle{font-size:20px;font-weight:400}.babylon__press--gallery-itemYear:before{content:\"|\";margin-inline:.5rem}.babylon__press--gallery-itemDescription{text-transform:uppercase;width:100%}.babylon__press--gallery-image{aspect-ratio:400/500;width:100%;height:auto;position:relative;display:flex}.babylon__press--gallery-imageDownload{position:absolute;bottom:0;transition:all .3s ease-in-out;color:#fff;width:100%;padding-block:0rem;padding-inline:1.5rem;background:#0006;height:0px;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.babylon__press--gallery-imageDownload .babylon-arrow-right-big{display:block;font-size:8px;transform:rotate(90deg);width:fit-content;width:20px;overflow:hidden;display:flex;justify-content:end}.babylon__press--gallery-image img{height:100%;width:100%;object-fit:cover}.babylon__press--pagination{width:100%;display:flex;justify-content:center;align-items:center}.babylon__press--pagination button{width:250px;text-align:center;border-radius:0}\n"] }]
|
|
2767
|
+
args: [{ selector: 'lib-babylon-lis-c4-txt-img-pdf', standalone: true, imports: [CommonModule], template: "<section class=\"babylon__press margin-main\">\n <div class=\"container\">\n <div class=\"babylon__press--header\">\n <h2 class=\"babylon__press--header-title title\">PRENSA</h2>\n <p class=\"babylon__press--header--subtitle\">\n Descubra las opiniones de la prensa especializada.\n </p>\n </div>\n <div class=\"babylon__press--gallery\">\n @for (item of currentPress; track $index) {\n <a\n href=\"#\"\n target=\"_blank\"\n class=\"babylon__press--gallery-item\"\n >\n <div class=\"babylon__press--gallery-image\">\n <img [src]=\"item.imgSrc\" alt=\"Press 1\" />\n <div class=\"babylon__press--gallery-imageDownload\">\n Descargar PDF\n <span class=\"babylon-arrow-right-big\"></span>\n </div>\n </div>\n <div class=\"babylon__press--gallery-itemContent\">\n <div>\n <h4 class=\"babylon__press--gallery-itemTitle\">\n {{ item.title }}\n </h4>\n <span\n class=\"babylon__press--gallery-itemDescription\"\n >{{ item.magazine\n }}<span\n class=\"babylon__press--gallery-itemYear\"\n >{{ item.year }}</span\n ></span\n >\n <button class=\"babylon__press--gallery-itemButton\">\n <span class=\"babylon-arrow-bottom\"></span>\n </button>\n </div>\n </div>\n </a>\n }\n </div>\n <div class=\"babylon__press--pagination\">\n <button\n class=\"babylon__press--pagination-back btn\"\n (click)=\"prevPage()\"\n [disabled]=\"currentPage === 0\"\n >\n Back\n </button>\n <button\n class=\"babylon__press--pagination-next btn\"\n (click)=\"nextPage()\"\n [disabled]=\"currentPage === totalPages - 1\"\n >\n Next\n </button>\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}.babylon__press{padding-bottom:30px}.babylon__press .container{margin:0 auto;max-width:325px;padding-inline:7px}@media (min-width: 576px){.babylon__press .container{max-width:472px;padding-inline:34px}}@media (min-width: 768px){.babylon__press .container{max-width:672px;padding-inline:48px}}@media (min-width: 1200px){.babylon__press .container{max-width:1164px}}@media (min-width: 1400px){.babylon__press .container{max-width:1240px;padding-inline:65px}}@media (min-width: 1680px){.babylon__press .container{max-width:1560px;padding-inline:60px}}@media (min-width: 1800px){.babylon__press .container{max-width:1670px;padding-inline:65px}}.babylon__press--header{width:100%;display:flex;flex-direction:column;align-items:center;padding-block:20px;gap:25px}.babylon__press--header>*{max-width:650px;text-align:center}.babylon__press--gallery{display:grid;grid-template-columns:repeat(1,1fr);gap:30px;padding-block:30px;width:fit-content;margin-inline:auto}@media (min-width: 576px){.babylon__press--gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.babylon__press--gallery{gap:60px}}@media (min-width: 1200px){.babylon__press--gallery{grid-template-columns:repeat(3,1fr);gap:70px}}@media (min-width: 1680px){.babylon__press--gallery{grid-template-columns:repeat(4,1fr)}}.babylon__press--gallery-item{display:flex;flex-direction:column;gap:.5rem}.babylon__press--gallery-item:hover{color:inherit}.babylon__press--gallery-item:hover .babylon__press--gallery-imageDownload{height:fit-content;padding-block:1rem}.babylon__press--gallery-itemContent{display:flex;gap:.5rem}.babylon__press--gallery-itemContent:before{content:\">\";color:var(--cl_title)}.babylon__press--gallery-itemContent div{gap:1rem;display:flex;flex-direction:column}.babylon__press--gallery-itemTitle{font-size:18px;font-weight:400}@media (min-width: 992px){.babylon__press--gallery-itemTitle{font-size:20px}}.babylon__press--gallery-itemYear:before{content:\"|\";margin-inline:.5rem}.babylon__press--gallery-itemDescription{font-size:13px;font-weight:700;opacity:.7;text-transform:uppercase;width:100%}.babylon__press--gallery-itemButton{display:block;transition:all .3s ease-in-out;border:1px solid #dcdcdc;border-radius:50%;height:40px;width:40px;display:flex;background-color:transparent;justify-content:center;align-items:center;position:relative}.babylon__press--gallery-itemButton:before{content:\"\";position:absolute;width:0px;height:0px;background-color:#dcdcdc;transition:all .3s ease-in-out;border-radius:50%}@media (min-width: 992px){.babylon__press--gallery-itemButton{display:none}}.babylon__press--gallery-image{aspect-ratio:400/500;width:100%;height:auto;position:relative;display:flex}.babylon__press--gallery-imageDownload{position:absolute;bottom:0;transition:all .3s ease-in-out;color:#fff;width:100%;padding-block:0rem;padding-inline:1.5rem;background:#0006;height:0px;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.babylon__press--gallery-imageDownload .babylon-arrow-right-big{display:block;font-size:8px;transform:rotate(90deg);width:fit-content;width:20px;overflow:hidden;display:flex;justify-content:end}.babylon__press--gallery-image img{height:100%;width:100%;object-fit:cover}.babylon__press--pagination{width:100%;display:flex;justify-content:center;align-items:center}.babylon__press--pagination button{width:250px;text-align:center;border-radius:0}\n"] }]
|
|
2734
2768
|
}] });
|
|
2735
2769
|
|
|
2736
2770
|
class BabylonListBoxInfoComponent {
|
|
@@ -3784,5 +3818,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3784
3818
|
* Generated bundle index. Do not edit.
|
|
3785
3819
|
*/
|
|
3786
3820
|
|
|
3787
|
-
export { Babylon404Component, Babylon404V2Component, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBreadcrumbComponent, BabylonBreadcrumbV2Component, BabylonC1TxtComponent, BabylonComingsoonComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonEngineComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGridGalleryComponent, BabylonHeMeSvgTextCtaMotComponent, 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, BabylonLisC2ImgVidComponent, BabylonLisC4TxtImgPdfComponent, BabylonLisC5TxtImgSvgComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, 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, BabylonTopSliderImgVideoComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, SCREEN_SIZER_PARAMS_TOKEN, ScreenSizerService };
|
|
3821
|
+
export { Babylon404Component, Babylon404V2Component, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBreadcrumbComponent, BabylonBreadcrumbV2Component, BabylonC1TxtComponent, BabylonComingsoonComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonEngineComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGridGalleryComponent, BabylonHeMeSvgTextCtaMotComponent, 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, BabylonLisC2ImgVidComponent, BabylonLisC4TxtImgPdfComponent, BabylonLisC5TxtImgSvgComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListGridComponent, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonModC2ImgTxtCtaComponent, 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, BabylonTopSliderImgVideoComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, SCREEN_SIZER_PARAMS_TOKEN, ScreenSizerService };
|
|
3788
3822
|
//# sourceMappingURL=ctt-babylon.mjs.map
|