ctt-babylon 0.9.30 → 0.9.31
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-c1-txt/babylon-c1-txt.component.mjs +11 -0
- package/esm2022/lib/components/core/babylon-he-me-svg-text-cta-mot/babylon-he-me-svg-text-cta-mot.component.mjs +10 -3
- package/esm2022/lib/components/core/babylon-top-slider-img-video/babylon-top-slider-img-video.component.mjs +114 -0
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/ctt-babylon.mjs +129 -3
- package/fesm2022/ctt-babylon.mjs.map +1 -1
- package/lib/components/core/babylon-c1-txt/babylon-c1-txt.component.d.ts +5 -0
- package/lib/components/core/babylon-he-me-svg-text-cta-mot/babylon-he-me-svg-text-cta-mot.component.d.ts +1 -0
- package/lib/components/core/babylon-top-slider-img-video/babylon-top-slider-img-video.component.d.ts +26 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
package/fesm2022/ctt-babylon.mjs
CHANGED
|
@@ -785,6 +785,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
785
785
|
args: [{ selector: 'lib-babylon-advantages', standalone: true, imports: [], template: "<section class=\"babylon__advantages-slider margin-main bg--white\">\n <div class=\"container\">\n <div class=\"intro_info align--center no-align\">\n <h3 class=\"pretitle\" >advantages Slider</h3>\n </div>\n </div>\n <div class=\"cs_slider cs_style_1 cs_hover_show_arrows\">\n <div class=\"container\">\n <div class=\"cs_slider_container\" data-autoplay=\"0\" data-loop=\"1\" data-speed=\"600\" data-center=\"0\"\n data-variable-width=\"0\" data-slides-per-view=\"responsive\" data-xs-slides=\"1\" data-sm-slides=\"2\" data-md-slides=\"2\" data-lg-slides=\"3\" data-add-slides=\"3\">\n <div class=\"cs_slider_wrapper\">\n <div class=\"cs_slide\">\n <div class=\"advantages-item\">\n <div class=\"advantages-item--icon\">\n <div class=\"info--icon icon--small \">\n <i class=\"babylon-telephone\"></i>\n </div>\n </div>\n <div class=\"advantages-item--info\">\n <div class=\"intro_info1 no-align\">\n <p class=\"text mb--0\">Hamacas y sombrillas</p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"cs_slide\">\n <div class=\"advantages-item\">\n <div class=\"advantages-item--icon\">\n <div class=\"info--icon icon--small \">\n <i class=\"babylon-telephone\"></i>\n </div>\n </div>\n <div class=\"advantages-item--info\">\n <div class=\"intro_info1 no-align\">\n <p class=\"text mb--0\">Hamacas y sombrillas</p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"cs_slide\">\n <div class=\"advantages-item\">\n <div class=\"advantages-item--icon\">\n <div class=\"info--icon icon--small \">\n <i class=\"babylon-telephone\"></i>\n </div>\n </div>\n <div class=\"advantages-item--info\">\n <div class=\"intro_info1 no-align\">\n <p class=\"text mb--0\">Hamacas y sombrillas</p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"cs_slide\">\n <div class=\"advantages-item\">\n <div class=\"advantages-item--icon\">\n <div class=\"info--icon icon--small \">\n <i class=\"babylon-telephone\"></i>\n </div>\n </div>\n <div class=\"advantages-item--info\">\n <div class=\"intro_info1 no-align\">\n <p class=\"text mb--0\">Hamacas y sombrillas</p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"cs_slide\">\n <div class=\"advantages-item\">\n <div class=\"advantages-item--icon\">\n <div class=\"info--icon icon--small \">\n <i class=\"babylon-telephone\"></i>\n </div>\n </div>\n <div class=\"advantages-item--info\">\n <div class=\"intro_info1 no-align\">\n <p class=\"text mb--0\">Hamacas y sombrillas</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class=\"cs_slider_arrows cs_style_2 cs_mobile_hide\">\n <div class=\"cs_left_arrow slick-arrow\">\n <span class=\"babylon-arrow-left-big\"></span>\n </div>\n <div class=\"cs_right_arrow slick-arrow\">\n <span class=\"babylon-arrow-right-big\"></span>\n </div>\n </div>\n <div class=\"cs_pagination cs_style_1 cs_mobile_show\"></div>\n </div>\n </div>\n\n </section>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.babylon__advantages-slider{padding-block:30px}.advantages-item{display:flex;align-items:center;justify-content:center;gap:20px}.cs_slider_wrapper{margin:0 3rem;overflow:hidden}.cs_pagination.cs_style_1{margin-top:20px}\n"] }]
|
|
786
786
|
}] });
|
|
787
787
|
|
|
788
|
+
class BabylonC1TxtComponent {
|
|
789
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonC1TxtComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
790
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonC1TxtComponent, isStandalone: true, selector: "lib-babylon-c1-txt", ngImport: i0, template: "<section class=\"c1txt\">\n <div class=\"container\">\n <div class=\"c1txt__inner\">\n <h2>Can Bordoy you will find...</h2>\n <p>\n Many desktop publishin packages and web page editors now use\n lorem ipsum as their<br />\n default model text, and a search for lorem.\n </p>\n </div>\n </div>\n</section>\n<section class=\"c1txt\">\n <div class=\"container\">\n <div class=\"c1txt__inner\">\n <h2>Manifesto</h2>\n <p>\n We believe in pulling out the chair, not only for ladies, but\n for gentleman as well. We believe in living in a house that we\n can truly call home. We believe in the time-honoured tradition\n of remembering your parents and family. We believe in the\n time-honoured tradition of remembering your parents and family.\n We believe in giving up your seat for someone in need and saying\n thanks to people in writing. We believe in letting bygones be\n bygones. We believe in listening attentively and having good\n table manners. We believe in imperfect beauty and in respecting\n Mother Nature.\n </p>\n </div>\n </div>\n</section>\n<section class=\"c1txt c1txt__reverse bg__cream\">\n <div class=\"container\">\n <div class=\"c1txt__inner\">\n <h2>The Can Bordoy good manners manifesto</h2>\n <p>\n When romantic souls and likeminded people come together they\n exceed the sum of their parts. To live an extraordinary life you\n have to be aware of the ordinary. While remembering that in the\n beginning you are the only person who believes in your ideas.\n Visionaries are lonely people before they achieve recognition.\n However, In the end, They are people that we look up to and\n admire for their ideas. They are people that we look up to and\n admire for their ideas. We are for them. We are for those\n romantics who still believe.\n </p>\n </div>\n </div>\n</section>\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}.c1txt{text-align:center;padding:5rem 3.5rem 3.9rem}@media (min-width: 540px){.c1txt{padding-inline:6.9rem;padding-bottom:3.5rem}}@media (min-width: 768px){.c1txt{padding-inline:7.4rem}}.c1txt__inner{display:flex;flex-direction:column;gap:2rem}@media (min-width: 540px){.c1txt__inner{gap:3.4rem}}@media (min-width: 1024px){.c1txt__inner{width:95.2rem;max-width:100%;margin-inline:auto}}.c1txt__inner h2{font-size:3rem;line-height:1.2;letter-spacing:-.03em;text-wrap:balance;text-vertical-trim:cap}@media (min-width: 540px){.c1txt__inner h2{font-size:3.2rem;line-height:1.125}}@media (min-width: 768px){.c1txt__inner h2{line-height:.65625}}.c1txt__inner p{font-size:1.6rem;line-height:1.5}@media (min-width: 540px){.c1txt__inner p{font-size:1.8rem;line-height:1.4444444444}}@media (min-width: 768px){.c1txt__inner p{line-height:1.6666666667}}@media (max-width: 1023.98px){.c1txt__inner p br{display:none}}.c1txt__reverse .c1txt__inner{flex-direction:column-reverse}\n"] }); }
|
|
791
|
+
}
|
|
792
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonC1TxtComponent, decorators: [{
|
|
793
|
+
type: Component,
|
|
794
|
+
args: [{ selector: 'lib-babylon-c1-txt', standalone: true, imports: [], template: "<section class=\"c1txt\">\n <div class=\"container\">\n <div class=\"c1txt__inner\">\n <h2>Can Bordoy you will find...</h2>\n <p>\n Many desktop publishin packages and web page editors now use\n lorem ipsum as their<br />\n default model text, and a search for lorem.\n </p>\n </div>\n </div>\n</section>\n<section class=\"c1txt\">\n <div class=\"container\">\n <div class=\"c1txt__inner\">\n <h2>Manifesto</h2>\n <p>\n We believe in pulling out the chair, not only for ladies, but\n for gentleman as well. We believe in living in a house that we\n can truly call home. We believe in the time-honoured tradition\n of remembering your parents and family. We believe in the\n time-honoured tradition of remembering your parents and family.\n We believe in giving up your seat for someone in need and saying\n thanks to people in writing. We believe in letting bygones be\n bygones. We believe in listening attentively and having good\n table manners. We believe in imperfect beauty and in respecting\n Mother Nature.\n </p>\n </div>\n </div>\n</section>\n<section class=\"c1txt c1txt__reverse bg__cream\">\n <div class=\"container\">\n <div class=\"c1txt__inner\">\n <h2>The Can Bordoy good manners manifesto</h2>\n <p>\n When romantic souls and likeminded people come together they\n exceed the sum of their parts. To live an extraordinary life you\n have to be aware of the ordinary. While remembering that in the\n beginning you are the only person who believes in your ideas.\n Visionaries are lonely people before they achieve recognition.\n However, In the end, They are people that we look up to and\n admire for their ideas. They are people that we look up to and\n admire for their ideas. We are for them. We are for those\n romantics who still believe.\n </p>\n </div>\n </div>\n</section>\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}.c1txt{text-align:center;padding:5rem 3.5rem 3.9rem}@media (min-width: 540px){.c1txt{padding-inline:6.9rem;padding-bottom:3.5rem}}@media (min-width: 768px){.c1txt{padding-inline:7.4rem}}.c1txt__inner{display:flex;flex-direction:column;gap:2rem}@media (min-width: 540px){.c1txt__inner{gap:3.4rem}}@media (min-width: 1024px){.c1txt__inner{width:95.2rem;max-width:100%;margin-inline:auto}}.c1txt__inner h2{font-size:3rem;line-height:1.2;letter-spacing:-.03em;text-wrap:balance;text-vertical-trim:cap}@media (min-width: 540px){.c1txt__inner h2{font-size:3.2rem;line-height:1.125}}@media (min-width: 768px){.c1txt__inner h2{line-height:.65625}}.c1txt__inner p{font-size:1.6rem;line-height:1.5}@media (min-width: 540px){.c1txt__inner p{font-size:1.8rem;line-height:1.4444444444}}@media (min-width: 768px){.c1txt__inner p{line-height:1.6666666667}}@media (max-width: 1023.98px){.c1txt__inner p br{display:none}}.c1txt__reverse .c1txt__inner{flex-direction:column-reverse}\n"] }]
|
|
795
|
+
}] });
|
|
796
|
+
|
|
788
797
|
class BabylonFaqV2Component {
|
|
789
798
|
constructor() {
|
|
790
799
|
this.activeIndex = 0;
|
|
@@ -996,13 +1005,17 @@ class BabylonHeMeSvgTextCtaMotComponent {
|
|
|
996
1005
|
if (!this.isBrowser)
|
|
997
1006
|
return;
|
|
998
1007
|
const body = this.document.body;
|
|
1008
|
+
const modalMenu = this.modalMenu?.nativeElement;
|
|
999
1009
|
body.classList.add(modalName, 'modal--open');
|
|
1010
|
+
modalMenu.classList.add('modal--open');
|
|
1000
1011
|
}
|
|
1001
1012
|
closeModal(modalName) {
|
|
1002
1013
|
if (!this.isBrowser)
|
|
1003
1014
|
return;
|
|
1004
1015
|
const body = this.document.body;
|
|
1016
|
+
const modalMenu = this.modalMenu?.nativeElement;
|
|
1005
1017
|
body.classList.remove(modalName, 'modal--open');
|
|
1018
|
+
modalMenu.classList.remove('modal--open');
|
|
1006
1019
|
}
|
|
1007
1020
|
// Si quieres una versión genérica usando data-modal_name:
|
|
1008
1021
|
handleOpenFromEvent(event) {
|
|
@@ -1024,11 +1037,11 @@ class BabylonHeMeSvgTextCtaMotComponent {
|
|
|
1024
1037
|
this.closeModal(modalName);
|
|
1025
1038
|
}
|
|
1026
1039
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeMeSvgTextCtaMotComponent, deps: [{ token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1027
|
-
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 }], 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 >\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", 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:2;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{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}\n"] }); }
|
|
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"] }); }
|
|
1028
1041
|
}
|
|
1029
1042
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeMeSvgTextCtaMotComponent, decorators: [{
|
|
1030
1043
|
type: Component,
|
|
1031
|
-
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 >\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", 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:2;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{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}\n"] }]
|
|
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"] }]
|
|
1032
1045
|
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
1033
1046
|
type: Inject,
|
|
1034
1047
|
args: [DOCUMENT]
|
|
@@ -1038,6 +1051,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
1038
1051
|
}] }], propDecorators: { mainHeader: [{
|
|
1039
1052
|
type: ViewChild,
|
|
1040
1053
|
args: ['mainHeader', { static: true }]
|
|
1054
|
+
}], modalMenu: [{
|
|
1055
|
+
type: ViewChild,
|
|
1056
|
+
args: ['modalMenu', { static: true }]
|
|
1041
1057
|
}], onWindowScroll: [{
|
|
1042
1058
|
type: HostListener,
|
|
1043
1059
|
args: ['window:scroll']
|
|
@@ -3587,6 +3603,116 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3587
3603
|
args: [{ selector: 'lib-babylon-top-simple-img', standalone: true, imports: [], template: "<section class=\"top-simple-img-ficha__module js-bgHeight-section\">\n <div class=\"container\">\n <div class=\"top-simple-img-ficha__module-inner\">\n <div class=\"top-simple-img-ficha__module-content\">\n <div class=\"top-simple-img-ficha__module-content--inner\">\n <div\n class=\"top-simple-img-ficha__module-heading js-bgHeight-heading\"\n >\n <h2>Entra a nuestro exclusivo yClub by Blanco</h2>\n <p>Programa de fidelizaci\u00F3n</p>\n </div>\n <div\n class=\"top-simple-img-ficha__module-image top-simple-img-ficha__module-image--mobile\"\n >\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"top-simple-img-ficha__module-graphic--top\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"top-simple-img-ficha__module-graphic--bottom\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <figure>\n <img src=\"/assets/babylon/images/img-17.webp\" />\n </figure>\n </div>\n <div class=\"top-simple-img-ficha__module-text\">\n <div class=\"top-simple-img-ficha__module-text--box\">\n <p>\n Nuestro programa de fidelizaci\u00F3n tiene como\n objetivo principal valorar a sus clientes,\n ofreci\u00E9ndoles unas ventajas y servicios\n exclusivos para que su estancia en nuestros\n hotel. Formado por tres niveles, Y Club By\n Blanco, te da la posibilidad de disfrutar de\n todas sus ventajas.\n </p>\n <p>\n Many desktop publishing packages and web page\n editors now use Lorem Ipsum as their default\n model text, and a search for lorem ipsum will\n uncover many web sites still in their infancy\n various versions have evolved. Many desktop\n publishing packages and web page editors now use\n Lorem Ipsum as their default model text, and a\n search for lorem ipsum will uncover many web\n sites still.\n </p>\n </div>\n <div class=\"btn__group\">\n <button\n class=\"btn btn__primary js-scrollto\"\n data-scroll_spacer=\"50\"\n data-scroll_to=\".top-simple-img-ficha__table\"\n >\n <span>Ver Ventajas</span>\n </button>\n </div>\n </div>\n </div>\n </div>\n <div\n class=\"top-simple-img-ficha__module-image top-simple-img-ficha__module-image--desktop\"\n >\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"top-simple-img-ficha__module-graphic--top\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"top-simple-img-ficha__module-graphic--bottom\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <figure>\n <img src=\"/assets/babylon/images/img-17.webp\" />\n </figure>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.top-simple-img-ficha__module{padding-block:3rem 4.8rem;overflow:clip;position:relative;isolation:isolate}@media (min-width: 540px){.top-simple-img-ficha__module{padding-block:4rem 6.1rem}}@media (min-width: 768px){.top-simple-img-ficha__module{padding-block:4.8rem 8rem}}@media (min-width: 1024px){.top-simple-img-ficha__module{padding-bottom:7rem}}@media (min-width: 1280px){.top-simple-img-ficha__module{padding-block:12rem 8rem}}@media (min-width: 1366px){.top-simple-img-ficha__module{padding-block:11rem 9rem}}@media (min-width: 1680px){.top-simple-img-ficha__module{padding-block:7.9rem 10rem}}@media (min-width: 1800px){.top-simple-img-ficha__module{padding-top:7rem}}.top-simple-img-ficha__module:before{content:\"\";position:absolute;inset:0 0 auto;height:var(--bg-height);background:#f9f8f5;z-index:-1}.top-simple-img-ficha__module-inner{width:100%;margin-inline:auto;display:flex;flex-direction:column;align-items:center}@media (min-width: 1280px){.top-simple-img-ficha__module-inner{flex-direction:row;align-items:flex-start}}.top-simple-img-ficha__module-image{width:29.5rem;flex:0 0 auto;position:relative}@media (min-width: 540px){.top-simple-img-ficha__module-image{width:42.029rem}}@media (min-width: 768px){.top-simple-img-ficha__module-image{width:58.929rem}}@media (min-width: 1280px){.top-simple-img-ficha__module-image{overflow:hidden;width:49.8rem;position:sticky;top:8rem}}@media (min-width: 1280px) and (min-width: 1680px){.top-simple-img-ficha__module-image{top:9rem}}@media (min-width: 1366px){.top-simple-img-ficha__module-image{width:52.1rem}}@media (min-width: 1680px){.top-simple-img-ficha__module-image{width:64.7rem}}@media (min-width: 1800px){.top-simple-img-ficha__module-image{width:65.6rem}}.top-simple-img-ficha__module-image figure{aspect-ratio:295/266}.top-simple-img-ficha__module-image--mobile{position:relative;isolation:isolate}@media (min-width: 1280px){.top-simple-img-ficha__module-image--mobile{display:none}}.top-simple-img-ficha__module-image--mobile:before{content:\"\";z-index:-1;position:absolute;left:50%;width:100svw;transform:translate(-50%);height:50%;top:0;background:#f9f8f5}.top-simple-img-ficha__module-image--desktop{display:none}@media (min-width: 1280px){.top-simple-img-ficha__module-image--desktop{display:block}}.top-simple-img-ficha__module-graphic--top,.top-simple-img-ficha__module-graphic--bottom{position:absolute;left:50%;top:0;aspect-ratio:2/1;width:10rem;color:#fff;display:none;z-index:1}@media (min-width: 540px){.top-simple-img-ficha__module-graphic--top,.top-simple-img-ficha__module-graphic--bottom{display:block}}.top-simple-img-ficha__module-graphic--top{transform:translate(-50%);color:#f9f8f5}.top-simple-img-ficha__module-graphic--bottom{top:unset;bottom:0;transform:scaleY(-1) translate(-50%)}.top-simple-img-ficha__module-content{flex:1 1 auto;display:flex;flex-direction:column;align-items:center}@media (min-width: 1280px) and (max-width: 1679.98px){.top-simple-img-ficha__module-content{align-items:flex-start}}.top-simple-img-ficha__module-content--inner{max-width:29.5rem;width:100%;display:flex;flex-direction:column}@media (min-width: 540px){.top-simple-img-ficha__module-content--inner{max-width:42.029rem}}@media (min-width: 768px){.top-simple-img-ficha__module-content--inner{max-width:58.929rem}}@media (min-width: 1280px){.top-simple-img-ficha__module-content--inner{max-width:50rem}}@media (min-width: 1366px){.top-simple-img-ficha__module-content--inner{max-width:52.4rem}}@media (min-width: 1680px){.top-simple-img-ficha__module-content--inner{max-width:54.2rem}}.top-simple-img-ficha__module-heading{display:flex;flex-direction:column;gap:2rem;padding-bottom:3rem;position:relative}@media (min-width: 540px){.top-simple-img-ficha__module-heading{padding-bottom:4rem}}@media (min-width: 1280px){.top-simple-img-ficha__module-heading{padding-top:9.6rem}}@media (min-width: 1680px){.top-simple-img-ficha__module-heading{padding-top:11.4rem}}@media (min-width: 1800px){.top-simple-img-ficha__module-heading{padding-top:11.6rem}}.top-simple-img-ficha__module-heading h2{font-size:2.8rem;line-height:1}@media (min-width: 540px){.top-simple-img-ficha__module-heading h2{font-size:3.4rem;line-height:1}}@media (min-width: 768px){.top-simple-img-ficha__module-heading h2{font-size:4.2rem;line-height:1.0952380952}}@media (min-width: 1366px){.top-simple-img-ficha__module-heading h2{font-size:5rem;line-height:1.08}}.top-simple-img-ficha__module-heading p{font-size:1.8rem;line-height:1;letter-spacing:.036rem;color:#4a4a49cc}.top-simple-img-ficha__module-text--box{padding-block:3rem;color:#4a4a49cc}@media (min-width: 540px){.top-simple-img-ficha__module-text--box{padding-block:4rem}}@media (min-width: 768px){.top-simple-img-ficha__module-text--box{padding-bottom:5rem}}@media (min-width: 1680px) and (max-width: 1799.98px){.top-simple-img-ficha__module-text--box{padding-top:4.2rem}}.top-simple-img-ficha__module-text--box p{font-size:1.6rem;line-height:1.5}@media (min-width: 540px){.top-simple-img-ficha__module-text--box p{font-size:1.8rem;line-height:1.5555555556}}@media (min-width: 768px){.top-simple-img-ficha__module-text--box p{font-size:2rem;line-height:1.6;letter-spacing:.04rem}}@media (min-width: 1280px){.top-simple-img-ficha__module-text--box p{font-size:2rem;line-height:1.7}}.top-simple-img-ficha__module-text--box p+p{margin-top:2.4rem}@media (min-width: 540px){.top-simple-img-ficha__module-text--box p+p{margin-top:2.8rem}}@media (min-width: 768px){.top-simple-img-ficha__module-text--box p+p{margin-top:3.2rem}}@media (min-width: 1280px){.top-simple-img-ficha__module-text--box p+p{margin-top:3.4rem}}.top-simple-img-ficha__module-text .btn__group{justify-content:center}.top-simple-img-ficha__module--right .top-simple-img-ficha__module-content{order:2}\n"] }]
|
|
3588
3604
|
}] });
|
|
3589
3605
|
|
|
3606
|
+
class BabylonTopSliderImgVideoComponent {
|
|
3607
|
+
constructor(document, platformId) {
|
|
3608
|
+
this.document = document;
|
|
3609
|
+
this.platformId = platformId;
|
|
3610
|
+
/** Modo vídeo o imágenes */
|
|
3611
|
+
this.video = false;
|
|
3612
|
+
/** ID del vídeo de YouTube (lo que va después de /watch?v= ) */
|
|
3613
|
+
this.videoId = 'M8gcKlBeGIo';
|
|
3614
|
+
}
|
|
3615
|
+
get isBrowser() {
|
|
3616
|
+
return isPlatformBrowser(this.platformId);
|
|
3617
|
+
}
|
|
3618
|
+
ngAfterViewInit() {
|
|
3619
|
+
if (!this.isBrowser || !this.video)
|
|
3620
|
+
return;
|
|
3621
|
+
this.loadYouTubeApi();
|
|
3622
|
+
}
|
|
3623
|
+
ngOnDestroy() {
|
|
3624
|
+
if (this.player && typeof this.player.destroy === 'function') {
|
|
3625
|
+
this.player.destroy();
|
|
3626
|
+
}
|
|
3627
|
+
}
|
|
3628
|
+
// =========================
|
|
3629
|
+
// YOUTUBE API
|
|
3630
|
+
// =========================
|
|
3631
|
+
loadYouTubeApi() {
|
|
3632
|
+
// Si ya está cargada la API
|
|
3633
|
+
if (window.YT && window.YT.Player) {
|
|
3634
|
+
this.initPlayer();
|
|
3635
|
+
return;
|
|
3636
|
+
}
|
|
3637
|
+
// Evitar cargar el script varias veces
|
|
3638
|
+
const existingScript = this.document.getElementById('youtube-iframe-api');
|
|
3639
|
+
if (!existingScript) {
|
|
3640
|
+
const tag = this.document.createElement('script');
|
|
3641
|
+
tag.id = 'youtube-iframe-api';
|
|
3642
|
+
tag.src = 'https://www.youtube.com/iframe_api';
|
|
3643
|
+
tag.async = true;
|
|
3644
|
+
const firstScript = this.document.getElementsByTagName('script')[0];
|
|
3645
|
+
firstScript.parentNode?.insertBefore(tag, firstScript);
|
|
3646
|
+
}
|
|
3647
|
+
// Callback global exigido por la API
|
|
3648
|
+
window.onYouTubeIframeAPIReady = () => {
|
|
3649
|
+
this.initPlayer();
|
|
3650
|
+
};
|
|
3651
|
+
}
|
|
3652
|
+
initPlayer() {
|
|
3653
|
+
if (!this.ytPlayerRef)
|
|
3654
|
+
return;
|
|
3655
|
+
this.player = new window.YT.Player(this.ytPlayerRef.nativeElement, {
|
|
3656
|
+
videoId: this.videoId,
|
|
3657
|
+
width: 1920,
|
|
3658
|
+
height: 1080,
|
|
3659
|
+
playerVars: {
|
|
3660
|
+
enablejsapi: 1,
|
|
3661
|
+
autoplay: 1,
|
|
3662
|
+
controls: 0,
|
|
3663
|
+
showinfo: 0,
|
|
3664
|
+
mute: 1,
|
|
3665
|
+
modestbranding: 1,
|
|
3666
|
+
loop: 1,
|
|
3667
|
+
fs: 1,
|
|
3668
|
+
cc_load_policy: 1,
|
|
3669
|
+
iv_load_policy: 3,
|
|
3670
|
+
autohide: 1,
|
|
3671
|
+
rel: 0,
|
|
3672
|
+
playsinline: 1,
|
|
3673
|
+
playlist: this.videoId, // necesario para loop
|
|
3674
|
+
},
|
|
3675
|
+
events: {
|
|
3676
|
+
onReady: (e) => {
|
|
3677
|
+
e.target.mute();
|
|
3678
|
+
e.target.playVideo();
|
|
3679
|
+
},
|
|
3680
|
+
onStateChange: (e) => {
|
|
3681
|
+
e.target.setPlaybackQuality('highres');
|
|
3682
|
+
if (e.data === window.YT.PlayerState.PLAYING) {
|
|
3683
|
+
const iframe = this.document.getElementById('YouTubeVideoPlayer');
|
|
3684
|
+
if (iframe)
|
|
3685
|
+
iframe.style.opacity = '1';
|
|
3686
|
+
}
|
|
3687
|
+
if (e.data === window.YT.PlayerState.ENDED) {
|
|
3688
|
+
e.target.playVideo();
|
|
3689
|
+
e.target.mute();
|
|
3690
|
+
}
|
|
3691
|
+
},
|
|
3692
|
+
},
|
|
3693
|
+
});
|
|
3694
|
+
}
|
|
3695
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonTopSliderImgVideoComponent, deps: [{ token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3696
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: BabylonTopSliderImgVideoComponent, isStandalone: true, selector: "lib-babylon-top-slider-img-video", inputs: { video: "video", videoId: "videoId" }, viewQueries: [{ propertyName: "ytPlayerRef", first: true, predicate: ["ytPlayer"], descendants: true }], ngImport: i0, template: "<section\n class=\"TopVid js-active-slider\"\n data-slider_pause=\"false\"\n data-slider_name=\"js-banner-slider\"\n data-slider_showbtns=\"false\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"true\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"1\"\n>\n <!-- if TopVid image-->\n @if (!video) {\n <div class=\"swiper js-banner-slider\">\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-1.png\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-2.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-3.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-4.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-5.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-6.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n </div>\n }\n <!-- if TopVid image -->\n <!-- if TopVid video -->\n @if (video) {\n <div class=\"TopVid__video\">\n <div class=\"TopVid__video--inner\">\n <div\n #ytPlayer\n id=\"YouTubeVideoPlayer\"\n class=\"TopVid__video-player\"\n ></div>\n </div>\n </div>\n }\n <!-- if TopVid video -->\n</section>\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}.TopVid{position:relative;overflow:hidden}.TopVid:before{content:\"\";position:absolute;inset:0;background:linear-gradient(360deg,#0000000a 50%,#0003),linear-gradient(180deg,#0000000a 50%,#0003);z-index:1}.TopVid__item,.TopVid__video{transition:all .5s;height:calc(100svh - 5.4rem)}@media (min-width: 768px){.TopVid__item,.TopVid__video{height:calc(100svh - 7rem)}}@media (min-width: 1024px){.TopVid__item,.TopVid__video{height:100svh}}@media (min-width: 1280px){.TopVid__video{pointer-events:none}}.TopVid__video--inner{position:relative;width:100%;height:100%;overflow:hidden;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.TopVid__video iframe{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%)}.TopVid__item{position:relative;vertical-align:top}.TopVid__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom}\n"], dependencies: [{ kind: "directive", type: SlickInitDirective, selector: ".js-active-slider,[appSlickInit]" }] }); }
|
|
3697
|
+
}
|
|
3698
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonTopSliderImgVideoComponent, decorators: [{
|
|
3699
|
+
type: Component,
|
|
3700
|
+
args: [{ selector: 'lib-babylon-top-slider-img-video', standalone: true, imports: [SlickInitDirective], template: "<section\n class=\"TopVid js-active-slider\"\n data-slider_pause=\"false\"\n data-slider_name=\"js-banner-slider\"\n data-slider_showbtns=\"false\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"true\"\n data-slider_autoplay=\"true\"\n data-slides_pc=\"1\"\n>\n <!-- if TopVid image-->\n @if (!video) {\n <div class=\"swiper js-banner-slider\">\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-1.png\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-2.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-3.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-4.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-5.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n <div class=\"swiper-wrapper\">\n <div class=\"swiper-slide\">\n <div class=\"TopVid__item\">\n <img\n src=\"/assets/babylon/images/img-6.jpg\"\n class=\"TopVid__image\"\n width=\"1800\"\n height=\"935\"\n />\n </div>\n </div>\n </div>\n </div>\n }\n <!-- if TopVid image -->\n <!-- if TopVid video -->\n @if (video) {\n <div class=\"TopVid__video\">\n <div class=\"TopVid__video--inner\">\n <div\n #ytPlayer\n id=\"YouTubeVideoPlayer\"\n class=\"TopVid__video-player\"\n ></div>\n </div>\n </div>\n }\n <!-- if TopVid video -->\n</section>\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}.TopVid{position:relative;overflow:hidden}.TopVid:before{content:\"\";position:absolute;inset:0;background:linear-gradient(360deg,#0000000a 50%,#0003),linear-gradient(180deg,#0000000a 50%,#0003);z-index:1}.TopVid__item,.TopVid__video{transition:all .5s;height:calc(100svh - 5.4rem)}@media (min-width: 768px){.TopVid__item,.TopVid__video{height:calc(100svh - 7rem)}}@media (min-width: 1024px){.TopVid__item,.TopVid__video{height:100svh}}@media (min-width: 1280px){.TopVid__video{pointer-events:none}}.TopVid__video--inner{position:relative;width:100%;height:100%;overflow:hidden;background-position:50% 50%;background-size:cover;background-repeat:no-repeat}.TopVid__video iframe{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%)}.TopVid__item{position:relative;vertical-align:top}.TopVid__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom}\n"] }]
|
|
3701
|
+
}], ctorParameters: () => [{ type: Document, decorators: [{
|
|
3702
|
+
type: Inject,
|
|
3703
|
+
args: [DOCUMENT]
|
|
3704
|
+
}] }, { type: Object, decorators: [{
|
|
3705
|
+
type: Inject,
|
|
3706
|
+
args: [PLATFORM_ID]
|
|
3707
|
+
}] }], propDecorators: { video: [{
|
|
3708
|
+
type: Input
|
|
3709
|
+
}], videoId: [{
|
|
3710
|
+
type: Input
|
|
3711
|
+
}], ytPlayerRef: [{
|
|
3712
|
+
type: ViewChild,
|
|
3713
|
+
args: ['ytPlayer', { static: false }]
|
|
3714
|
+
}] } });
|
|
3715
|
+
|
|
3590
3716
|
class BabylonTopSliderThumbsComponent {
|
|
3591
3717
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonTopSliderThumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3592
3718
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonTopSliderThumbsComponent, isStandalone: true, selector: "lib-babylon-top-slider-thumbs", ngImport: i0, template: "<section class=\"babylon__topslider-thumbs margin-main-botom\">\n <div class=\"position-relative cs_gallery_hover_show_nav\">\n <div class=\"cs_gallery_slider_thumb_2 slick-slider\">\n <div class=\"cs_gallery_slider_thumb_item_2 cs_bg_filed\">\n <img src=\"/assets/babylon/fotos/hero_bg_1.jpeg\" alt=\"Hero_bg_1\"/>\n </div>\n <div class=\"cs_gallery_slider_thumb_item_2 cs_bg_filed\">\n <img src=\"/assets/babylon/fotos/hero_bg_1.jpeg\" alt=\"Hero_bg_1\"/>\n </div>\n <div class=\"cs_gallery_slider_thumb_item_2 cs_bg_filed\">\n <img src=\"/assets/babylon/fotos/hero_bg_1.jpeg\" alt=\"Hero_bg_1\"/>\n </div>\n <div class=\"cs_gallery_slider_thumb_item_2 cs_bg_filed\">\n <img src=\"/assets/babylon/fotos/hero_bg_1.jpeg\" alt=\"Hero_bg_1\"/>\n </div>\n <div class=\"cs_gallery_slider_thumb_item_2 cs_bg_filed\">\n <img src=\"/assets/babylon/fotos/hero_bg_1.jpeg\" alt=\"Hero_bg_1\"/>\n </div>\n <div class=\"cs_gallery_slider_thumb_item_2 cs_bg_filed\">\n <img src=\"/assets/babylon/fotos/hero_bg_1.jpeg\" alt=\"Hero_bg_1\"/>\n </div>\n </div>\n <div class=\"cs_gallery_slider_nav_2_wrap\">\n <div class=\"container position-relative cs_gallery_slider_nav_2_in\">\n <div class=\" intro_info intro_info--light\">\n <h1 class=\"title mb--10\">Deluxe Room</h1>\n <p class=\"subtitle mb--0\"><span class=\"text\">From</span> 320\u20AC.0 </p>\n </div>\n <div class=\"cs_gallery_slider_nav_2 slick-slider\">\n <div class=\"cs_gallery_slider_thumb_mini_2 cs_bg_filed\">\n <img src=\"/assets/babylon/fotos/room_sm_4.jpeg\" alt=\"room_sm_4\"/>\n </div>\n <div class=\"cs_gallery_slider_thumb_mini_2 cs_bg_filed\">\n <img src=\"/assets/babylon/fotos/room_sm_5.jpeg\" alt=\"room_sm_5\"/>\n </div>\n <div class=\"cs_gallery_slider_thumb_mini_2 cs_bg_filed\">\n <img src=\"/assets/babylon/fotos/room_sm_6.jpeg\" alt=\"room_sm_6\"/>\n </div>\n <div class=\"cs_gallery_slider_thumb_mini_2 cs_bg_filed\">\n <img src=\"/assets/babylon/fotos/room_sm_4.jpeg\" alt=\"room_sm_4\"/>\n </div>\n <div class=\"cs_gallery_slider_thumb_mini_2 cs_bg_filed\">\n <img src=\"/assets/babylon/fotos/room_sm_5.jpeg\" alt=\"room_sm_5\"/>\n </div>\n <div class=\"cs_gallery_slider_thumb_mini_2 cs_bg_filed\">\n <img src=\"/assets/babylon/fotos/room_sm_6.jpeg\" alt=\"room_sm_6\"/>\n </div>\n </div>\n </div>\n </div>\n <div class=\"cs_left_arrow_gallery_2 cs_center cs_mobile_hide cs_slider_navigation cs_white_color\">\n <div class=\"cs_swiper_button_prev\">\n <span class=\"babylon-arrow-left-big\"></span>\n </div>\n </div>\n <div class=\"cs_right_arrow_gallery_2 cs_center cs_mobile_hide cs_slider_navigation cs_white_color\">\n <div class=\"cs_swiper_button_next\">\n <span class=\"babylon-arrow-right-big\"></span>\n </div>\n </div>\n </div>\n</section>\n", styles: [""] }); }
|
|
@@ -3658,5 +3784,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
3658
3784
|
* Generated bundle index. Do not edit.
|
|
3659
3785
|
*/
|
|
3660
3786
|
|
|
3661
|
-
export { Babylon404Component, Babylon404V2Component, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBreadcrumbComponent, BabylonBreadcrumbV2Component, BabylonComingsoonComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonEngineComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGridGalleryComponent, BabylonHeMeSvgTextCtaMotComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuShowComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoImgComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV31Component, BabylonInfoZigzagV3Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLegalComponent, BabylonLisC2ImgVidComponent, BabylonLisC4TxtImgPdfComponent, BabylonLisC5TxtImgSvgComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListGridComponent, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonNewsletterModalComponent, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupV2Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonReviewsComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, SCREEN_SIZER_PARAMS_TOKEN, ScreenSizerService };
|
|
3787
|
+
export { Babylon404Component, Babylon404V2Component, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBreadcrumbComponent, BabylonBreadcrumbV2Component, BabylonC1TxtComponent, BabylonComingsoonComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonEngineComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGridGalleryComponent, BabylonHeMeSvgTextCtaMotComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuShowComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoImgComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV31Component, BabylonInfoZigzagV3Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLegalComponent, BabylonLisC2ImgVidComponent, BabylonLisC4TxtImgPdfComponent, BabylonLisC5TxtImgSvgComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListGridComponent, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonNewsletterModalComponent, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupV2Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonReviewsComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderImgVideoComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, SCREEN_SIZER_PARAMS_TOKEN, ScreenSizerService };
|
|
3662
3788
|
//# sourceMappingURL=ctt-babylon.mjs.map
|