ctt-babylon 0.9.32 → 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-lis-c2-img-vid/babylon-lis-c2-img-vid.component.mjs +3 -3
- package/esm2022/lib/components/core/babylon-mod-c2-img-txt-cta/babylon-mod-c2-img-txt-cta.component.mjs +3 -3
- package/fesm2022/ctt-babylon.mjs +32 -22
- 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/package.json +1 -1
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: [{
|
|
@@ -1603,21 +1628,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1603
1628
|
type: Input
|
|
1604
1629
|
}] } });
|
|
1605
1630
|
|
|
1606
|
-
class BabylonModC2ImgTxtCtaComponent {
|
|
1607
|
-
constructor(dialogRef) {
|
|
1608
|
-
this.dialogRef = dialogRef;
|
|
1609
|
-
}
|
|
1610
|
-
close() {
|
|
1611
|
-
this.dialogRef.close();
|
|
1612
|
-
}
|
|
1613
|
-
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 }); }
|
|
1614
|
-
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}@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 }] }); }
|
|
1615
|
-
}
|
|
1616
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonModC2ImgTxtCtaComponent, decorators: [{
|
|
1617
|
-
type: Component,
|
|
1618
|
-
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}@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"] }]
|
|
1619
|
-
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }] });
|
|
1620
|
-
|
|
1621
1631
|
class BabylonHeaderClearComponent {
|
|
1622
1632
|
constructor(dialog, screenSizer) {
|
|
1623
1633
|
this.dialog = dialog;
|
|
@@ -2696,11 +2706,11 @@ class BabylonLisC2ImgVidComponent {
|
|
|
2696
2706
|
dialogRef.componentInstance.rooms = true;
|
|
2697
2707
|
}
|
|
2698
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 }); }
|
|
2699
|
-
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 }); }
|
|
2700
2710
|
}
|
|
2701
2711
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonLisC2ImgVidComponent, decorators: [{
|
|
2702
2712
|
type: Component,
|
|
2703
|
-
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"] }]
|
|
2704
2714
|
}], ctorParameters: () => [{ type: i1$2.MatDialog }] });
|
|
2705
2715
|
|
|
2706
2716
|
class BabylonLisC4TxtImgPdfComponent {
|