ctt-babylon 0.9.33 → 0.9.35

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.
Files changed (13) hide show
  1. package/esm2022/lib/components/core/babylon-c1-txt/babylon-c1-txt.component.mjs +3 -3
  2. package/esm2022/lib/components/core/babylon-he-me-svg-text-cta-mot/babylon-he-me-svg-text-cta-mot.component.mjs +3 -3
  3. package/esm2022/lib/components/core/babylon-map-txt/babylon-map-txt.component.mjs +53 -0
  4. package/esm2022/lib/components/core/babylon-sli-c3-svg-vid-cta/babylon-sli-c3-svg-vid-cta.component.mjs +98 -0
  5. package/esm2022/lib/directives/sliders/slick-init.directive.mjs +55 -2
  6. package/esm2022/public-api.mjs +3 -1
  7. package/fesm2022/ctt-babylon.mjs +203 -6
  8. package/fesm2022/ctt-babylon.mjs.map +1 -1
  9. package/lib/components/core/babylon-map-txt/babylon-map-txt.component.d.ts +15 -0
  10. package/lib/components/core/babylon-sli-c3-svg-vid-cta/babylon-sli-c3-svg-vid-cta.component.d.ts +14 -0
  11. package/lib/directives/sliders/slick-init.directive.d.ts +2 -0
  12. package/package.json +1 -1
  13. package/public-api.d.ts +2 -0
package/fesm2022/ctt-babylon.mjs CHANGED
@@ -563,6 +563,8 @@ class SlickInitDirective {
563
563
  constructor(host, platformId) {
564
564
  this.host = host;
565
565
  this.platformId = platformId;
566
+ // NUEVO: para limpiar listeners de scroll/resize de las flechas
567
+ this.arrowCleanupFns = [];
566
568
  }
567
569
  async ngAfterViewInit() {
568
570
  if (!isPlatformBrowser(this.platformId))
@@ -602,7 +604,8 @@ class SlickInitDirective {
602
604
  const vertical = getBool('data-slider_vertical');
603
605
  const adaptiveHeight = getBool('data-slider_adaptive_height');
604
606
  const pause = getBool('data-slider_pause');
605
- const draggable = getBool('data-slider_draggable');
607
+ const draggableAttr = get('data-slider_draggable');
608
+ const draggable = draggableAttr === null ? true : getBool('data-slider_draggable');
606
609
  const rtl = getBool('data-slider_rtl');
607
610
  const variableWidth = getBool('data-slider_variable_width');
608
611
  const btnsMode = get('data-slider_btns') || '';
@@ -619,6 +622,7 @@ class SlickInitDirective {
619
622
  return;
620
623
  let prevArrow = '';
621
624
  let nextArrow = '';
625
+ // Mantienes tu lógica actual de tipos de botón
622
626
  if (btnsMode.includes('icon-small')) {
623
627
  prevArrow +=
624
628
  "<button type='button' class='slick-prev icon-small'><svg aria-hidden='true' focusable='false' class='line'><use href='/assets/babylon/svg/arrow-line.svg#arrow-line'></use></svg><svg aria-hidden='true' focusable='false'><use href='/assets/babylon/svg/icon-arrow.svg#icon-arrow'></use></svg></button>";
@@ -719,6 +723,8 @@ class SlickInitDirective {
719
723
  },
720
724
  ],
721
725
  });
726
+ // NUEVO: solo afecta a sliders que usan .js-slider_fix-arrows
727
+ this.initArrowPositioning(parent);
722
728
  }
723
729
  ngOnDestroy() {
724
730
  if (!isPlatformBrowser(this.platformId))
@@ -734,6 +740,9 @@ class SlickInitDirective {
734
740
  if (this.resizeHandler) {
735
741
  window.removeEventListener('resize', this.resizeHandler);
736
742
  }
743
+ // NUEVO: limpiar listeners de scroll/resize de flechas
744
+ this.arrowCleanupFns.forEach((fn) => fn());
745
+ this.arrowCleanupFns = [];
737
746
  }
738
747
  // Espera a $ y slick: resuelve (no rechaza) y loguea si no llegan
739
748
  waitForSlick(timeoutMs = 4000, stepMs = 100) {
@@ -753,6 +762,50 @@ class SlickInitDirective {
753
762
  check();
754
763
  });
755
764
  }
765
+ // ===== NUEVO: posicionar flechas tipo js-slider_fix-arrows =====
766
+ initArrowPositioning(parent) {
767
+ const sliders = parent.querySelectorAll('.js-slider_fix-arrows');
768
+ if (!sliders.length)
769
+ return;
770
+ sliders.forEach((slider) => {
771
+ const section = slider.closest('.js-active-slider') || parent;
772
+ if (!section)
773
+ return;
774
+ const calcPosition = () => {
775
+ let heightSelector = null;
776
+ const mobileSel = slider.querySelector('.js-slider_fix-arrows-zone.mobile');
777
+ const desktopSel = slider.querySelector('.js-slider_fix-arrows-zone.desktop');
778
+ const genericSel = slider.querySelector('.js-slider_fix-arrows-zone');
779
+ if (mobileSel && window.innerWidth <= 1279) {
780
+ heightSelector = mobileSel;
781
+ }
782
+ else if (desktopSel && window.innerWidth >= 1280) {
783
+ heightSelector = desktopSel;
784
+ }
785
+ else {
786
+ heightSelector = genericSel;
787
+ }
788
+ if (!heightSelector)
789
+ return;
790
+ const relative = heightSelector.closest('.relative');
791
+ if (!relative)
792
+ return;
793
+ const rect = heightSelector.getBoundingClientRect();
794
+ const parentRect = relative.getBoundingClientRect();
795
+ const height = rect.top - parentRect.top + rect.height / 2;
796
+ section.style.setProperty('--sliderNav__position', `${height}px`);
797
+ };
798
+ // inicial + pequeño delay para cuando cargan imágenes
799
+ calcPosition();
800
+ setTimeout(calcPosition, 500);
801
+ const onScroll = () => calcPosition();
802
+ const onResize = () => calcPosition();
803
+ window.addEventListener('scroll', onScroll, { passive: true });
804
+ window.addEventListener('resize', onResize, { passive: true });
805
+ this.arrowCleanupFns.push(() => window.removeEventListener('scroll', onScroll));
806
+ this.arrowCleanupFns.push(() => window.removeEventListener('resize', onResize));
807
+ });
808
+ }
756
809
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SlickInitDirective, deps: [{ token: i0.ElementRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Directive }); }
757
810
  static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.12", type: SlickInitDirective, isStandalone: true, selector: ".js-active-slider,[appSlickInit]", ngImport: i0 }); }
758
811
  }
@@ -787,11 +840,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
787
840
 
788
841
  class BabylonC1TxtComponent {
789
842
  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"] }); }
843
+ 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 -->\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
844
  }
792
845
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonC1TxtComponent, decorators: [{
793
846
  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"] }]
847
+ 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 -->\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
848
  }] });
796
849
 
797
850
  class BabylonFaqV2Component {
@@ -1062,11 +1115,11 @@ class BabylonHeMeSvgTextCtaMotComponent {
1062
1115
  });
1063
1116
  }
1064
1117
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeMeSvgTextCtaMotComponent, deps: [{ token: i1$2.MatDialog }, { token: DOCUMENT }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
1065
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonHeMeSvgTextCtaMotComponent, isStandalone: true, selector: "lib-babylon-he-me-svg-text-cta-mot", host: { listeners: { "window:scroll": "onWindowScroll()" } }, viewQueries: [{ propertyName: "mainHeader", first: true, predicate: ["mainHeader"], descendants: true, static: true }, { propertyName: "modalMenu", first: true, predicate: ["modalMenu"], descendants: true, static: true }], ngImport: i0, template: "<header #mainHeader class=\"MeSvgTxtCtaMot\">\n <div class=\"MeSvgTxtCtaMot__logo\">\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--img\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-logo.svg#canbordoy-logo\"\n ></use>\n </svg>\n </a>\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--sticky\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-icon-logo.svg#canbordoy-icon-logo\"\n ></use>\n </svg>\n </a>\n </div>\n <div class=\"MeSvgTxtCtaMot__nav\">\n <ul class=\"MeSvgTxtCtaMot__nav-links\">\n <li>\n <a href=\"/\"><span>Grand House</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gallery</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Accommodation</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gastronomy</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Spa</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Palma</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Blog</span></a>\n </li>\n <li>\n <a\n role=\"button\"\n class=\"js-active-modal\"\n data-modal_name=\"discover\"\n (click)=\"openDiscoverModal()\"\n ><span>Descubre</span>\n </a>\n </li>\n </ul>\n <ul class=\"MeSvgTxtCtaMot__nav-icons\">\n <li\n role=\"button\"\n class=\"MeSvgTxtCtaMot__nav-icons--menu js-active-modal\"\n data-modal_name=\"menu\"\n >\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/menu-icon.svg#menu-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li role=\"button\" class=\"tooltip\" data-tooltip=\"Newsletter\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/mail-icon.svg#mail-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li role=\"button\" class=\"tooltip\" data-tooltip=\"Language\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/globe-icon.svg#globe-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"MeSvgTxtCtaMot__nav-icons--agencies\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/agencies-icon.svg#agencies-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"MeSvgTxtCtaMot__nav-icons--call\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/call-icon.svg#call-icon\"\n ></use>\n </svg>\n </span>\n </li>\n </ul>\n </div>\n <div class=\"MeSvgTxtCtaMot__btn\">\n <a href=\"\" class=\"btn btn__primary\"><span>Book Now</span></a>\n <a href=\"\" class=\"btn__link\"><span>Agencies</span></a>\n </div>\n <div class=\"MeSvgTxtCtaMot__btn--mobile\">\n <a\n role=\"button\"\n class=\"MeSvgTxtCtaMot__btn--mobile-links js-active-modal\"\n data-modal_name=\"menu\"\n (click)=\"handleOpenFromEvent($event)\"\n >\n <span>Menu</span>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"MeSvgTxtCtaMot__btn--mobile-links-iconMenu\"\n >\n <use\n href=\"/assets/babylon/svg/menu-icon-2.svg#menu-icon-2\"\n ></use>\n </svg>\n </a>\n <a href=\"\" class=\"MeSvgTxtCtaMot__btn--mobile-links btn btn__primary\"\n ><span>Book Now</span></a\n >\n </div>\n</header>\n\n<div class=\"modal modal__menu\" #modalMenu>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"menu\"\n role=\"button\"\n (click)=\"handleCloseFromEvent($event)\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/close-icon.svg#close-icon\"></use>\n </svg>\n </div>\n <a href=\"\">\n <span class=\"modal__logo\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-logo.svg#canbordoy-logo\"\n ></use>\n </svg>\n </span>\n </a>\n <div class=\"modal__menu-nav\">\n <ul class=\"modal__menu-nav--links\">\n <li>\n <a href=\"/\"><span>Grand House</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gallery</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Accommodation</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gastronomy</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Spa</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Palma</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Blog</span></a>\n </li>\n </ul>\n <ul class=\"modal__menu-nav--icons\">\n <li class=\"modal__menu-nav--icons-newsletter\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/mail-icon.svg#mail-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"modal__menu-nav--icons-language\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/globe-icon.svg#globe-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"modal__menu-nav--icons-agencies\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/agencies-icon.svg#agencies-icon\"\n ></use>\n </svg>\n </span>\n </li>\n </ul>\n </div>\n </div>\n</div>\n", styles: [".mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}:root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.MeSvgTxtCtaMot{position:fixed;inset:0 0 auto;margin-top:3rem;display:flex;align-items:center;justify-content:center;z-index:9;transition:all .5s;background:transparent;border-bottom:1px solid transparent}@media (min-width: 540px){.MeSvgTxtCtaMot{margin-top:4.2rem}}@media (min-width: 768px){.MeSvgTxtCtaMot{margin-top:4.9rem;opacity:1}}@media (min-width: 1024px){.MeSvgTxtCtaMot{gap:3.1rem;justify-content:space-between;padding-inline:5rem;height:5.5rem}}@media (min-width: 1366px){.MeSvgTxtCtaMot{padding-inline:4.5rem 4rem}}@media (min-width: 1680px){.MeSvgTxtCtaMot{gap:5.2rem}}.MeSvgTxtCtaMot__logo{min-height:100%;display:flex;transition:all .5s;align-items:center;justify-content:center;order:2;width:100%;border-bottom:1px solid transparent;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (min-width: 1024px){.MeSvgTxtCtaMot__logo{width:auto}}@media (min-width: 1280px){.MeSvgTxtCtaMot__logo{order:unset}}@media (min-width: 1366px){.MeSvgTxtCtaMot__logo{left:4.5rem;transform:translate(0)}}.MeSvgTxtCtaMot__logo--img,.MeSvgTxtCtaMot__logo--sticky{transition:all .5s;display:block}.MeSvgTxtCtaMot__logo--img:focus,.MeSvgTxtCtaMot__logo--sticky:focus{outline:none}.MeSvgTxtCtaMot__logo--img svg,.MeSvgTxtCtaMot__logo--sticky svg{width:100%;height:100%}.MeSvgTxtCtaMot__logo--img{opacity:1;color:#fff;position:relative;width:21rem;aspect-ratio:210/63}@media (min-width: 540px){.MeSvgTxtCtaMot__logo--img{width:26.4rem}}@media (min-width: 768px){.MeSvgTxtCtaMot__logo--img{width:28.6rem}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot__logo--img{width:22.8rem}}.MeSvgTxtCtaMot__logo--sticky{opacity:0;position:absolute;left:50%;transform:translate(-50%,1.3rem);bottom:0;aspect-ratio:47/60;width:4.7rem}@media (min-width: 540px){.MeSvgTxtCtaMot__logo--sticky{width:5.9rem;transform:translate(-50%,2.1rem)}}@media (min-width: 768px){.MeSvgTxtCtaMot__logo--sticky{transform:translate(-50%,2.2rem);width:6.8rem}}@media (min-width: 1366px){.MeSvgTxtCtaMot__logo--sticky{left:0;transform:translateY(2.2rem)}}.MeSvgTxtCtaMot__nav{display:flex;align-items:center;order:1;gap:3.2rem}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav{margin-left:auto;order:unset}}@media (min-width: 1680px){.MeSvgTxtCtaMot__nav{gap:6.7rem}}.MeSvgTxtCtaMot__nav-links{display:none;font-weight:500;gap:1.8rem;font-size:1.6rem;line-height:1;letter-spacing:.02em;text-transform:uppercase}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav-links{display:flex}}@media (min-width: 1680px){.MeSvgTxtCtaMot__nav-links{gap:3rem;letter-spacing:.1em}}.MeSvgTxtCtaMot__nav-links a{color:#fff;transition:all .5s}.MeSvgTxtCtaMot__nav-icons{display:flex;gap:1.8rem}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons{gap:3rem}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot__nav-icons{position:fixed;bottom:8.2rem;left:50%;transform:translate(-50%);padding-inline:1.2rem;background:#62626299;border-radius:100vw}}@media (max-width: 767.98px){.MeSvgTxtCtaMot__nav-icons{bottom:6.4rem}}.MeSvgTxtCtaMot__nav-icons li{color:#fff;transition:all .5s}.MeSvgTxtCtaMot__nav-icons li svg{width:2rem;aspect-ratio:1}.MeSvgTxtCtaMot__nav-icons li>span{width:4rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons li>span{width:2.4rem}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot__nav-icons--menu{display:none!important}}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav-icons--menu{display:none!important}}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--agencies{display:none!important}}.MeSvgTxtCtaMot__nav-icons--agencies svg{width:2.6rem!important}.MeSvgTxtCtaMot__nav-icons--name{font-size:1.4rem;line-height:1.4285714286}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--name{display:none}}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--call{display:none}}.MeSvgTxtCtaMot .btn span{width:100%}.MeSvgTxtCtaMot__btn{display:none;position:relative}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn{display:flex;order:3}}@media (min-width: 1366px){.MeSvgTxtCtaMot__btn{order:unset}}.MeSvgTxtCtaMot__btn .btn{text-transform:uppercase;font-weight:500;height:5.5rem}@media (min-width: 1280px){.MeSvgTxtCtaMot__btn .btn{width:26rem}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot__btn .btn{width:20rem}}.MeSvgTxtCtaMot__btn .btn span{font-size:2rem;line-height:1;width:100%}.MeSvgTxtCtaMot__btn .btn__link{display:none;color:#fff;text-transform:uppercase;background:transparent;font-weight:500;font-size:1.6rem;line-height:.625;letter-spacing:.1em;width:18rem;text-align:center}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn .btn__link{display:block;position:absolute;left:50%;top:calc(100% + 1.3rem);transform:translate(-50%)}}@media (min-width: 1680px){.MeSvgTxtCtaMot__btn .btn__link{top:calc(100% + 1.9rem)}}.MeSvgTxtCtaMot__btn .btn__link:after{display:none}.MeSvgTxtCtaMot__btn--mobile{display:flex;position:fixed;inset:auto 0 0;border-top:1px solid #f9f8f5;height:5.4rem;transition:all .5s;background:#fff}@media (min-width: 768px){.MeSvgTxtCtaMot__btn--mobile{height:7rem}}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn--mobile{display:none}}.MeSvgTxtCtaMot__btn--mobile-links{flex:1 0 0;display:flex;align-items:center;gap:1rem;font-weight:500;justify-content:center;text-transform:uppercase;font-size:1.8rem;line-height:1.5555555556;letter-spacing:.1em;height:auto}@media (min-width: 540px){.MeSvgTxtCtaMot__btn--mobile-links{gap:1.4rem}}.MeSvgTxtCtaMot__btn--mobile-links-iconMenu{width:1.8rem;height:1.2rem}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-links a,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-links a:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a:hover{color:#fff}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-icons li{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-icons li:hover{color:#fff}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link:hover{color:#fff}.MeSvgTxtCtaMot.header__sticky{margin-top:0}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky{height:8rem;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#e6e3dd}}@media (min-width: 1680px){.MeSvgTxtCtaMot.header__sticky{height:9rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{height:7.7rem}@media (min-width: 768px) and (max-width: 1023.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{height:8.6rem}}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{background:transparent;width:auto;-webkit-backdrop-filter:unset;backdrop-filter:unset;border-width:0}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{background:#fff;border-color:#e6e3dd}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo--img{opacity:0}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo--sticky{opacity:1;color:#52504e}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links{gap:2.5rem;letter-spacing:.05em}@media (min-width: 1680px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links{gap:3rem;letter-spacing:.1em}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links a{color:#626262}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-icons li{color:#626262}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn{width:26rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link{color:#fff;background:#52504e4d}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link{padding:1rem 2.4rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link:hover{background:#b3916eb3}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a:hover{color:#626262}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li:hover{color:#626262}}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link{color:#fff}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);padding:1rem 1.6rem .8rem;color:#52504e;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;font-weight:500;font-size:1.4rem;line-height:.7142857143;letter-spacing:.05em;inset:100% auto auto 50%;translate:-50%;transition:all .5s;position:absolute;background-color:#fff;margin-top:2rem;border-radius:1px;border:1px solid #e6e3dd}.tooltip:after{content:\"\";pointer-events:none;opacity:0;position:absolute;margin-top:2.1rem;top:100%;left:50%;bottom:auto;transition:all .5s;translate:-50% -100%;border-width:0 7px 7px;border-style:solid;border-color:transparent transparent #ffffff transparent}.tooltip:hover:before,.tooltip:hover:after{pointer-events:inherit;opacity:1}.modal{position:fixed;z-index:91;overflow-y:auto;left:0;top:0;width:100%;bottom:0;opacity:0;pointer-events:none;transition:all .5s}.modal__close{position:fixed;top:2rem;right:2rem;width:1.7rem;aspect-ratio:1;transition:all .5s;color:#626262;display:flex;align-items:center;justify-content:center;z-index:1}@media (min-width: 540px){.modal__close{top:4.1rem;right:4rem}}.modal__close svg{width:100%;height:100%}.modal__close:hover{border-radius:100%}.modal--open{overflow:hidden}.modal.modal__menu{background:#fff;display:flex;isolation:isolate}.modal--open.menu .modal.modal__menu,.modal.modal--open{opacity:1;pointer-events:auto}.modal.modal__menu .modal__inner{padding:3rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 540px){.modal.modal__menu .modal__inner{padding:4.3rem}}@media (min-width: 768px){.modal.modal__menu .modal__inner{padding:5rem;gap:2rem}}.modal.modal__menu .modal__logo{width:21rem;color:#626262;aspect-ratio:210/63;display:block}@media (min-width: 540px){.modal.modal__menu .modal__logo{width:26.4rem}}@media (min-width: 768px){.modal.modal__menu .modal__logo{width:28.6rem}}.modal.modal__menu .modal__logo svg{width:100%;height:100%}.modal.modal__menu .modal__menu-nav{width:30rem;max-width:100%;display:flex;flex-direction:column;gap:2.6rem}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav{width:40rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav{width:50rem}}.modal.modal__menu .modal__menu-nav--links{text-align:center}.modal.modal__menu .modal__menu-nav--links li{display:block;border-bottom:1px solid #e6e3dd}.modal.modal__menu .modal__menu-nav--links li a{display:block;padding-block:2.6rem;font-size:1.6rem;line-height:.6875;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .5s;color:#626262}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav--links li a{padding-block:3.2rem}}.modal.modal__menu .modal__menu-nav--links li a:hover{color:#a37d56}.modal.modal__menu .modal__menu-nav--icons{display:flex;justify-content:center;align-items:center;gap:5rem;color:#b3916e}.modal.modal__menu .modal__menu-nav--icons li{aspect-ratio:1}.modal.modal__menu .modal__menu-nav--icons li svg{width:100%;height:100%}.modal.modal__menu .modal__menu-nav--icons-newsletter{width:2.2rem}.modal.modal__menu .modal__menu-nav--icons-language{width:2rem}.modal.modal__menu .modal__menu-nav--icons-agencies{width:2.6rem}\n"] }); }
1118
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonHeMeSvgTextCtaMotComponent, isStandalone: true, selector: "lib-babylon-he-me-svg-text-cta-mot", host: { listeners: { "window:scroll": "onWindowScroll()" } }, viewQueries: [{ propertyName: "mainHeader", first: true, predicate: ["mainHeader"], descendants: true, static: true }, { propertyName: "modalMenu", first: true, predicate: ["modalMenu"], descendants: true, static: true }], ngImport: i0, template: "<header #mainHeader class=\"MeSvgTxtCtaMot\">\n <div class=\"MeSvgTxtCtaMot__logo\">\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--img\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-logo.svg#canbordoy-logo\"\n ></use>\n </svg>\n </a>\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--sticky\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-icon-logo.svg#canbordoy-icon-logo\"\n ></use>\n </svg>\n </a>\n </div>\n <div class=\"MeSvgTxtCtaMot__nav\">\n <ul class=\"MeSvgTxtCtaMot__nav-links\">\n <li>\n <a href=\"/\"><span>Grand House</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gallery</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Accommodation</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gastronomy</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Spa</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Palma</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Blog</span></a>\n </li>\n <li>\n <a\n role=\"button\"\n class=\"js-active-modal\"\n data-modal_name=\"discover\"\n (click)=\"openDiscoverModal()\"\n ><span>Descubre</span>\n </a>\n </li>\n </ul>\n <ul class=\"MeSvgTxtCtaMot__nav-icons\">\n <li\n role=\"button\"\n class=\"MeSvgTxtCtaMot__nav-icons--menu js-active-modal\"\n data-modal_name=\"menu\"\n (click)=\"handleOpenFromEvent($event)\"\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\">\n <span data-tooltip=\"Newsletter\">\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\">\n <span data-tooltip=\"Language\">\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;display:inline-flex;align-items:center;justify-content:center}.tooltip:before{content:attr(data-tooltip);position:absolute;top:calc(100% + 1.2rem);left:50%;transform:translate(-50%);padding:1rem 1.6rem .8rem;background-color:#fff;border-radius:1px;border:1px solid #e6e3dd;color:#52504e;text-transform:uppercase;white-space:nowrap;font-weight:500;font-size:1.4rem;line-height:.7142857143;letter-spacing:.05em;opacity:0;pointer-events:none;z-index:9999;transition:all .5s}.tooltip:after{content:\"\";position:absolute;top:calc(100% + 1.2rem);left:50%;transform:translate(-50%,-100%);border-width:0 7px 7px;border-style:solid;border-color:transparent transparent #ffffff transparent;opacity:0;pointer-events:none;z-index:9999;transition:all .5s}.tooltip:hover:before,.tooltip:hover:after{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}@media (max-width: 1024px){:host-context(.modal--open) .MeSvgTxtCtaMot{display:none!important}}.MeSvgTxtCtaMot__nav-icons li>span[data-tooltip]{position:relative}.MeSvgTxtCtaMot__nav-icons li>span[data-tooltip]:before{content:attr(data-tooltip);position:absolute;top:calc(100% + 1.2rem);left:50%;transform:translate(-50%);padding:1rem 1.6rem .8rem;background-color:#fff;border-radius:1px;border:1px solid #e6e3dd;color:#52504e;text-transform:uppercase;white-space:nowrap;font-weight:500;font-size:1.4rem;line-height:.7142857143;letter-spacing:.05em;opacity:0;pointer-events:none;z-index:9999;transition:all .5s}.MeSvgTxtCtaMot__nav-icons li>span[data-tooltip]:after{content:\"\";position:absolute;top:calc(100% + 1.2rem);left:50%;transform:translate(-50%,-100%);border-width:0 7px 7px;border-style:solid;border-color:transparent transparent #ffffff transparent;opacity:0;pointer-events:none;z-index:9999;transition:all .5s}.MeSvgTxtCtaMot__nav-icons li>span[data-tooltip]:hover:before,.MeSvgTxtCtaMot__nav-icons li>span[data-tooltip]:hover:after{opacity:1}\n"] }); }
1066
1119
  }
1067
1120
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonHeMeSvgTextCtaMotComponent, decorators: [{
1068
1121
  type: Component,
1069
- args: [{ selector: 'lib-babylon-he-me-svg-text-cta-mot', standalone: true, imports: [], template: "<header #mainHeader class=\"MeSvgTxtCtaMot\">\n <div class=\"MeSvgTxtCtaMot__logo\">\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--img\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-logo.svg#canbordoy-logo\"\n ></use>\n </svg>\n </a>\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--sticky\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-icon-logo.svg#canbordoy-icon-logo\"\n ></use>\n </svg>\n </a>\n </div>\n <div class=\"MeSvgTxtCtaMot__nav\">\n <ul class=\"MeSvgTxtCtaMot__nav-links\">\n <li>\n <a href=\"/\"><span>Grand House</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gallery</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Accommodation</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gastronomy</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Spa</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Palma</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Blog</span></a>\n </li>\n <li>\n <a\n role=\"button\"\n class=\"js-active-modal\"\n data-modal_name=\"discover\"\n (click)=\"openDiscoverModal()\"\n ><span>Descubre</span>\n </a>\n </li>\n </ul>\n <ul class=\"MeSvgTxtCtaMot__nav-icons\">\n <li\n role=\"button\"\n class=\"MeSvgTxtCtaMot__nav-icons--menu js-active-modal\"\n data-modal_name=\"menu\"\n >\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/menu-icon.svg#menu-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li role=\"button\" class=\"tooltip\" data-tooltip=\"Newsletter\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/mail-icon.svg#mail-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li role=\"button\" class=\"tooltip\" data-tooltip=\"Language\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/globe-icon.svg#globe-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"MeSvgTxtCtaMot__nav-icons--agencies\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/agencies-icon.svg#agencies-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"MeSvgTxtCtaMot__nav-icons--call\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/call-icon.svg#call-icon\"\n ></use>\n </svg>\n </span>\n </li>\n </ul>\n </div>\n <div class=\"MeSvgTxtCtaMot__btn\">\n <a href=\"\" class=\"btn btn__primary\"><span>Book Now</span></a>\n <a href=\"\" class=\"btn__link\"><span>Agencies</span></a>\n </div>\n <div class=\"MeSvgTxtCtaMot__btn--mobile\">\n <a\n role=\"button\"\n class=\"MeSvgTxtCtaMot__btn--mobile-links js-active-modal\"\n data-modal_name=\"menu\"\n (click)=\"handleOpenFromEvent($event)\"\n >\n <span>Menu</span>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"MeSvgTxtCtaMot__btn--mobile-links-iconMenu\"\n >\n <use\n href=\"/assets/babylon/svg/menu-icon-2.svg#menu-icon-2\"\n ></use>\n </svg>\n </a>\n <a href=\"\" class=\"MeSvgTxtCtaMot__btn--mobile-links btn btn__primary\"\n ><span>Book Now</span></a\n >\n </div>\n</header>\n\n<div class=\"modal modal__menu\" #modalMenu>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n data-modal_name=\"menu\"\n role=\"button\"\n (click)=\"handleCloseFromEvent($event)\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use href=\"/assets/babylon/svg/close-icon.svg#close-icon\"></use>\n </svg>\n </div>\n <a href=\"\">\n <span class=\"modal__logo\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-logo.svg#canbordoy-logo\"\n ></use>\n </svg>\n </span>\n </a>\n <div class=\"modal__menu-nav\">\n <ul class=\"modal__menu-nav--links\">\n <li>\n <a href=\"/\"><span>Grand House</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gallery</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Accommodation</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gastronomy</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Spa</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Palma</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Blog</span></a>\n </li>\n </ul>\n <ul class=\"modal__menu-nav--icons\">\n <li class=\"modal__menu-nav--icons-newsletter\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/mail-icon.svg#mail-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"modal__menu-nav--icons-language\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/globe-icon.svg#globe-icon\"\n ></use>\n </svg>\n </span>\n </li>\n <li class=\"modal__menu-nav--icons-agencies\" role=\"button\">\n <span>\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/agencies-icon.svg#agencies-icon\"\n ></use>\n </svg>\n </span>\n </li>\n </ul>\n </div>\n </div>\n</div>\n", styles: [".mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}:root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.MeSvgTxtCtaMot{position:fixed;inset:0 0 auto;margin-top:3rem;display:flex;align-items:center;justify-content:center;z-index:9;transition:all .5s;background:transparent;border-bottom:1px solid transparent}@media (min-width: 540px){.MeSvgTxtCtaMot{margin-top:4.2rem}}@media (min-width: 768px){.MeSvgTxtCtaMot{margin-top:4.9rem;opacity:1}}@media (min-width: 1024px){.MeSvgTxtCtaMot{gap:3.1rem;justify-content:space-between;padding-inline:5rem;height:5.5rem}}@media (min-width: 1366px){.MeSvgTxtCtaMot{padding-inline:4.5rem 4rem}}@media (min-width: 1680px){.MeSvgTxtCtaMot{gap:5.2rem}}.MeSvgTxtCtaMot__logo{min-height:100%;display:flex;transition:all .5s;align-items:center;justify-content:center;order:2;width:100%;border-bottom:1px solid transparent;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (min-width: 1024px){.MeSvgTxtCtaMot__logo{width:auto}}@media (min-width: 1280px){.MeSvgTxtCtaMot__logo{order:unset}}@media (min-width: 1366px){.MeSvgTxtCtaMot__logo{left:4.5rem;transform:translate(0)}}.MeSvgTxtCtaMot__logo--img,.MeSvgTxtCtaMot__logo--sticky{transition:all .5s;display:block}.MeSvgTxtCtaMot__logo--img:focus,.MeSvgTxtCtaMot__logo--sticky:focus{outline:none}.MeSvgTxtCtaMot__logo--img svg,.MeSvgTxtCtaMot__logo--sticky svg{width:100%;height:100%}.MeSvgTxtCtaMot__logo--img{opacity:1;color:#fff;position:relative;width:21rem;aspect-ratio:210/63}@media (min-width: 540px){.MeSvgTxtCtaMot__logo--img{width:26.4rem}}@media (min-width: 768px){.MeSvgTxtCtaMot__logo--img{width:28.6rem}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot__logo--img{width:22.8rem}}.MeSvgTxtCtaMot__logo--sticky{opacity:0;position:absolute;left:50%;transform:translate(-50%,1.3rem);bottom:0;aspect-ratio:47/60;width:4.7rem}@media (min-width: 540px){.MeSvgTxtCtaMot__logo--sticky{width:5.9rem;transform:translate(-50%,2.1rem)}}@media (min-width: 768px){.MeSvgTxtCtaMot__logo--sticky{transform:translate(-50%,2.2rem);width:6.8rem}}@media (min-width: 1366px){.MeSvgTxtCtaMot__logo--sticky{left:0;transform:translateY(2.2rem)}}.MeSvgTxtCtaMot__nav{display:flex;align-items:center;order:1;gap:3.2rem}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav{margin-left:auto;order:unset}}@media (min-width: 1680px){.MeSvgTxtCtaMot__nav{gap:6.7rem}}.MeSvgTxtCtaMot__nav-links{display:none;font-weight:500;gap:1.8rem;font-size:1.6rem;line-height:1;letter-spacing:.02em;text-transform:uppercase}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav-links{display:flex}}@media (min-width: 1680px){.MeSvgTxtCtaMot__nav-links{gap:3rem;letter-spacing:.1em}}.MeSvgTxtCtaMot__nav-links a{color:#fff;transition:all .5s}.MeSvgTxtCtaMot__nav-icons{display:flex;gap:1.8rem}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons{gap:3rem}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot__nav-icons{position:fixed;bottom:8.2rem;left:50%;transform:translate(-50%);padding-inline:1.2rem;background:#62626299;border-radius:100vw}}@media (max-width: 767.98px){.MeSvgTxtCtaMot__nav-icons{bottom:6.4rem}}.MeSvgTxtCtaMot__nav-icons li{color:#fff;transition:all .5s}.MeSvgTxtCtaMot__nav-icons li svg{width:2rem;aspect-ratio:1}.MeSvgTxtCtaMot__nav-icons li>span{width:4rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons li>span{width:2.4rem}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot__nav-icons--menu{display:none!important}}@media (min-width: 1366px){.MeSvgTxtCtaMot__nav-icons--menu{display:none!important}}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--agencies{display:none!important}}.MeSvgTxtCtaMot__nav-icons--agencies svg{width:2.6rem!important}.MeSvgTxtCtaMot__nav-icons--name{font-size:1.4rem;line-height:1.4285714286}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--name{display:none}}@media (min-width: 1024px){.MeSvgTxtCtaMot__nav-icons--call{display:none}}.MeSvgTxtCtaMot .btn span{width:100%}.MeSvgTxtCtaMot__btn{display:none;position:relative}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn{display:flex;order:3}}@media (min-width: 1366px){.MeSvgTxtCtaMot__btn{order:unset}}.MeSvgTxtCtaMot__btn .btn{text-transform:uppercase;font-weight:500;height:5.5rem}@media (min-width: 1280px){.MeSvgTxtCtaMot__btn .btn{width:26rem}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot__btn .btn{width:20rem}}.MeSvgTxtCtaMot__btn .btn span{font-size:2rem;line-height:1;width:100%}.MeSvgTxtCtaMot__btn .btn__link{display:none;color:#fff;text-transform:uppercase;background:transparent;font-weight:500;font-size:1.6rem;line-height:.625;letter-spacing:.1em;width:18rem;text-align:center}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn .btn__link{display:block;position:absolute;left:50%;top:calc(100% + 1.3rem);transform:translate(-50%)}}@media (min-width: 1680px){.MeSvgTxtCtaMot__btn .btn__link{top:calc(100% + 1.9rem)}}.MeSvgTxtCtaMot__btn .btn__link:after{display:none}.MeSvgTxtCtaMot__btn--mobile{display:flex;position:fixed;inset:auto 0 0;border-top:1px solid #f9f8f5;height:5.4rem;transition:all .5s;background:#fff}@media (min-width: 768px){.MeSvgTxtCtaMot__btn--mobile{height:7rem}}@media (min-width: 1024px){.MeSvgTxtCtaMot__btn--mobile{display:none}}.MeSvgTxtCtaMot__btn--mobile-links{flex:1 0 0;display:flex;align-items:center;gap:1rem;font-weight:500;justify-content:center;text-transform:uppercase;font-size:1.8rem;line-height:1.5555555556;letter-spacing:.1em;height:auto}@media (min-width: 540px){.MeSvgTxtCtaMot__btn--mobile-links{gap:1.4rem}}.MeSvgTxtCtaMot__btn--mobile-links-iconMenu{width:1.8rem;height:1.2rem}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-links a,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-links a:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-links a:hover{color:#fff}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-icons li{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__nav-icons li:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__nav-icons li:hover{color:#fff}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link{color:#fff9}.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link:hover,.MeSvgTxtCtaMot:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link:hover{color:#fff}.MeSvgTxtCtaMot.header__sticky{margin-top:0}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky{height:8rem;background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#e6e3dd}}@media (min-width: 1680px){.MeSvgTxtCtaMot.header__sticky{height:9rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{height:7.7rem}@media (min-width: 768px) and (max-width: 1023.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{height:8.6rem}}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{background:transparent;width:auto;-webkit-backdrop-filter:unset;backdrop-filter:unset;border-width:0}}@media (max-width: 1023.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo{background:#fff;border-color:#e6e3dd}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo--img{opacity:0}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__logo--sticky{opacity:1;color:#52504e}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links{gap:2.5rem;letter-spacing:.05em}@media (min-width: 1680px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links{gap:3rem;letter-spacing:.1em}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-links a{color:#626262}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__nav-icons li{color:#626262}}@media (min-width: 1366px) and (max-width: 1679.98px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn{width:26rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link{color:#fff;background:#52504e4d}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link{padding:1rem 2.4rem}}.MeSvgTxtCtaMot.header__sticky .MeSvgTxtCtaMot__btn .btn__link:hover{background:#b3916eb3}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav-links a:hover{color:#626262}@media (min-width: 1024px){.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li{color:#62626299}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li:hover,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot .MeSvgTxtCtaMot__nav .MeSvgTxtCtaMot-icons li:hover{color:#626262}}.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__nav:hover) .MeSvgTxtCtaMot__btn .btn__link,.MeSvgTxtCtaMot.header__sticky:has(.MeSvgTxtCtaMot__btn:hover) .MeSvgTxtCtaMot__btn .btn__link{color:#fff}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);padding:1rem 1.6rem .8rem;color:#52504e;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;font-weight:500;font-size:1.4rem;line-height:.7142857143;letter-spacing:.05em;inset:100% auto auto 50%;translate:-50%;transition:all .5s;position:absolute;background-color:#fff;margin-top:2rem;border-radius:1px;border:1px solid #e6e3dd}.tooltip:after{content:\"\";pointer-events:none;opacity:0;position:absolute;margin-top:2.1rem;top:100%;left:50%;bottom:auto;transition:all .5s;translate:-50% -100%;border-width:0 7px 7px;border-style:solid;border-color:transparent transparent #ffffff transparent}.tooltip:hover:before,.tooltip:hover:after{pointer-events:inherit;opacity:1}.modal{position:fixed;z-index:91;overflow-y:auto;left:0;top:0;width:100%;bottom:0;opacity:0;pointer-events:none;transition:all .5s}.modal__close{position:fixed;top:2rem;right:2rem;width:1.7rem;aspect-ratio:1;transition:all .5s;color:#626262;display:flex;align-items:center;justify-content:center;z-index:1}@media (min-width: 540px){.modal__close{top:4.1rem;right:4rem}}.modal__close svg{width:100%;height:100%}.modal__close:hover{border-radius:100%}.modal--open{overflow:hidden}.modal.modal__menu{background:#fff;display:flex;isolation:isolate}.modal--open.menu .modal.modal__menu,.modal.modal--open{opacity:1;pointer-events:auto}.modal.modal__menu .modal__inner{padding:3rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 540px){.modal.modal__menu .modal__inner{padding:4.3rem}}@media (min-width: 768px){.modal.modal__menu .modal__inner{padding:5rem;gap:2rem}}.modal.modal__menu .modal__logo{width:21rem;color:#626262;aspect-ratio:210/63;display:block}@media (min-width: 540px){.modal.modal__menu .modal__logo{width:26.4rem}}@media (min-width: 768px){.modal.modal__menu .modal__logo{width:28.6rem}}.modal.modal__menu .modal__logo svg{width:100%;height:100%}.modal.modal__menu .modal__menu-nav{width:30rem;max-width:100%;display:flex;flex-direction:column;gap:2.6rem}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav{width:40rem}}@media (min-width: 768px){.modal.modal__menu .modal__menu-nav{width:50rem}}.modal.modal__menu .modal__menu-nav--links{text-align:center}.modal.modal__menu .modal__menu-nav--links li{display:block;border-bottom:1px solid #e6e3dd}.modal.modal__menu .modal__menu-nav--links li a{display:block;padding-block:2.6rem;font-size:1.6rem;line-height:.6875;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .5s;color:#626262}@media (min-width: 540px){.modal.modal__menu .modal__menu-nav--links li a{padding-block:3.2rem}}.modal.modal__menu .modal__menu-nav--links li a:hover{color:#a37d56}.modal.modal__menu .modal__menu-nav--icons{display:flex;justify-content:center;align-items:center;gap:5rem;color:#b3916e}.modal.modal__menu .modal__menu-nav--icons li{aspect-ratio:1}.modal.modal__menu .modal__menu-nav--icons li svg{width:100%;height:100%}.modal.modal__menu .modal__menu-nav--icons-newsletter{width:2.2rem}.modal.modal__menu .modal__menu-nav--icons-language{width:2rem}.modal.modal__menu .modal__menu-nav--icons-agencies{width:2.6rem}\n"] }]
1122
+ args: [{ selector: 'lib-babylon-he-me-svg-text-cta-mot', standalone: true, imports: [], template: "<header #mainHeader class=\"MeSvgTxtCtaMot\">\n <div class=\"MeSvgTxtCtaMot__logo\">\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--img\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-logo.svg#canbordoy-logo\"\n ></use>\n </svg>\n </a>\n <a href=\"\" class=\"MeSvgTxtCtaMot__logo--sticky\">\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/canbordoy-icon-logo.svg#canbordoy-icon-logo\"\n ></use>\n </svg>\n </a>\n </div>\n <div class=\"MeSvgTxtCtaMot__nav\">\n <ul class=\"MeSvgTxtCtaMot__nav-links\">\n <li>\n <a href=\"/\"><span>Grand House</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gallery</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Accommodation</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Gastronomy</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Spa</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Palma</span></a>\n </li>\n <li>\n <a href=\"/\"><span>Blog</span></a>\n </li>\n <li>\n <a\n role=\"button\"\n class=\"js-active-modal\"\n data-modal_name=\"discover\"\n (click)=\"openDiscoverModal()\"\n ><span>Descubre</span>\n </a>\n </li>\n </ul>\n <ul class=\"MeSvgTxtCtaMot__nav-icons\">\n <li\n role=\"button\"\n class=\"MeSvgTxtCtaMot__nav-icons--menu js-active-modal\"\n data-modal_name=\"menu\"\n (click)=\"handleOpenFromEvent($event)\"\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\">\n <span data-tooltip=\"Newsletter\">\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\">\n <span data-tooltip=\"Language\">\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;display:inline-flex;align-items:center;justify-content:center}.tooltip:before{content:attr(data-tooltip);position:absolute;top:calc(100% + 1.2rem);left:50%;transform:translate(-50%);padding:1rem 1.6rem .8rem;background-color:#fff;border-radius:1px;border:1px solid #e6e3dd;color:#52504e;text-transform:uppercase;white-space:nowrap;font-weight:500;font-size:1.4rem;line-height:.7142857143;letter-spacing:.05em;opacity:0;pointer-events:none;z-index:9999;transition:all .5s}.tooltip:after{content:\"\";position:absolute;top:calc(100% + 1.2rem);left:50%;transform:translate(-50%,-100%);border-width:0 7px 7px;border-style:solid;border-color:transparent transparent #ffffff transparent;opacity:0;pointer-events:none;z-index:9999;transition:all .5s}.tooltip:hover:before,.tooltip:hover:after{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}@media (max-width: 1024px){:host-context(.modal--open) .MeSvgTxtCtaMot{display:none!important}}.MeSvgTxtCtaMot__nav-icons li>span[data-tooltip]{position:relative}.MeSvgTxtCtaMot__nav-icons li>span[data-tooltip]:before{content:attr(data-tooltip);position:absolute;top:calc(100% + 1.2rem);left:50%;transform:translate(-50%);padding:1rem 1.6rem .8rem;background-color:#fff;border-radius:1px;border:1px solid #e6e3dd;color:#52504e;text-transform:uppercase;white-space:nowrap;font-weight:500;font-size:1.4rem;line-height:.7142857143;letter-spacing:.05em;opacity:0;pointer-events:none;z-index:9999;transition:all .5s}.MeSvgTxtCtaMot__nav-icons li>span[data-tooltip]:after{content:\"\";position:absolute;top:calc(100% + 1.2rem);left:50%;transform:translate(-50%,-100%);border-width:0 7px 7px;border-style:solid;border-color:transparent transparent #ffffff transparent;opacity:0;pointer-events:none;z-index:9999;transition:all .5s}.MeSvgTxtCtaMot__nav-icons li>span[data-tooltip]:hover:before,.MeSvgTxtCtaMot__nav-icons li>span[data-tooltip]:hover:after{opacity:1}\n"] }]
1070
1123
  }], ctorParameters: () => [{ type: i1$2.MatDialog }, { type: Document, decorators: [{
1071
1124
  type: Inject,
1072
1125
  args: [DOCUMENT]
@@ -2942,6 +2995,56 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
2942
2995
  args: ['tabsRoot', { static: true }]
2943
2996
  }] } });
2944
2997
 
2998
+ class BabylonMapTxtComponent {
2999
+ constructor(platformId) {
3000
+ this.platformId = platformId;
3001
+ // desplegable "more/less"
3002
+ this.isExpanded = false;
3003
+ // nombre del modal activo (por si más adelante hay varios)
3004
+ this.activeModal = null;
3005
+ }
3006
+ // ====== MORE / LESS ======
3007
+ toggleMoreLess() {
3008
+ this.isExpanded = !this.isExpanded;
3009
+ }
3010
+ // ====== MODALES ======
3011
+ openModal(name) {
3012
+ this.activeModal = name;
3013
+ this.syncBodyClasses();
3014
+ }
3015
+ closeModal(name) {
3016
+ if (this.activeModal === name) {
3017
+ this.activeModal = null;
3018
+ this.syncBodyClasses();
3019
+ }
3020
+ }
3021
+ syncBodyClasses() {
3022
+ if (!isPlatformBrowser(this.platformId))
3023
+ return;
3024
+ const body = document.body;
3025
+ const mapModal = this.mapModal?.nativeElement;
3026
+ // limpia clases conocidas (si luego tienes más modales añade aquí)
3027
+ body.classList.remove('modal--open', 'mapInfo-1');
3028
+ mapModal.classList.remove('modal--open', 'mapInfo-1');
3029
+ if (this.activeModal) {
3030
+ body.classList.add('modal--open', this.activeModal);
3031
+ mapModal.classList.add('modal--open', this.activeModal);
3032
+ }
3033
+ }
3034
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonMapTxtComponent, deps: [{ token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
3035
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonMapTxtComponent, isStandalone: true, selector: "lib-babylon-map-txt", viewQueries: [{ propertyName: "mapModal", first: true, predicate: ["mapModal"], descendants: true, static: true }], ngImport: i0, template: "<section class=\"CanBordoy-Map\" [class.moreLess--active]=\"isExpanded\">\n <div class=\"CanBordoy-Map__heading\">\n <h2>Located in Palma\u2019s Old Town</h2>\n <p>palma around Can Bordoy</p>\n <span class=\"CanBordoy-Map__icon-btn\">\n <svg\n aria-hidden=\"true\"\n class=\"CanBordoy-Map__icon-btn--graphic\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/heading_graphic.svg#heading_graphic\"\n ></use>\n </svg>\n <span\n class=\"CanBordoy-Map__icon-btn--plus btn__moreLess\"\n role=\"button\"\n (click)=\"toggleMoreLess()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </span>\n </div>\n\n <div class=\"more-content\">\n <div>\n <div class=\"CanBordoy-Map__dropDown\">\n <div class=\"CanBordoy-Map__dropDown--list\">\n <div class=\"CanBordoy-Map__dropDown--item\">\n <h3>\n Luxury Accommodation\n <span>Can Bordoy</span>\n </h3>\n <p>\n Many desktop publishing packages and web page\n editors now use Lorem Ipsum as their default model\n text, and a search for lorem ipsum will uncover many\n web sites still in their infancy. It is a long\n established fact that a reader will be distracted by\n the readable content of a page when looking at its\n layout the point of using Lorem Ipsum is that it has\n a more orless normal distribution.\n </p>\n </div>\n <div class=\"CanBordoy-Map__dropDown--item\">\n <h3>\n Palma's Old Town\n <span>Can Bordoy</span>\n </h3>\n <p>\n Many desktop publishing packages and web page\n editors now use Lorem Ipsum as their default model\n text, and a search for lorem ipsum will uncover many\n web sites still in their infancy. It is a long\n established fact that a reader will be distracted by\n the readable content of a page when looking at its\n layout the point of using Lorem Ipsum is that it has\n a more orless normal distribution.\n </p>\n </div>\n <div class=\"CanBordoy-Map__dropDown--item\">\n <h3>\n Monuments\n <span>Can Bordoy</span>\n </h3>\n <p>\n Many desktop publishing packages and web page\n editors now use Lorem Ipsum as their default model\n text, and a search for lorem ipsum will uncover many\n web sites still in their infancy. It is a long\n established fact that a reader will be distracted by\n the readable content of a page when looking at its\n layout the point of using Lorem Ipsum is that it has\n a more orless normal distribution.\n </p>\n </div>\n <div class=\"CanBordoy-Map__dropDown--item\">\n <h3>\n Shopping\n <span>Can Bordoy</span>\n </h3>\n <p>\n Many desktop publishing packages and web page\n editors now use Lorem Ipsum as their default model\n text, and a search for lorem ipsum will uncover many\n web sites still in their infancy. It is a long\n established fact that a reader will be distracted by\n the readable content of a page when looking at its\n layout the point of using Lorem Ipsum is that it has\n a more orless normal distribution.\n </p>\n </div>\n </div>\n <span class=\"CanBordoy-Map__btn\">\n <a\n role=\"button\"\n class=\"btn__link btn__link--reverse btn__moreLess\"\n (click)=\"toggleMoreLess()\"\n >\n <span>hide</span>\n </a>\n <svg\n aria-hidden=\"true\"\n class=\"CanBordoy-Map__btn--graphic\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/heading_graphic.svg#heading_graphic\"\n ></use>\n </svg>\n </span>\n </div>\n </div>\n </div>\n\n <div class=\"CanBordoy-Map__map-box\">\n <figure>\n <img\n src=\"/assets/babylon/images/map_desktop.svg\"\n class=\"CanBordoy-Map__img--desktop\"\n />\n <img\n src=\"/assets/babylon/images/map_mobile.svg\"\n class=\"CanBordoy-Map__img--mobile\"\n />\n </figure>\n <ul class=\"CanBordoy-Map__map-pinList\">\n <li class=\"CanBordoy-Map__map-pinList--logo\">\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 </li>\n\n <li\n class=\"CanBordoy-Map__map-pinList--1 js-active-modal\"\n data-modal_name=\"mapInfo-1\"\n (click)=\"openModal('mapInfo-1')\"\n >\n <figure>\n <img src=\"/assets/babylon/images/map-pin-1.png\" />\n </figure>\n <span\n class=\"CanBordoy-Map__map-pinList--plus CanBordoy-Map__map-pinList--1-plus\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </li>\n\n <li\n class=\"CanBordoy-Map__map-pinList--2 js-active-modal\"\n data-modal_name=\"mapInfo-1\"\n (click)=\"openModal('mapInfo-1')\"\n >\n <figure>\n <img src=\"/assets/babylon/images/map-pin-2.png\" />\n </figure>\n <span\n class=\"CanBordoy-Map__map-pinList--plus CanBordoy-Map__map-pinList--2-plus\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </li>\n\n <li\n class=\"CanBordoy-Map__map-pinList--3 js-active-modal\"\n data-modal_name=\"mapInfo-1\"\n (click)=\"openModal('mapInfo-1')\"\n >\n <figure>\n <img src=\"/assets/babylon/images/map-pin-3.png\" />\n </figure>\n <span\n class=\"CanBordoy-Map__map-pinList--plus CanBordoy-Map__map-pinList--3-plus\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </li>\n\n <li\n class=\"CanBordoy-Map__map-pinList--4 js-active-modal\"\n data-modal_name=\"mapInfo-1\"\n (click)=\"openModal('mapInfo-1')\"\n >\n <figure>\n <img src=\"/assets/babylon/images/map-pin-4.png\" />\n </figure>\n <span\n class=\"CanBordoy-Map__map-pinList--plus CanBordoy-Map__map-pinList--4-plus\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </li>\n\n <li\n class=\"CanBordoy-Map__map-pinList--5 js-active-modal\"\n data-modal_name=\"mapInfo-1\"\n (click)=\"openModal('mapInfo-1')\"\n >\n <figure>\n <img src=\"/assets/babylon/images/map-pin-5.png\" />\n </figure>\n <span\n class=\"CanBordoy-Map__map-pinList--plus CanBordoy-Map__map-pinList--5-plus\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </li>\n\n <li\n class=\"CanBordoy-Map__map-pinList--6 js-active-modal\"\n data-modal_name=\"mapInfo-1\"\n (click)=\"openModal('mapInfo-1')\"\n >\n <figure>\n <img src=\"/assets/babylon/images/map-pin-6.png\" />\n </figure>\n <span\n class=\"CanBordoy-Map__map-pinList--plus CanBordoy-Map__map-pinList--6-plus\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </li>\n\n <li\n class=\"CanBordoy-Map__map-pinList--7 js-active-modal\"\n data-modal_name=\"mapInfo-1\"\n (click)=\"openModal('mapInfo-1')\"\n >\n <figure>\n <img src=\"/assets/babylon/images/map-pin-7.png\" />\n </figure>\n <span\n class=\"CanBordoy-Map__map-pinList--plus CanBordoy-Map__map-pinList--7-plus\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </li>\n </ul>\n </div>\n\n <span class=\"CanBordoy-Map__btn\">\n <a role=\"button\" class=\"btn__link btn__link--reverse\">\n <span>How to get there</span>\n </a>\n </span>\n</section>\n\n<!-- MODAL controlado por Angular -->\n<div class=\"modal modal__mapInfo modal__mapInfo-1\" #mapModal>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n role=\"button\"\n (click)=\"closeModal('mapInfo-1')\"\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 <div class=\"modal__mapInfo--graphic\">\n <figure>\n <img src=\"/assets/babylon/images/modal-img-1.png\" />\n </figure>\n </div>\n <div class=\"modal__mapInfo--content\">\n <h2>\n Catedral de Palma\n <span>around Can Bordoy</span>\n </h2>\n <p>\n Many desktop publishing packages and web page editors now use\n Lorem Ipsum as their default model text, and a search for lorem\n ipsum will uncover many web sites still in their infancy. It is\n a long established fact that a reader will be distracted by the\n readable content of a page when looking at its layout the point\n of using Lorem Ipsum is that it has a more orless normal\n distribution.\n </p>\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}.CanBordoy-Map{padding:3rem 2rem 5.1rem;isolation:isolate}@media (min-width: 540px){.CanBordoy-Map{padding-top:8rem}}@media (min-width: 768px){.CanBordoy-Map{padding-inline:3rem}}@media (min-width: 1024px){.CanBordoy-Map{padding-inline:4rem}}.CanBordoy-Map__heading{text-align:center;display:flex;flex-direction:column;transition:all .5s;gap:1.6rem;position:relative;padding-bottom:1.6rem}@media (min-width: 540px){.CanBordoy-Map__heading{gap:2rem;padding-bottom:0}}.CanBordoy-Map__heading h2{font-size:3rem;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.CanBordoy-Map__heading h2{font-size:3.2rem;line-height:1.125}}.CanBordoy-Map__heading p{font-size:1.4rem;line-height:1;letter-spacing:.05em;text-transform:uppercase}@media (min-width: 540px){.CanBordoy-Map__heading p{font-size:1.6rem}}@media (min-width: 540px){.CanBordoy-Map__heading p{letter-spacing:.2em}}.CanBordoy-Map__icon-btn{display:inline-block;position:absolute;top:100%;transition:all .5s;left:50%;transform:translate(-50%);width:32.1rem;height:3.1rem;color:#fff;z-index:1}@media (min-width: 540px){.CanBordoy-Map__icon-btn{width:42.7rem;height:4.1rem}}@media (min-width: 768px){.CanBordoy-Map__icon-btn{width:54.3rem}}.CanBordoy-Map__icon-btn--graphic{width:100%;height:100%}.CanBordoy-Map__icon-btn--plus{position:absolute;left:50%;top:100%;transform:translate(-50%,-50%);aspect-ratio:1;opacity:1;transition:all .5s;width:4.4rem;border-radius:100vw;background:#b3916e;color:#fff;display:flex;align-items:center;justify-content:center}.CanBordoy-Map__icon-btn--plus svg{width:1.75rem;aspect-ratio:1}.CanBordoy-Map__dropDown{display:flex;flex-direction:column;position:relative;gap:4rem;align-items:center;background:#f9f8f5;transition:all .5s;padding:7.1rem 2.8rem 5.2rem;margin-bottom:1.97rem}@media (min-width: 540px){.CanBordoy-Map__dropDown{padding:11.133rem 5rem 6.2rem;margin-bottom:1.9rem;gap:7rem}}@media (min-width: 768px){.CanBordoy-Map__dropDown{padding-top:12.133rem;padding-inline:8rem;margin-bottom:2.9rem;gap:7.9rem}}@media (min-width: 1024px){.CanBordoy-Map__dropDown{padding-top:13.2rem;padding-inline:15.9rem;margin-bottom:3.9rem;gap:9rem}}@media (min-width: 1280px){.CanBordoy-Map__dropDown{padding-inline:7.7rem;margin-bottom:4rem}}@media (min-width: 1366px){.CanBordoy-Map__dropDown{padding-inline:9.7rem}}@media (min-width: 1680px){.CanBordoy-Map__dropDown{padding-inline:16rem;gap:9.1rem}}@media (min-width: 1800px){.CanBordoy-Map__dropDown{padding-inline:22rem}}.CanBordoy-Map__dropDown--list{width:100%;display:grid;grid-template-columns:repeat(1,1fr);gap:4rem}@media (min-width: 540px){.CanBordoy-Map__dropDown--list{gap:6rem}}@media (min-width: 768px){.CanBordoy-Map__dropDown--list{gap:8rem}}@media (min-width: 1280px){.CanBordoy-Map__dropDown--list{grid-template-columns:repeat(2,1fr);column-gap:10.1rem;row-gap:9.1rem}}@media (min-width: 1366px){.CanBordoy-Map__dropDown--list{column-gap:15rem}}@media (min-width: 1680px){.CanBordoy-Map__dropDown--list{column-gap:15.3rem;row-gap:10.1rem}}@media (min-width: 1800px){.CanBordoy-Map__dropDown--list{column-gap:15.3rem;row-gap:10.1rem}}.CanBordoy-Map__dropDown--item{display:flex;flex-direction:column;gap:2.5rem}@media (min-width: 540px){.CanBordoy-Map__dropDown--item{gap:3.057rem}}@media (min-width: 768px){.CanBordoy-Map__dropDown--item{gap:5rem}}.CanBordoy-Map__dropDown--item h3{display:flex;flex-direction:column;gap:1rem;font-size:2.8rem;line-height:1;letter-spacing:-.03em}@media (min-width: 540px){.CanBordoy-Map__dropDown--item h3{font-size:3.2rem}}@media (min-width: 768px){.CanBordoy-Map__dropDown--item h3{font-size:4rem}}@media (min-width: 1680px){.CanBordoy-Map__dropDown--item h3{font-size:4.6rem}}.CanBordoy-Map__dropDown--item h3 span{text-transform:uppercase;font-family:new-atten;font-size:1.4rem;line-height:1;letter-spacing:.05em}@media (min-width: 540px){.CanBordoy-Map__dropDown--item h3 span{font-size:1.6rem;letter-spacing:.1em}}@media (min-width: 768px){.CanBordoy-Map__dropDown--item h3 span{letter-spacing:.2em}}.CanBordoy-Map__dropDown--item p{font-size:1.6rem;line-height:1.5;color:#626262}@media (min-width: 540px){.CanBordoy-Map__dropDown--item p{font-size:1.8rem;line-height:1.4444444444}}@media (min-width: 768px){.CanBordoy-Map__dropDown--item p{line-height:1.6666666667}}.CanBordoy-Map .more-content{display:grid;transition:all .5s;grid-template-rows:0fr}.CanBordoy-Map .more-content>div{overflow:hidden}.CanBordoy-Map__map-box{position:relative;margin-bottom:5rem}.CanBordoy-Map__map-box>figure{z-index:-1;position:relative;width:100%;transition:all .5s;aspect-ratio:335/429}@media (min-width: 540px){.CanBordoy-Map__map-box>figure{aspect-ratio:500/589}}@media (min-width: 1024px){.CanBordoy-Map__map-box>figure{aspect-ratio:708/834;aspect-ratio:unset;height:64.2rem}}@media (min-width: 1366px){.CanBordoy-Map__map-box>figure{height:71.2rem}}.CanBordoy-Map__map-pinList{position:absolute;inset:0;transition:all .5s}@media (min-width: 1024px){.CanBordoy-Map__map-pinList{inset:9.49% auto auto 50%;transform:translate(-50%);aspect-ratio:766/380;width:76.6rem}}@media (min-width: 1280px){.CanBordoy-Map__map-pinList{top:9.5%}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList{aspect-ratio:849/421;width:84.9rem;top:9.55%}}@media (min-width: 1680px){.CanBordoy-Map__map-pinList{top:9.55%}}.CanBordoy-Map__map-pinList li{position:absolute;transition:all .5s}.CanBordoy-Map__map-pinList li:not(.CanBordoy-Map__map-pinList--logo){cursor:pointer}.CanBordoy-Map__map-pinList--logo{color:#fff;aspect-ratio:31/41;width:3rem;left:44.48%;top:35.43%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--logo{width:4.2rem;left:45%}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--logo{width:6rem;top:35.37%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--logo{width:6.6rem;top:25.26%;left:44.79%}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--logo{width:7.3rem}}.CanBordoy-Map__map-pinList--logo svg{--logo-bg: #21372b;width:100%;height:100%}.CanBordoy-Map__map-pinList--plus{position:absolute;width:1.1rem;aspect-ratio:1;display:flex;transition:all .5s;align-items:center;justify-content:center;color:#fff;border-radius:100vw;background:#b3916e}@media (min-width: 540px){.CanBordoy-Map__map-pinList--plus{width:1.6rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--plus{width:2.2rem}}.CanBordoy-Map__map-pinList--plus svg{aspect-ratio:1;width:.5rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--plus svg{width:.6rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--plus svg{width:.9rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--plus{opacity:0;pointer-events:none}}.CanBordoy-Map__map-pinList--1{left:3.58%;top:31.47%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--1{left:7.2%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--1{top:19.47%;left:0}}.CanBordoy-Map__map-pinList--1-plus{left:-18.75%;bottom:-5.66%}.CanBordoy-Map__map-pinList--1 figure{aspect-ratio:38/57;width:3.8rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--1 figure{width:4.4rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--1 figure{width:6.2rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--1 figure{aspect-ratio:68/115;width:6.8rem}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--1 figure{width:7.6rem}}.CanBordoy-Map__map-pinList--2{left:27.46%;top:36.67%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--2{left:29%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--2{top:26.32%;left:27.8%}}.CanBordoy-Map__map-pinList--2-plus{left:35%;top:27.45%}.CanBordoy-Map__map-pinList--2 figure{aspect-ratio:40/51;width:4rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--2 figure{width:5.5rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--2 figure{width:7.8rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--2 figure{width:8.6rem}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--2 figure{width:9.5rem}}.CanBordoy-Map__map-pinList--3{left:55.52%;top:34.22%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--3{left:55%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--3{top:21.05%;left:56.04%}}.CanBordoy-Map__map-pinList--3-plus{top:24.53%;right:12%}.CanBordoy-Map__map-pinList--3 figure{aspect-ratio:50/53;width:3.8rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--3 figure{width:6.8rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--3 figure{width:9.6rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--3 figure{width:10.6rem}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--3 figure{width:11.8rem}}.CanBordoy-Map__map-pinList--4{left:65.67%;top:24.48%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--4{left:64.4%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--4{left:66.56%;top:0}}.CanBordoy-Map__map-pinList--4-plus{top:50%;right:-16.67%}.CanBordoy-Map__map-pinList--4 figure{aspect-ratio:30/42;width:3rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--4 figure{width:4.1rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--4 figure{width:5.7rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--4 figure{width:6.3rem}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--4 figure{width:7rem}}.CanBordoy-Map__map-pinList--5{left:41.19%;top:48.49%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--5{left:42.4%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--5{top:51.84%;left:43.09%}}.CanBordoy-Map__map-pinList--5-plus{top:21.15%;left:-3.85%}.CanBordoy-Map__map-pinList--5 figure{aspect-ratio:1;width:5.2rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--5 figure{width:7.1rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--5 figure{width:10.1rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--5 figure{width:11.2rem}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--5 figure{width:12.4rem}}.CanBordoy-Map__map-pinList--6{left:58.51%;top:55.25%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--6{left:57.8%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--6{top:72.37%;left:59.79%}}.CanBordoy-Map__map-pinList--6-plus{top:18.36%;right:10.58%}.CanBordoy-Map__map-pinList--6 figure{aspect-ratio:104/49;width:10.4rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--6 figure{width:14.2rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--6 figure{width:20.2rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--6 figure{width:22.2rem}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--6 figure{width:24.7rem}}.CanBordoy-Map__map-pinList--7{left:75.46%;top:40.33%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--7{left:73.4%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--7{top:35.79%;left:unset;right:0}}.CanBordoy-Map__map-pinList--7-plus{top:83.72%;left:2.56%}.CanBordoy-Map__map-pinList--7 figure{aspect-ratio:78/43;width:7.8rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--7 figure{width:10.7rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--7 figure{width:15.1rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--7 figure{width:16.6rem}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--7 figure{width:18.5rem}}.CanBordoy-Map__img--desktop{display:none}@media (min-width: 1024px){.CanBordoy-Map__img--desktop{display:block}}@media (min-width: 1024px){.CanBordoy-Map__img--mobile{display:none}}.CanBordoy-Map__btn{display:flex;flex-direction:column;align-items:center;font-size:1.8rem;line-height:1.6666666667;letter-spacing:.1em;text-transform:uppercase}.CanBordoy-Map__btn--graphic{display:inline-block;position:absolute;bottom:0;transition:all .5s;left:50%;transform:scaleY(-1) translate(-50%);width:32.1rem;height:3.1rem;color:#fff}@media (min-width: 540px){.CanBordoy-Map__btn--graphic{width:42.7rem;height:4.1rem}}@media (min-width: 768px){.CanBordoy-Map__btn--graphic{width:54.3rem}}.CanBordoy-Map__btn .btn__link{font-weight:400}.CanBordoy-Map.moreLess--active .CanBordoy-Map__icon-btn--plus{opacity:0;pointer-events:none}.CanBordoy-Map.moreLess--active .more-content{grid-template-rows:1fr}.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.modal--open{opacity:1;pointer-events:all}.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__mapInfo{background:var(--cl_background_dark);display:flex;isolation:isolate;overflow:auto;justify-content:center}@media (min-width: 1280px){.modal.modal__mapInfo{align-items:center}}.modal--open.mapInfo-1 .modal.modal__mapInfo-1,.modal--open.mapInfo-2 .modal.modal__mapInfo-2,.modal--open.mapInfo-3 .modal.modal__mapInfo-3,.modal--open.mapInfo-4 .modal.modal__mapInfo-4,.modal--open.mapInfo-5 .modal.modal__mapInfo-5,.modal--open.mapInfo-6 .modal.modal__mapInfo-6,.modal--open.mapInfo-7 .modal.modal__mapInfo-7{opacity:1;pointer-events:auto}.modal.modal__mapInfo .modal__inner{background:#fff;position:relative;display:flex;flex-direction:column;width:100%;max-width:31.5rem;height:max-content}@media (min-width: 540px){.modal.modal__mapInfo .modal__inner{max-width:40.9rem}}@media (min-width: 768px){.modal.modal__mapInfo .modal__inner{max-width:60rem}}@media (min-width: 1280px){.modal.modal__mapInfo .modal__inner{max-width:108rem;flex-direction:row-reverse}}@media (min-width: 1280px){.modal.modal__mapInfo .modal__inner{max-width:108rem}}@media (min-width: 1680px){.modal.modal__mapInfo .modal__inner{max-width:120rem}}.modal.modal__mapInfo .modal__close{width:3.4rem;border:1px solid #ffffff;border-radius:100vw;color:#fff;position:absolute;top:-1.2rem;right:-1.6rem;transform:translateY(-100%)}@media (min-width: 540px){.modal.modal__mapInfo .modal__close{top:-.5rem;right:-.5rem;transform:translate(100%,-100%)}}@media (min-width: 768px){.modal.modal__mapInfo .modal__close{width:4.4rem;top:-1rem;right:-1rem}}.modal.modal__mapInfo .modal__close svg{width:1.2rem}@media (min-width: 768px){.modal.modal__mapInfo .modal__close svg{width:1.4rem}}.modal.modal__mapInfo .modal__close:hover{background:#b3916e;border-color:#b3916e}.modal__mapInfo{padding-block:6rem}@media (min-width: 540px){.modal__mapInfo{padding-block:7.9rem}}@media (min-width: 768px){.modal__mapInfo{padding-block:11.4rem}}@media (min-width: 1024px){.modal__mapInfo{padding-block:11.7rem}}.modal__mapInfo--graphic,.modal__mapInfo--content{flex:1 1 100%}.modal__mapInfo--graphic{width:100%}.modal__mapInfo--graphic figure{aspect-ratio:315/280;min-height:100%}.modal__mapInfo--content{padding:2.4rem 2rem 2.7rem}@media (min-width: 540px){.modal__mapInfo--content{padding:4.1rem 3.5rem 4rem}}@media (min-width: 768px){.modal__mapInfo--content{padding:8.8rem 7.8rem 8.9rem}}@media (min-width: 1280px) and (max-width: 1679.98px){.modal__mapInfo--content{padding-inline:4.9rem}}.modal__mapInfo--content h2{display:flex;flex-direction:column;gap:1rem;font-size:3rem;line-height:1;letter-spacing:-.03em;padding-bottom:2.5rem;margin-bottom:2.5rem;border-bottom:1px solid #e6e3dd}@media (min-width: 540px){.modal__mapInfo--content h2{gap:.7rem;font-size:3.4rem}}@media (min-width: 768px){.modal__mapInfo--content h2{gap:1.2rem;font-size:4.6rem}}.modal__mapInfo--content h2 span{font-size:1.4rem;line-height:1;text-transform:uppercase;letter-spacing:.05em;font-family:new-atten;font-weight:500}@media (min-width: 540px){.modal__mapInfo--content h2 span{font-size:1.6rem;letter-spacing:.1em}}@media (min-width: 768px){.modal__mapInfo--content h2 span{letter-spacing:.2em}}.modal__mapInfo--content p{font-size:1.6rem;line-height:1.5;color:#626262}@media (min-width: 540px){.modal__mapInfo--content p{font-size:1.8rem;line-height:1.4444444444}}@media (min-width: 768px){.modal__mapInfo--content p{line-height:1.6666666667}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
3036
+ }
3037
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonMapTxtComponent, decorators: [{
3038
+ type: Component,
3039
+ args: [{ selector: 'lib-babylon-map-txt', standalone: true, imports: [CommonModule], template: "<section class=\"CanBordoy-Map\" [class.moreLess--active]=\"isExpanded\">\n <div class=\"CanBordoy-Map__heading\">\n <h2>Located in Palma\u2019s Old Town</h2>\n <p>palma around Can Bordoy</p>\n <span class=\"CanBordoy-Map__icon-btn\">\n <svg\n aria-hidden=\"true\"\n class=\"CanBordoy-Map__icon-btn--graphic\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/heading_graphic.svg#heading_graphic\"\n ></use>\n </svg>\n <span\n class=\"CanBordoy-Map__icon-btn--plus btn__moreLess\"\n role=\"button\"\n (click)=\"toggleMoreLess()\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </span>\n </div>\n\n <div class=\"more-content\">\n <div>\n <div class=\"CanBordoy-Map__dropDown\">\n <div class=\"CanBordoy-Map__dropDown--list\">\n <div class=\"CanBordoy-Map__dropDown--item\">\n <h3>\n Luxury Accommodation\n <span>Can Bordoy</span>\n </h3>\n <p>\n Many desktop publishing packages and web page\n editors now use Lorem Ipsum as their default model\n text, and a search for lorem ipsum will uncover many\n web sites still in their infancy. It is a long\n established fact that a reader will be distracted by\n the readable content of a page when looking at its\n layout the point of using Lorem Ipsum is that it has\n a more orless normal distribution.\n </p>\n </div>\n <div class=\"CanBordoy-Map__dropDown--item\">\n <h3>\n Palma's Old Town\n <span>Can Bordoy</span>\n </h3>\n <p>\n Many desktop publishing packages and web page\n editors now use Lorem Ipsum as their default model\n text, and a search for lorem ipsum will uncover many\n web sites still in their infancy. It is a long\n established fact that a reader will be distracted by\n the readable content of a page when looking at its\n layout the point of using Lorem Ipsum is that it has\n a more orless normal distribution.\n </p>\n </div>\n <div class=\"CanBordoy-Map__dropDown--item\">\n <h3>\n Monuments\n <span>Can Bordoy</span>\n </h3>\n <p>\n Many desktop publishing packages and web page\n editors now use Lorem Ipsum as their default model\n text, and a search for lorem ipsum will uncover many\n web sites still in their infancy. It is a long\n established fact that a reader will be distracted by\n the readable content of a page when looking at its\n layout the point of using Lorem Ipsum is that it has\n a more orless normal distribution.\n </p>\n </div>\n <div class=\"CanBordoy-Map__dropDown--item\">\n <h3>\n Shopping\n <span>Can Bordoy</span>\n </h3>\n <p>\n Many desktop publishing packages and web page\n editors now use Lorem Ipsum as their default model\n text, and a search for lorem ipsum will uncover many\n web sites still in their infancy. It is a long\n established fact that a reader will be distracted by\n the readable content of a page when looking at its\n layout the point of using Lorem Ipsum is that it has\n a more orless normal distribution.\n </p>\n </div>\n </div>\n <span class=\"CanBordoy-Map__btn\">\n <a\n role=\"button\"\n class=\"btn__link btn__link--reverse btn__moreLess\"\n (click)=\"toggleMoreLess()\"\n >\n <span>hide</span>\n </a>\n <svg\n aria-hidden=\"true\"\n class=\"CanBordoy-Map__btn--graphic\"\n focusable=\"false\"\n >\n <use\n href=\"/assets/babylon/svg/heading_graphic.svg#heading_graphic\"\n ></use>\n </svg>\n </span>\n </div>\n </div>\n </div>\n\n <div class=\"CanBordoy-Map__map-box\">\n <figure>\n <img\n src=\"/assets/babylon/images/map_desktop.svg\"\n class=\"CanBordoy-Map__img--desktop\"\n />\n <img\n src=\"/assets/babylon/images/map_mobile.svg\"\n class=\"CanBordoy-Map__img--mobile\"\n />\n </figure>\n <ul class=\"CanBordoy-Map__map-pinList\">\n <li class=\"CanBordoy-Map__map-pinList--logo\">\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 </li>\n\n <li\n class=\"CanBordoy-Map__map-pinList--1 js-active-modal\"\n data-modal_name=\"mapInfo-1\"\n (click)=\"openModal('mapInfo-1')\"\n >\n <figure>\n <img src=\"/assets/babylon/images/map-pin-1.png\" />\n </figure>\n <span\n class=\"CanBordoy-Map__map-pinList--plus CanBordoy-Map__map-pinList--1-plus\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </li>\n\n <li\n class=\"CanBordoy-Map__map-pinList--2 js-active-modal\"\n data-modal_name=\"mapInfo-1\"\n (click)=\"openModal('mapInfo-1')\"\n >\n <figure>\n <img src=\"/assets/babylon/images/map-pin-2.png\" />\n </figure>\n <span\n class=\"CanBordoy-Map__map-pinList--plus CanBordoy-Map__map-pinList--2-plus\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </li>\n\n <li\n class=\"CanBordoy-Map__map-pinList--3 js-active-modal\"\n data-modal_name=\"mapInfo-1\"\n (click)=\"openModal('mapInfo-1')\"\n >\n <figure>\n <img src=\"/assets/babylon/images/map-pin-3.png\" />\n </figure>\n <span\n class=\"CanBordoy-Map__map-pinList--plus CanBordoy-Map__map-pinList--3-plus\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </li>\n\n <li\n class=\"CanBordoy-Map__map-pinList--4 js-active-modal\"\n data-modal_name=\"mapInfo-1\"\n (click)=\"openModal('mapInfo-1')\"\n >\n <figure>\n <img src=\"/assets/babylon/images/map-pin-4.png\" />\n </figure>\n <span\n class=\"CanBordoy-Map__map-pinList--plus CanBordoy-Map__map-pinList--4-plus\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </li>\n\n <li\n class=\"CanBordoy-Map__map-pinList--5 js-active-modal\"\n data-modal_name=\"mapInfo-1\"\n (click)=\"openModal('mapInfo-1')\"\n >\n <figure>\n <img src=\"/assets/babylon/images/map-pin-5.png\" />\n </figure>\n <span\n class=\"CanBordoy-Map__map-pinList--plus CanBordoy-Map__map-pinList--5-plus\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </li>\n\n <li\n class=\"CanBordoy-Map__map-pinList--6 js-active-modal\"\n data-modal_name=\"mapInfo-1\"\n (click)=\"openModal('mapInfo-1')\"\n >\n <figure>\n <img src=\"/assets/babylon/images/map-pin-6.png\" />\n </figure>\n <span\n class=\"CanBordoy-Map__map-pinList--plus CanBordoy-Map__map-pinList--6-plus\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </li>\n\n <li\n class=\"CanBordoy-Map__map-pinList--7 js-active-modal\"\n data-modal_name=\"mapInfo-1\"\n (click)=\"openModal('mapInfo-1')\"\n >\n <figure>\n <img src=\"/assets/babylon/images/map-pin-7.png\" />\n </figure>\n <span\n class=\"CanBordoy-Map__map-pinList--plus CanBordoy-Map__map-pinList--7-plus\"\n >\n <svg aria-hidden=\"true\" focusable=\"false\">\n <use\n href=\"/assets/babylon/svg/plus-icon.svg#plus-icon\"\n ></use>\n </svg>\n </span>\n </li>\n </ul>\n </div>\n\n <span class=\"CanBordoy-Map__btn\">\n <a role=\"button\" class=\"btn__link btn__link--reverse\">\n <span>How to get there</span>\n </a>\n </span>\n</section>\n\n<!-- MODAL controlado por Angular -->\n<div class=\"modal modal__mapInfo modal__mapInfo-1\" #mapModal>\n <div class=\"modal__inner\">\n <div\n class=\"modal__close js-close\"\n role=\"button\"\n (click)=\"closeModal('mapInfo-1')\"\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 <div class=\"modal__mapInfo--graphic\">\n <figure>\n <img src=\"/assets/babylon/images/modal-img-1.png\" />\n </figure>\n </div>\n <div class=\"modal__mapInfo--content\">\n <h2>\n Catedral de Palma\n <span>around Can Bordoy</span>\n </h2>\n <p>\n Many desktop publishing packages and web page editors now use\n Lorem Ipsum as their default model text, and a search for lorem\n ipsum will uncover many web sites still in their infancy. It is\n a long established fact that a reader will be distracted by the\n readable content of a page when looking at its layout the point\n of using Lorem Ipsum is that it has a more orless normal\n distribution.\n </p>\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}.CanBordoy-Map{padding:3rem 2rem 5.1rem;isolation:isolate}@media (min-width: 540px){.CanBordoy-Map{padding-top:8rem}}@media (min-width: 768px){.CanBordoy-Map{padding-inline:3rem}}@media (min-width: 1024px){.CanBordoy-Map{padding-inline:4rem}}.CanBordoy-Map__heading{text-align:center;display:flex;flex-direction:column;transition:all .5s;gap:1.6rem;position:relative;padding-bottom:1.6rem}@media (min-width: 540px){.CanBordoy-Map__heading{gap:2rem;padding-bottom:0}}.CanBordoy-Map__heading h2{font-size:3rem;line-height:1.2;letter-spacing:-.03em}@media (min-width: 540px){.CanBordoy-Map__heading h2{font-size:3.2rem;line-height:1.125}}.CanBordoy-Map__heading p{font-size:1.4rem;line-height:1;letter-spacing:.05em;text-transform:uppercase}@media (min-width: 540px){.CanBordoy-Map__heading p{font-size:1.6rem}}@media (min-width: 540px){.CanBordoy-Map__heading p{letter-spacing:.2em}}.CanBordoy-Map__icon-btn{display:inline-block;position:absolute;top:100%;transition:all .5s;left:50%;transform:translate(-50%);width:32.1rem;height:3.1rem;color:#fff;z-index:1}@media (min-width: 540px){.CanBordoy-Map__icon-btn{width:42.7rem;height:4.1rem}}@media (min-width: 768px){.CanBordoy-Map__icon-btn{width:54.3rem}}.CanBordoy-Map__icon-btn--graphic{width:100%;height:100%}.CanBordoy-Map__icon-btn--plus{position:absolute;left:50%;top:100%;transform:translate(-50%,-50%);aspect-ratio:1;opacity:1;transition:all .5s;width:4.4rem;border-radius:100vw;background:#b3916e;color:#fff;display:flex;align-items:center;justify-content:center}.CanBordoy-Map__icon-btn--plus svg{width:1.75rem;aspect-ratio:1}.CanBordoy-Map__dropDown{display:flex;flex-direction:column;position:relative;gap:4rem;align-items:center;background:#f9f8f5;transition:all .5s;padding:7.1rem 2.8rem 5.2rem;margin-bottom:1.97rem}@media (min-width: 540px){.CanBordoy-Map__dropDown{padding:11.133rem 5rem 6.2rem;margin-bottom:1.9rem;gap:7rem}}@media (min-width: 768px){.CanBordoy-Map__dropDown{padding-top:12.133rem;padding-inline:8rem;margin-bottom:2.9rem;gap:7.9rem}}@media (min-width: 1024px){.CanBordoy-Map__dropDown{padding-top:13.2rem;padding-inline:15.9rem;margin-bottom:3.9rem;gap:9rem}}@media (min-width: 1280px){.CanBordoy-Map__dropDown{padding-inline:7.7rem;margin-bottom:4rem}}@media (min-width: 1366px){.CanBordoy-Map__dropDown{padding-inline:9.7rem}}@media (min-width: 1680px){.CanBordoy-Map__dropDown{padding-inline:16rem;gap:9.1rem}}@media (min-width: 1800px){.CanBordoy-Map__dropDown{padding-inline:22rem}}.CanBordoy-Map__dropDown--list{width:100%;display:grid;grid-template-columns:repeat(1,1fr);gap:4rem}@media (min-width: 540px){.CanBordoy-Map__dropDown--list{gap:6rem}}@media (min-width: 768px){.CanBordoy-Map__dropDown--list{gap:8rem}}@media (min-width: 1280px){.CanBordoy-Map__dropDown--list{grid-template-columns:repeat(2,1fr);column-gap:10.1rem;row-gap:9.1rem}}@media (min-width: 1366px){.CanBordoy-Map__dropDown--list{column-gap:15rem}}@media (min-width: 1680px){.CanBordoy-Map__dropDown--list{column-gap:15.3rem;row-gap:10.1rem}}@media (min-width: 1800px){.CanBordoy-Map__dropDown--list{column-gap:15.3rem;row-gap:10.1rem}}.CanBordoy-Map__dropDown--item{display:flex;flex-direction:column;gap:2.5rem}@media (min-width: 540px){.CanBordoy-Map__dropDown--item{gap:3.057rem}}@media (min-width: 768px){.CanBordoy-Map__dropDown--item{gap:5rem}}.CanBordoy-Map__dropDown--item h3{display:flex;flex-direction:column;gap:1rem;font-size:2.8rem;line-height:1;letter-spacing:-.03em}@media (min-width: 540px){.CanBordoy-Map__dropDown--item h3{font-size:3.2rem}}@media (min-width: 768px){.CanBordoy-Map__dropDown--item h3{font-size:4rem}}@media (min-width: 1680px){.CanBordoy-Map__dropDown--item h3{font-size:4.6rem}}.CanBordoy-Map__dropDown--item h3 span{text-transform:uppercase;font-family:new-atten;font-size:1.4rem;line-height:1;letter-spacing:.05em}@media (min-width: 540px){.CanBordoy-Map__dropDown--item h3 span{font-size:1.6rem;letter-spacing:.1em}}@media (min-width: 768px){.CanBordoy-Map__dropDown--item h3 span{letter-spacing:.2em}}.CanBordoy-Map__dropDown--item p{font-size:1.6rem;line-height:1.5;color:#626262}@media (min-width: 540px){.CanBordoy-Map__dropDown--item p{font-size:1.8rem;line-height:1.4444444444}}@media (min-width: 768px){.CanBordoy-Map__dropDown--item p{line-height:1.6666666667}}.CanBordoy-Map .more-content{display:grid;transition:all .5s;grid-template-rows:0fr}.CanBordoy-Map .more-content>div{overflow:hidden}.CanBordoy-Map__map-box{position:relative;margin-bottom:5rem}.CanBordoy-Map__map-box>figure{z-index:-1;position:relative;width:100%;transition:all .5s;aspect-ratio:335/429}@media (min-width: 540px){.CanBordoy-Map__map-box>figure{aspect-ratio:500/589}}@media (min-width: 1024px){.CanBordoy-Map__map-box>figure{aspect-ratio:708/834;aspect-ratio:unset;height:64.2rem}}@media (min-width: 1366px){.CanBordoy-Map__map-box>figure{height:71.2rem}}.CanBordoy-Map__map-pinList{position:absolute;inset:0;transition:all .5s}@media (min-width: 1024px){.CanBordoy-Map__map-pinList{inset:9.49% auto auto 50%;transform:translate(-50%);aspect-ratio:766/380;width:76.6rem}}@media (min-width: 1280px){.CanBordoy-Map__map-pinList{top:9.5%}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList{aspect-ratio:849/421;width:84.9rem;top:9.55%}}@media (min-width: 1680px){.CanBordoy-Map__map-pinList{top:9.55%}}.CanBordoy-Map__map-pinList li{position:absolute;transition:all .5s}.CanBordoy-Map__map-pinList li:not(.CanBordoy-Map__map-pinList--logo){cursor:pointer}.CanBordoy-Map__map-pinList--logo{color:#fff;aspect-ratio:31/41;width:3rem;left:44.48%;top:35.43%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--logo{width:4.2rem;left:45%}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--logo{width:6rem;top:35.37%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--logo{width:6.6rem;top:25.26%;left:44.79%}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--logo{width:7.3rem}}.CanBordoy-Map__map-pinList--logo svg{--logo-bg: #21372b;width:100%;height:100%}.CanBordoy-Map__map-pinList--plus{position:absolute;width:1.1rem;aspect-ratio:1;display:flex;transition:all .5s;align-items:center;justify-content:center;color:#fff;border-radius:100vw;background:#b3916e}@media (min-width: 540px){.CanBordoy-Map__map-pinList--plus{width:1.6rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--plus{width:2.2rem}}.CanBordoy-Map__map-pinList--plus svg{aspect-ratio:1;width:.5rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--plus svg{width:.6rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--plus svg{width:.9rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--plus{opacity:0;pointer-events:none}}.CanBordoy-Map__map-pinList--1{left:3.58%;top:31.47%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--1{left:7.2%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--1{top:19.47%;left:0}}.CanBordoy-Map__map-pinList--1-plus{left:-18.75%;bottom:-5.66%}.CanBordoy-Map__map-pinList--1 figure{aspect-ratio:38/57;width:3.8rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--1 figure{width:4.4rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--1 figure{width:6.2rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--1 figure{aspect-ratio:68/115;width:6.8rem}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--1 figure{width:7.6rem}}.CanBordoy-Map__map-pinList--2{left:27.46%;top:36.67%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--2{left:29%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--2{top:26.32%;left:27.8%}}.CanBordoy-Map__map-pinList--2-plus{left:35%;top:27.45%}.CanBordoy-Map__map-pinList--2 figure{aspect-ratio:40/51;width:4rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--2 figure{width:5.5rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--2 figure{width:7.8rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--2 figure{width:8.6rem}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--2 figure{width:9.5rem}}.CanBordoy-Map__map-pinList--3{left:55.52%;top:34.22%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--3{left:55%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--3{top:21.05%;left:56.04%}}.CanBordoy-Map__map-pinList--3-plus{top:24.53%;right:12%}.CanBordoy-Map__map-pinList--3 figure{aspect-ratio:50/53;width:3.8rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--3 figure{width:6.8rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--3 figure{width:9.6rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--3 figure{width:10.6rem}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--3 figure{width:11.8rem}}.CanBordoy-Map__map-pinList--4{left:65.67%;top:24.48%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--4{left:64.4%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--4{left:66.56%;top:0}}.CanBordoy-Map__map-pinList--4-plus{top:50%;right:-16.67%}.CanBordoy-Map__map-pinList--4 figure{aspect-ratio:30/42;width:3rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--4 figure{width:4.1rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--4 figure{width:5.7rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--4 figure{width:6.3rem}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--4 figure{width:7rem}}.CanBordoy-Map__map-pinList--5{left:41.19%;top:48.49%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--5{left:42.4%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--5{top:51.84%;left:43.09%}}.CanBordoy-Map__map-pinList--5-plus{top:21.15%;left:-3.85%}.CanBordoy-Map__map-pinList--5 figure{aspect-ratio:1;width:5.2rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--5 figure{width:7.1rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--5 figure{width:10.1rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--5 figure{width:11.2rem}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--5 figure{width:12.4rem}}.CanBordoy-Map__map-pinList--6{left:58.51%;top:55.25%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--6{left:57.8%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--6{top:72.37%;left:59.79%}}.CanBordoy-Map__map-pinList--6-plus{top:18.36%;right:10.58%}.CanBordoy-Map__map-pinList--6 figure{aspect-ratio:104/49;width:10.4rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--6 figure{width:14.2rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--6 figure{width:20.2rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--6 figure{width:22.2rem}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--6 figure{width:24.7rem}}.CanBordoy-Map__map-pinList--7{left:75.46%;top:40.33%}@media (min-width: 540px){.CanBordoy-Map__map-pinList--7{left:73.4%}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--7{top:35.79%;left:unset;right:0}}.CanBordoy-Map__map-pinList--7-plus{top:83.72%;left:2.56%}.CanBordoy-Map__map-pinList--7 figure{aspect-ratio:78/43;width:7.8rem}@media (min-width: 540px){.CanBordoy-Map__map-pinList--7 figure{width:10.7rem}}@media (min-width: 768px){.CanBordoy-Map__map-pinList--7 figure{width:15.1rem}}@media (min-width: 1024px){.CanBordoy-Map__map-pinList--7 figure{width:16.6rem}}@media (min-width: 1366px){.CanBordoy-Map__map-pinList--7 figure{width:18.5rem}}.CanBordoy-Map__img--desktop{display:none}@media (min-width: 1024px){.CanBordoy-Map__img--desktop{display:block}}@media (min-width: 1024px){.CanBordoy-Map__img--mobile{display:none}}.CanBordoy-Map__btn{display:flex;flex-direction:column;align-items:center;font-size:1.8rem;line-height:1.6666666667;letter-spacing:.1em;text-transform:uppercase}.CanBordoy-Map__btn--graphic{display:inline-block;position:absolute;bottom:0;transition:all .5s;left:50%;transform:scaleY(-1) translate(-50%);width:32.1rem;height:3.1rem;color:#fff}@media (min-width: 540px){.CanBordoy-Map__btn--graphic{width:42.7rem;height:4.1rem}}@media (min-width: 768px){.CanBordoy-Map__btn--graphic{width:54.3rem}}.CanBordoy-Map__btn .btn__link{font-weight:400}.CanBordoy-Map.moreLess--active .CanBordoy-Map__icon-btn--plus{opacity:0;pointer-events:none}.CanBordoy-Map.moreLess--active .more-content{grid-template-rows:1fr}.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.modal--open{opacity:1;pointer-events:all}.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__mapInfo{background:var(--cl_background_dark);display:flex;isolation:isolate;overflow:auto;justify-content:center}@media (min-width: 1280px){.modal.modal__mapInfo{align-items:center}}.modal--open.mapInfo-1 .modal.modal__mapInfo-1,.modal--open.mapInfo-2 .modal.modal__mapInfo-2,.modal--open.mapInfo-3 .modal.modal__mapInfo-3,.modal--open.mapInfo-4 .modal.modal__mapInfo-4,.modal--open.mapInfo-5 .modal.modal__mapInfo-5,.modal--open.mapInfo-6 .modal.modal__mapInfo-6,.modal--open.mapInfo-7 .modal.modal__mapInfo-7{opacity:1;pointer-events:auto}.modal.modal__mapInfo .modal__inner{background:#fff;position:relative;display:flex;flex-direction:column;width:100%;max-width:31.5rem;height:max-content}@media (min-width: 540px){.modal.modal__mapInfo .modal__inner{max-width:40.9rem}}@media (min-width: 768px){.modal.modal__mapInfo .modal__inner{max-width:60rem}}@media (min-width: 1280px){.modal.modal__mapInfo .modal__inner{max-width:108rem;flex-direction:row-reverse}}@media (min-width: 1280px){.modal.modal__mapInfo .modal__inner{max-width:108rem}}@media (min-width: 1680px){.modal.modal__mapInfo .modal__inner{max-width:120rem}}.modal.modal__mapInfo .modal__close{width:3.4rem;border:1px solid #ffffff;border-radius:100vw;color:#fff;position:absolute;top:-1.2rem;right:-1.6rem;transform:translateY(-100%)}@media (min-width: 540px){.modal.modal__mapInfo .modal__close{top:-.5rem;right:-.5rem;transform:translate(100%,-100%)}}@media (min-width: 768px){.modal.modal__mapInfo .modal__close{width:4.4rem;top:-1rem;right:-1rem}}.modal.modal__mapInfo .modal__close svg{width:1.2rem}@media (min-width: 768px){.modal.modal__mapInfo .modal__close svg{width:1.4rem}}.modal.modal__mapInfo .modal__close:hover{background:#b3916e;border-color:#b3916e}.modal__mapInfo{padding-block:6rem}@media (min-width: 540px){.modal__mapInfo{padding-block:7.9rem}}@media (min-width: 768px){.modal__mapInfo{padding-block:11.4rem}}@media (min-width: 1024px){.modal__mapInfo{padding-block:11.7rem}}.modal__mapInfo--graphic,.modal__mapInfo--content{flex:1 1 100%}.modal__mapInfo--graphic{width:100%}.modal__mapInfo--graphic figure{aspect-ratio:315/280;min-height:100%}.modal__mapInfo--content{padding:2.4rem 2rem 2.7rem}@media (min-width: 540px){.modal__mapInfo--content{padding:4.1rem 3.5rem 4rem}}@media (min-width: 768px){.modal__mapInfo--content{padding:8.8rem 7.8rem 8.9rem}}@media (min-width: 1280px) and (max-width: 1679.98px){.modal__mapInfo--content{padding-inline:4.9rem}}.modal__mapInfo--content h2{display:flex;flex-direction:column;gap:1rem;font-size:3rem;line-height:1;letter-spacing:-.03em;padding-bottom:2.5rem;margin-bottom:2.5rem;border-bottom:1px solid #e6e3dd}@media (min-width: 540px){.modal__mapInfo--content h2{gap:.7rem;font-size:3.4rem}}@media (min-width: 768px){.modal__mapInfo--content h2{gap:1.2rem;font-size:4.6rem}}.modal__mapInfo--content h2 span{font-size:1.4rem;line-height:1;text-transform:uppercase;letter-spacing:.05em;font-family:new-atten;font-weight:500}@media (min-width: 540px){.modal__mapInfo--content h2 span{font-size:1.6rem;letter-spacing:.1em}}@media (min-width: 768px){.modal__mapInfo--content h2 span{letter-spacing:.2em}}.modal__mapInfo--content p{font-size:1.6rem;line-height:1.5;color:#626262}@media (min-width: 540px){.modal__mapInfo--content p{font-size:1.8rem;line-height:1.4444444444}}@media (min-width: 768px){.modal__mapInfo--content p{line-height:1.6666666667}}\n"] }]
3040
+ }], ctorParameters: () => [{ type: undefined, decorators: [{
3041
+ type: Inject,
3042
+ args: [PLATFORM_ID]
3043
+ }] }], propDecorators: { mapModal: [{
3044
+ type: ViewChild,
3045
+ args: ['mapModal', { static: true }]
3046
+ }] } });
3047
+
2945
3048
  class BabylonNewsletterModalComponent {
2946
3049
  constructor() {
2947
3050
  this.dialogRef = inject(MatDialogRef);
@@ -3263,6 +3366,100 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
3263
3366
  args: [{ selector: 'lib-babylon-simple-img-info', standalone: true, imports: [CommonModule], template: "<section class=\"simple-img\">\n <div class=\"container\">\n <div class=\"simple-img__inner\">\n <div class=\"simple-img__image\">\n <figure>\n <img src=\"/assets/babylon/images/img-35.webp\" />\n </figure>\n </div>\n <div class=\"simple-img__content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"simple-img__content--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <div class=\"simple-img__heading\">\n <h2>Entra a nuestro exclusivo programa de fidelizaci\u00F3n</h2>\n <span class=\"simple-img__heading--sub\"\n >yclub by blanco</span\n >\n </div>\n <p>\n Nuestro programa tiene como objetivo principal valorar a sus\n clientes, ofreci\u00E9ndoles unas ventajas y servicios exclusivos\n para que su estancia sea \u00FAnica.\n </p>\n </div>\n <div class=\"btn__group\">\n <a href=\"/\" class=\"btn btn__primary\"\n ><span>M\u00E1s informaci\u00F3n</span></a\n >\n <a href=\"/\" class=\"btn btn__primary\"\n ><span>Reg\u00EDstrate Gratis</span></a\n >\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}.simple-img{padding-block:5rem}@media (min-width: 540px){.simple-img{padding-block:6rem}}@media (min-width: 768px){.simple-img{padding-block:7rem}}@media (min-width: 1280px){.simple-img{padding-block:8rem 17rem}}@media (min-width: 1366px){.simple-img{padding-block:8.9rem 18rem}}@media (min-width: 1680px){.simple-img{padding-block:10rem 19rem}}.simple-img__inner{position:relative;display:flex;flex-direction:column;background:#f9f8f5;margin:0 -4rem -5rem;padding-bottom:5rem}@media (min-width: 540px){.simple-img__inner{background:transparent;margin:0 auto;width:100%;max-width:41.8rem;padding-bottom:0}}@media (min-width: 768px){.simple-img__inner{max-width:59rem}}@media (min-width: 1280px){.simple-img__inner{max-width:100%;flex-direction:row}}.simple-img__inner .btn__group{display:flex;align-items:center;flex-direction:column;gap:1.8rem}@media (min-width: 540px){.simple-img__inner .btn__group{padding-top:2rem}}@media (min-width: 768px){.simple-img__inner .btn__group{padding-top:4rem;flex-direction:row;justify-content:center;gap:3rem}}@media (min-width: 1280px){.simple-img__inner .btn__group{position:absolute;inset-inline:0;top:100%;opacity:0;transition:all .5s;justify-content:center}}@media (max-width: 539.98px){.simple-img__inner .btn__group .btn__primary:hover{background:#fff;border-color:#fff}}@media (min-width: 1280px){.simple-img__inner:hover .btn__group{opacity:1}}@media (min-width: 1280px){.simple-img.simple-img--right .simple-img__inner{flex-direction:row-reverse}}@media (min-width: 1280px){.simple-img.simple-img--right .simple-img__content--graphic{left:auto;right:.1rem;transform:translate(100%,-50%) rotate(-90deg)}}.simple-img__inner .simple-img__image{width:100%}@media (min-width: 1280px){.simple-img__inner .simple-img__image{width:45.7rem;flex:0 0 auto}}@media (min-width: 1366px){.simple-img__inner .simple-img__image{width:50.3rem}}@media (min-width: 1680px){.simple-img__inner .simple-img__image{width:50%}}.simple-img__inner .simple-img__image figure{aspect-ratio:375/299}@media (min-width: 540px){.simple-img__inner .simple-img__image figure{aspect-ratio:417.54/333}}@media (min-width: 1280px){.simple-img__inner .simple-img__image figure{aspect-ratio:457/467}}@media (min-width: 1366px){.simple-img__inner .simple-img__image figure{aspect-ratio:503/467}}@media (min-width: 1680px){.simple-img__inner .simple-img__image figure{aspect-ratio:719.73/574}}.simple-img__inner .simple-img__content{padding:3rem 4rem;display:flex;flex:1 1 100%;flex-direction:column;gap:2rem;position:relative}@media (min-width: 540px){.simple-img__inner .simple-img__content{padding:3rem 3rem 5rem;gap:4.1rem;background:#f9f8f5}}@media (min-width: 768px){.simple-img__inner .simple-img__content{padding:4rem 6rem 6rem;gap:5rem}}@media (min-width: 1280px){.simple-img__inner .simple-img__content{padding:4rem 6.5rem 4rem 5rem;flex:1 1 auto}}@media (min-width: 1680px){.simple-img__inner .simple-img__content{padding:7rem 9rem 6rem}}.simple-img__inner .simple-img__content p{width:100%;color:#4a4a49cc;font-size:1.6rem;line-height:1.5}@media (min-width: 540px){.simple-img__inner .simple-img__content p{max-width:36.3rem;font-size:1.8rem;line-height:1.5555555556}}@media (min-width: 768px){.simple-img__inner .simple-img__content p{max-width:46.2rem;font-size:2rem;line-height:1.6;letter-spacing:.04rem}}@media (min-width: 1280px){.simple-img__inner .simple-img__content p{margin-top:auto;max-width:48.8rem;font-size:2rem;line-height:1.7}}@media (min-width: 1680px){.simple-img__inner .simple-img__content p{max-width:49.7rem}}.simple-img__inner .simple-img__content--graphic{position:absolute;aspect-ratio:2/1;width:6rem;top:.1rem;left:50%;color:#f9f8f5;transform:translate(-50%,-100%) scaleY(-1)}@media (min-width: 540px){.simple-img__inner .simple-img__content--graphic{width:10rem}}@media (min-width: 1280px){.simple-img__inner .simple-img__content--graphic{top:50%;left:.1rem;transform:translate(-100%,-50%) rotate(90deg);transform-origin:bottom}}.simple-img__inner .simple-img__heading{display:flex;flex-direction:column;gap:3rem}@media (min-width: 768px){.simple-img__inner .simple-img__heading{gap:4rem}}@media (min-width: 1280px){.simple-img__inner .simple-img__heading{gap:3rem}}@media (min-width: 1680px){.simple-img__inner .simple-img__heading{gap:4rem}}.simple-img__inner .simple-img__heading h2{font-size:3.4rem;line-height:1;width:100%}@media (min-width: 540px){.simple-img__inner .simple-img__heading h2{font-size:3.8rem;line-height:.9473684211;max-width:35.8rem}}@media (min-width: 768px){.simple-img__inner .simple-img__heading h2{font-size:5rem;line-height:1.08;max-width:46.9rem}}@media (min-width: 1280px){.simple-img__inner .simple-img__heading h2{max-width:46.7rem}}@media (min-width: 1680px){.simple-img__inner .simple-img__heading h2{max-width:48.9rem}}.simple-img__inner .simple-img__heading--sub{color:#4a4a49cc;text-transform:uppercase;font-size:1.6rem;line-height:1;letter-spacing:.064rem}@media (min-width: 540px){.simple-img__inner .simple-img__heading--sub{font-size:1.7rem;line-height:1;letter-spacing:.17rem}}@media (min-width: 768px){.simple-img__inner .simple-img__heading--sub{font-size:2rem;line-height:1}}@media (min-width: 1280px){.simple-img__inner .simple-img__heading--sub{letter-spacing:.3rem}}\n"] }]
3264
3367
  }] });
3265
3368
 
3369
+ class BabylonSliC3SvgVidCtaComponent {
3370
+ constructor(host, platformId) {
3371
+ this.host = host;
3372
+ this.platformId = platformId;
3373
+ this.cleanupFns = [];
3374
+ }
3375
+ ngAfterViewInit() {
3376
+ if (!isPlatformBrowser(this.platformId))
3377
+ return;
3378
+ this.initHoverEmbeds();
3379
+ }
3380
+ ngOnDestroy() {
3381
+ // Limpia listeners y iframes
3382
+ this.cleanupFns.forEach((fn) => fn());
3383
+ this.cleanupFns = [];
3384
+ }
3385
+ // =====================================
3386
+ // Crear iframes en hover (YT + Vimeo)
3387
+ // =====================================
3388
+ initHoverEmbeds() {
3389
+ const root = this.host.nativeElement;
3390
+ // YouTube
3391
+ const ytElems = root.querySelectorAll('.yt-video');
3392
+ ytElems.forEach((el) => this.setupHoverIframe(el, 'youtube'));
3393
+ // Vimeo
3394
+ const vmElems = root.querySelectorAll('.vimeo-video');
3395
+ vmElems.forEach((el) => this.setupHoverIframe(el, 'vimeo'));
3396
+ }
3397
+ setupHoverIframe(container, type) {
3398
+ const imgVid = container.closest('.SliC3SvgVidCta__item--imgVid');
3399
+ const item = container.closest('.SliC3SvgVidCta__item');
3400
+ if (!imgVid || !item)
3401
+ return;
3402
+ const videoId = container.getAttribute('data-video-id');
3403
+ if (!videoId)
3404
+ return;
3405
+ let iframeCreated = false;
3406
+ const createIframe = () => {
3407
+ const iframe = document.createElement('iframe');
3408
+ if (type === 'youtube') {
3409
+ iframe.src =
3410
+ 'https://www.youtube.com/embed/' +
3411
+ videoId +
3412
+ '?autoplay=1&mute=1&controls=0&rel=0&playsinline=1&loop=1&playlist=' +
3413
+ videoId;
3414
+ }
3415
+ else {
3416
+ iframe.src =
3417
+ 'https://player.vimeo.com/video/' +
3418
+ videoId +
3419
+ '?autoplay=1&muted=1&loop=1&background=1&title=0&byline=0&portrait=0';
3420
+ }
3421
+ iframe.setAttribute('frameborder', '0');
3422
+ iframe.setAttribute('allow', 'autoplay; encrypted-media; fullscreen; picture-in-picture');
3423
+ // NO ponemos width/height inline para que mande tu SCSS
3424
+ return iframe;
3425
+ };
3426
+ const onEnter = () => {
3427
+ item.classList.add('is-video-hover');
3428
+ if (!iframeCreated) {
3429
+ iframeCreated = true;
3430
+ const iframe = createIframe();
3431
+ iframe.addEventListener('load', () => {
3432
+ // cuando el vídeo está listo, ya podemos cambiar de imagen a vídeo
3433
+ item.classList.add('is-video-ready');
3434
+ });
3435
+ // dejamos el div .yt-video/.vimeo-video y metemos dentro el iframe
3436
+ container.innerHTML = '';
3437
+ container.appendChild(iframe);
3438
+ }
3439
+ else {
3440
+ // ya estaba creado y cargado en algún momento → si está ready, se aplicará el CSS
3441
+ }
3442
+ };
3443
+ const onLeave = () => {
3444
+ item.classList.remove('is-video-hover');
3445
+ // NO quitamos el iframe: así la próxima vez no hay delay de carga
3446
+ };
3447
+ imgVid.addEventListener('mouseenter', onEnter);
3448
+ imgVid.addEventListener('mouseleave', onLeave);
3449
+ this.cleanupFns.push(() => imgVid.removeEventListener('mouseenter', onEnter));
3450
+ this.cleanupFns.push(() => imgVid.removeEventListener('mouseleave', onLeave));
3451
+ }
3452
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC3SvgVidCtaComponent, deps: [{ token: i0.ElementRef }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component }); }
3453
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonSliC3SvgVidCtaComponent, isStandalone: true, selector: "lib-babylon-sli-c3-svg-vid-cta", ngImport: i0, template: "<section\n class=\"SliC3SvgVidCta js-active-slider\"\n appSlickInit\n data-slider_pause=\"false\"\n data-slider_name=\"SliC3SvgVidCta__slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slides_pc=\"3.12\"\n data-slides_laptop=\"3.12\"\n data-slides_tablet=\"3.12\"\n data-slides_mobile=\"2\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n data-slides_infinite=\"true\"\n data-slider_draggable=\"true\"\n>\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"SliC3SvgVidCta__logo\">\n <use\n href=\"/assets/babylon/svg/canbordoy-icon-logo.svg#canbordoy-icon-logo\"\n ></use>\n </svg>\n\n <div class=\"relative\">\n <div class=\"swiper SliC3SvgVidCta__slider js-slider_fix-arrows\">\n <!-- SLIDE 1 -->\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3SvgVidCta__item\">\n <div\n class=\"SliC3SvgVidCta__item--imgVid js-slider_fix-arrows-zone mobile\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-2.jpg\"\n alt=\"\"\n />\n <div\n class=\"yt-video\"\n data-video-id=\"aZ5y-8oJQ_c\"\n >\n &nbsp;\n </div>\n </figure>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"SliC3SvgVidCta__item--play\"\n >\n <use\n href=\"/assets/babylon/svg/play-icon.svg#play-icon\"\n ></use>\n </svg>\n </div>\n <div class=\"SliC3SvgVidCta__item--heading\">\n <h3>Accommodation</h3>\n <p>24 uniques Accommodation</p>\n </div>\n <div class=\"btn__group\">\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </a>\n </div>\n\n <!-- SLIDE 2 -->\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3SvgVidCta__item\">\n <div\n class=\"SliC3SvgVidCta__item--imgVid js-slider_fix-arrows-zone mobile\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-3.jpg\"\n alt=\"\"\n />\n <div\n class=\"vimeo-video\"\n data-video-id=\"379953989\"\n ></div>\n </figure>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"SliC3SvgVidCta__item--play\"\n >\n <use\n href=\"/assets/babylon/svg/play-icon.svg#play-icon\"\n ></use>\n </svg>\n </div>\n <div class=\"SliC3SvgVidCta__item--heading\">\n <h3>Gallery</h3>\n <p>can bordoy</p>\n </div>\n <div class=\"btn__group\">\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </a>\n </div>\n\n <!-- SLIDE 3 -->\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3SvgVidCta__item\">\n <div\n class=\"SliC3SvgVidCta__item--imgVid js-slider_fix-arrows-zone mobile\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-4.jpg\"\n alt=\"\"\n />\n <div\n class=\"yt-video\"\n data-video-id=\"aZ5y-8oJQ_c\"\n >\n &nbsp;\n </div>\n </figure>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"SliC3SvgVidCta__item--play\"\n >\n <use\n href=\"/assets/babylon/svg/play-icon.svg#play-icon\"\n ></use>\n </svg>\n </div>\n <div class=\"SliC3SvgVidCta__item--heading\">\n <h3>Bot\u00E0nic</h3>\n <p>restaurant</p>\n </div>\n <div class=\"btn__group\">\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </a>\n </div>\n\n <!-- SLIDE 4 -->\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3SvgVidCta__item\">\n <div\n class=\"SliC3SvgVidCta__item--imgVid js-slider_fix-arrows-zone mobile\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-5.jpg\"\n alt=\"\"\n />\n <div\n class=\"vimeo-video\"\n data-video-id=\"379953989\"\n ></div>\n </figure>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"SliC3SvgVidCta__item--play\"\n >\n <use\n href=\"/assets/babylon/svg/play-icon.svg#play-icon\"\n ></use>\n </svg>\n </div>\n <div class=\"SliC3SvgVidCta__item--heading\">\n <h3>Spa & Wellness</h3>\n <p>well being and relax</p>\n </div>\n <div class=\"btn__group\">\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </a>\n </div>\n\n <!-- SLIDE 5 -->\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3SvgVidCta__item\">\n <div\n class=\"SliC3SvgVidCta__item--imgVid js-slider_fix-arrows-zone mobile\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-6.jpg\"\n alt=\"\"\n />\n <div\n class=\"yt-video\"\n data-video-id=\"aZ5y-8oJQ_c\"\n >\n &nbsp;\n </div>\n </figure>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"SliC3SvgVidCta__item--play\"\n >\n <use\n href=\"/assets/babylon/svg/play-icon.svg#play-icon\"\n ></use>\n </svg>\n </div>\n <div class=\"SliC3SvgVidCta__item--heading\">\n <h3>Palma</h3>\n <p>Experiences urban</p>\n </div>\n <div class=\"btn__group\">\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </a>\n </div>\n </div>\n\n <div class=\"js-slider-arrows\"></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}.SliC3SvgVidCta{padding-top:7rem;isolation:isolate;position:relative}@media (min-width: 768px){.SliC3SvgVidCta{padding-top:9rem}}@media (min-width: 1280px){.SliC3SvgVidCta{padding-block:10rem}}.SliC3SvgVidCta__logo{position:absolute;left:50%;transform:translate(-50%);z-index:2;top:3.5rem;aspect-ratio:47/60;width:4.7rem}@media (min-width: 540px){.SliC3SvgVidCta__logo{width:5.9rem;top:2.1rem}}@media (min-width: 768px){.SliC3SvgVidCta__logo{width:6.8rem;top:3.661rem}}@media (min-width: 1280px){.SliC3SvgVidCta__logo{top:4.761rem}}.SliC3SvgVidCta__item{width:100%;position:relative;padding-bottom:10.8rem}@media (min-width: 1024px){.SliC3SvgVidCta__item{padding-bottom:9rem}}@media (min-width: 1280px){.SliC3SvgVidCta__item{padding-bottom:0}}.SliC3SvgVidCta__item--imgVid{position:relative;aspect-ratio:576/805;overflow:hidden}.SliC3SvgVidCta__item figure{isolation:isolate;position:absolute;inset:0;overflow:hidden}.SliC3SvgVidCta__item figure img{width:100%;height:100%;object-fit:cover;z-index:-1;opacity:1;pointer-events:none;transition:all .5s}.SliC3SvgVidCta__item figure .yt-video,.SliC3SvgVidCta__item figure .vimeo-video{position:absolute;inset:0;opacity:0;transition:all .5s;pointer-events:none;overflow:hidden}.SliC3SvgVidCta__item figure:before,.SliC3SvgVidCta__item figure:after{content:\"\";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#1e1e1e,#1e1e1e00);z-index:1}.SliC3SvgVidCta__item figure:before{bottom:auto;opacity:.8}.SliC3SvgVidCta__item figure:after{top:auto;opacity:.4;transform:scaleY(-1)}.SliC3SvgVidCta__item.is-video-hover.is-video-ready figure img{opacity:0}.SliC3SvgVidCta__item.is-video-hover.is-video-ready figure .yt-video,.SliC3SvgVidCta__item.is-video-hover.is-video-ready figure .vimeo-video{opacity:1}.SliC3SvgVidCta__item.is-video-hover.is-video-ready .SliC3SvgVidCta__item--play{opacity:0}.SliC3SvgVidCta__item--play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:1;width:6.4rem;aspect-ratio:1;transition:all .5s}@media (min-width: 1280px){.SliC3SvgVidCta__item--play{width:8.4rem}}.SliC3SvgVidCta__item--heading{position:absolute;inset:0 0 auto;padding-top:5rem;display:flex;align-items:center;flex-direction:column;gap:1.6rem}@media (min-width: 768px){.SliC3SvgVidCta__item--heading{padding-top:5.5rem;padding-inline:5rem}}@media (min-width: 1024px){.SliC3SvgVidCta__item--heading{align-items:flex-start;padding-inline:3.3rem}}@media (min-width: 1280px){.SliC3SvgVidCta__item--heading{padding-inline:2.2rem;padding-top:6rem}}@media (min-width: 1366px){.SliC3SvgVidCta__item--heading{padding-inline:4rem}}@media (min-width: 1680px){.SliC3SvgVidCta__item--heading{padding-inline:6rem;padding-top:7rem}}@media (min-width: 1800px){.SliC3SvgVidCta__item--heading{padding-inline:7rem;padding-top:7.1rem}}.SliC3SvgVidCta__item--heading h3{font-size:3.4rem;line-height:1;letter-spacing:-.03em;color:#fff}@media (min-width: 1280px){.SliC3SvgVidCta__item--heading h3{font-size:4.4rem}}@media (min-width: 1680px){.SliC3SvgVidCta__item--heading h3{font-size:5rem}}.SliC3SvgVidCta__item--heading p{color:#fff;font-size:1.4rem;line-height:.7;text-transform:uppercase;letter-spacing:.05em}@media (min-width: 1280px){.SliC3SvgVidCta__item--heading p{font-size:1.6rem;letter-spacing:.1em}}@media (min-width: 1024px){.SliC3SvgVidCta__item .btn{cursor:pointer}}.SliC3SvgVidCta__item .btn__group{justify-content:center;position:absolute;transition:all .5s;inset-inline:0;bottom:3.7rem;z-index:1}@media (min-width: 1024px){.SliC3SvgVidCta__item .btn__group{bottom:2.5rem}}@media (min-width: 1280px){.SliC3SvgVidCta__item .btn__group{bottom:3rem}}@media (min-width: 1680px){.SliC3SvgVidCta__item .btn__group{bottom:4rem;opacity:0}}@media (min-width: 1024px){.SliC3SvgVidCta__item .btn__outline:not(:hover):not(:focus){border-color:#f9f8f5;color:#f9f8f5}}@media (min-width: 1680px){.SliC3SvgVidCta__item:hover .btn__group{opacity:1}}.SliC3SvgVidCta:before,.SliC3SvgVidCta:after{content:\"\";position:absolute;z-index:-1;inset:0}.SliC3SvgVidCta:before{bottom:auto;height:7rem;background:#fff}@media (min-width: 768px){.SliC3SvgVidCta:before{height:9rem}}@media (min-width: 1280px){.SliC3SvgVidCta:before{height:10rem}}.SliC3SvgVidCta:after{top:auto;height:10.8rem;background:#f9f8f5}@media (min-width: 1024px){.SliC3SvgVidCta:after{height:9rem}}@media (min-width: 1280px){.SliC3SvgVidCta:after{height:10rem}}@media (min-width: 1024px){.SliC3SvgVidCta__slider,.SliC3SvgVidCta a{cursor:url(/assets/babylon/images/cursor-nav.svg) 35 35,auto}}.js-slider-arrows{position:absolute;top:var(--sliderNav__position, 50%);inset-inline:0;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%);z-index:1}@media (min-width: 1024px){.js-slider-arrows{display:none}}.js-slider-arrows .swiper-button-prev,.js-slider-arrows .swiper-button-next{position:static;margin-top:0;pointer-events:initial;aspect-ratio:1/2;width:3.5rem;height:auto}.js-slider-arrows .swiper-button-prev svg,.js-slider-arrows .swiper-button-next svg{width:100%;height:100%}:host ::ng-deep .SliC3SvgVidCta .yt-video iframe,:host ::ng-deep .SliC3SvgVidCta .vimeo-video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;aspect-ratio:16/9}\n"], dependencies: [{ kind: "directive", type: SlickInitDirective, selector: ".js-active-slider,[appSlickInit]" }] }); }
3454
+ }
3455
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliC3SvgVidCtaComponent, decorators: [{
3456
+ type: Component,
3457
+ args: [{ selector: 'lib-babylon-sli-c3-svg-vid-cta', standalone: true, imports: [SlickInitDirective], template: "<section\n class=\"SliC3SvgVidCta js-active-slider\"\n appSlickInit\n data-slider_pause=\"false\"\n data-slider_name=\"SliC3SvgVidCta__slider\"\n data-slider_showbtns=\"true\"\n data-slider_showdots=\"false\"\n data-slides_pc=\"3.12\"\n data-slides_laptop=\"3.12\"\n data-slides_tablet=\"3.12\"\n data-slides_mobile=\"2\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n data-slides_infinite=\"true\"\n data-slider_draggable=\"true\"\n>\n <svg aria-hidden=\"true\" focusable=\"false\" class=\"SliC3SvgVidCta__logo\">\n <use\n href=\"/assets/babylon/svg/canbordoy-icon-logo.svg#canbordoy-icon-logo\"\n ></use>\n </svg>\n\n <div class=\"relative\">\n <div class=\"swiper SliC3SvgVidCta__slider js-slider_fix-arrows\">\n <!-- SLIDE 1 -->\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3SvgVidCta__item\">\n <div\n class=\"SliC3SvgVidCta__item--imgVid js-slider_fix-arrows-zone mobile\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-2.jpg\"\n alt=\"\"\n />\n <div\n class=\"yt-video\"\n data-video-id=\"aZ5y-8oJQ_c\"\n >\n &nbsp;\n </div>\n </figure>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"SliC3SvgVidCta__item--play\"\n >\n <use\n href=\"/assets/babylon/svg/play-icon.svg#play-icon\"\n ></use>\n </svg>\n </div>\n <div class=\"SliC3SvgVidCta__item--heading\">\n <h3>Accommodation</h3>\n <p>24 uniques Accommodation</p>\n </div>\n <div class=\"btn__group\">\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </a>\n </div>\n\n <!-- SLIDE 2 -->\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3SvgVidCta__item\">\n <div\n class=\"SliC3SvgVidCta__item--imgVid js-slider_fix-arrows-zone mobile\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-3.jpg\"\n alt=\"\"\n />\n <div\n class=\"vimeo-video\"\n data-video-id=\"379953989\"\n ></div>\n </figure>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"SliC3SvgVidCta__item--play\"\n >\n <use\n href=\"/assets/babylon/svg/play-icon.svg#play-icon\"\n ></use>\n </svg>\n </div>\n <div class=\"SliC3SvgVidCta__item--heading\">\n <h3>Gallery</h3>\n <p>can bordoy</p>\n </div>\n <div class=\"btn__group\">\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </a>\n </div>\n\n <!-- SLIDE 3 -->\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3SvgVidCta__item\">\n <div\n class=\"SliC3SvgVidCta__item--imgVid js-slider_fix-arrows-zone mobile\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-4.jpg\"\n alt=\"\"\n />\n <div\n class=\"yt-video\"\n data-video-id=\"aZ5y-8oJQ_c\"\n >\n &nbsp;\n </div>\n </figure>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"SliC3SvgVidCta__item--play\"\n >\n <use\n href=\"/assets/babylon/svg/play-icon.svg#play-icon\"\n ></use>\n </svg>\n </div>\n <div class=\"SliC3SvgVidCta__item--heading\">\n <h3>Bot\u00E0nic</h3>\n <p>restaurant</p>\n </div>\n <div class=\"btn__group\">\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </a>\n </div>\n\n <!-- SLIDE 4 -->\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3SvgVidCta__item\">\n <div\n class=\"SliC3SvgVidCta__item--imgVid js-slider_fix-arrows-zone mobile\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-5.jpg\"\n alt=\"\"\n />\n <div\n class=\"vimeo-video\"\n data-video-id=\"379953989\"\n ></div>\n </figure>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"SliC3SvgVidCta__item--play\"\n >\n <use\n href=\"/assets/babylon/svg/play-icon.svg#play-icon\"\n ></use>\n </svg>\n </div>\n <div class=\"SliC3SvgVidCta__item--heading\">\n <h3>Spa & Wellness</h3>\n <p>well being and relax</p>\n </div>\n <div class=\"btn__group\">\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </a>\n </div>\n\n <!-- SLIDE 5 -->\n <div class=\"swiper-slide\">\n <a href=\"\">\n <div class=\"SliC3SvgVidCta__item\">\n <div\n class=\"SliC3SvgVidCta__item--imgVid js-slider_fix-arrows-zone mobile\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-6.jpg\"\n alt=\"\"\n />\n <div\n class=\"yt-video\"\n data-video-id=\"aZ5y-8oJQ_c\"\n >\n &nbsp;\n </div>\n </figure>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"SliC3SvgVidCta__item--play\"\n >\n <use\n href=\"/assets/babylon/svg/play-icon.svg#play-icon\"\n ></use>\n </svg>\n </div>\n <div class=\"SliC3SvgVidCta__item--heading\">\n <h3>Palma</h3>\n <p>Experiences urban</p>\n </div>\n <div class=\"btn__group\">\n <button class=\"btn btn__outline\">\n <span>More Information</span>\n </button>\n </div>\n </div>\n </a>\n </div>\n </div>\n\n <div class=\"js-slider-arrows\"></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}.SliC3SvgVidCta{padding-top:7rem;isolation:isolate;position:relative}@media (min-width: 768px){.SliC3SvgVidCta{padding-top:9rem}}@media (min-width: 1280px){.SliC3SvgVidCta{padding-block:10rem}}.SliC3SvgVidCta__logo{position:absolute;left:50%;transform:translate(-50%);z-index:2;top:3.5rem;aspect-ratio:47/60;width:4.7rem}@media (min-width: 540px){.SliC3SvgVidCta__logo{width:5.9rem;top:2.1rem}}@media (min-width: 768px){.SliC3SvgVidCta__logo{width:6.8rem;top:3.661rem}}@media (min-width: 1280px){.SliC3SvgVidCta__logo{top:4.761rem}}.SliC3SvgVidCta__item{width:100%;position:relative;padding-bottom:10.8rem}@media (min-width: 1024px){.SliC3SvgVidCta__item{padding-bottom:9rem}}@media (min-width: 1280px){.SliC3SvgVidCta__item{padding-bottom:0}}.SliC3SvgVidCta__item--imgVid{position:relative;aspect-ratio:576/805;overflow:hidden}.SliC3SvgVidCta__item figure{isolation:isolate;position:absolute;inset:0;overflow:hidden}.SliC3SvgVidCta__item figure img{width:100%;height:100%;object-fit:cover;z-index:-1;opacity:1;pointer-events:none;transition:all .5s}.SliC3SvgVidCta__item figure .yt-video,.SliC3SvgVidCta__item figure .vimeo-video{position:absolute;inset:0;opacity:0;transition:all .5s;pointer-events:none;overflow:hidden}.SliC3SvgVidCta__item figure:before,.SliC3SvgVidCta__item figure:after{content:\"\";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#1e1e1e,#1e1e1e00);z-index:1}.SliC3SvgVidCta__item figure:before{bottom:auto;opacity:.8}.SliC3SvgVidCta__item figure:after{top:auto;opacity:.4;transform:scaleY(-1)}.SliC3SvgVidCta__item.is-video-hover.is-video-ready figure img{opacity:0}.SliC3SvgVidCta__item.is-video-hover.is-video-ready figure .yt-video,.SliC3SvgVidCta__item.is-video-hover.is-video-ready figure .vimeo-video{opacity:1}.SliC3SvgVidCta__item.is-video-hover.is-video-ready .SliC3SvgVidCta__item--play{opacity:0}.SliC3SvgVidCta__item--play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:1;width:6.4rem;aspect-ratio:1;transition:all .5s}@media (min-width: 1280px){.SliC3SvgVidCta__item--play{width:8.4rem}}.SliC3SvgVidCta__item--heading{position:absolute;inset:0 0 auto;padding-top:5rem;display:flex;align-items:center;flex-direction:column;gap:1.6rem}@media (min-width: 768px){.SliC3SvgVidCta__item--heading{padding-top:5.5rem;padding-inline:5rem}}@media (min-width: 1024px){.SliC3SvgVidCta__item--heading{align-items:flex-start;padding-inline:3.3rem}}@media (min-width: 1280px){.SliC3SvgVidCta__item--heading{padding-inline:2.2rem;padding-top:6rem}}@media (min-width: 1366px){.SliC3SvgVidCta__item--heading{padding-inline:4rem}}@media (min-width: 1680px){.SliC3SvgVidCta__item--heading{padding-inline:6rem;padding-top:7rem}}@media (min-width: 1800px){.SliC3SvgVidCta__item--heading{padding-inline:7rem;padding-top:7.1rem}}.SliC3SvgVidCta__item--heading h3{font-size:3.4rem;line-height:1;letter-spacing:-.03em;color:#fff}@media (min-width: 1280px){.SliC3SvgVidCta__item--heading h3{font-size:4.4rem}}@media (min-width: 1680px){.SliC3SvgVidCta__item--heading h3{font-size:5rem}}.SliC3SvgVidCta__item--heading p{color:#fff;font-size:1.4rem;line-height:.7;text-transform:uppercase;letter-spacing:.05em}@media (min-width: 1280px){.SliC3SvgVidCta__item--heading p{font-size:1.6rem;letter-spacing:.1em}}@media (min-width: 1024px){.SliC3SvgVidCta__item .btn{cursor:pointer}}.SliC3SvgVidCta__item .btn__group{justify-content:center;position:absolute;transition:all .5s;inset-inline:0;bottom:3.7rem;z-index:1}@media (min-width: 1024px){.SliC3SvgVidCta__item .btn__group{bottom:2.5rem}}@media (min-width: 1280px){.SliC3SvgVidCta__item .btn__group{bottom:3rem}}@media (min-width: 1680px){.SliC3SvgVidCta__item .btn__group{bottom:4rem;opacity:0}}@media (min-width: 1024px){.SliC3SvgVidCta__item .btn__outline:not(:hover):not(:focus){border-color:#f9f8f5;color:#f9f8f5}}@media (min-width: 1680px){.SliC3SvgVidCta__item:hover .btn__group{opacity:1}}.SliC3SvgVidCta:before,.SliC3SvgVidCta:after{content:\"\";position:absolute;z-index:-1;inset:0}.SliC3SvgVidCta:before{bottom:auto;height:7rem;background:#fff}@media (min-width: 768px){.SliC3SvgVidCta:before{height:9rem}}@media (min-width: 1280px){.SliC3SvgVidCta:before{height:10rem}}.SliC3SvgVidCta:after{top:auto;height:10.8rem;background:#f9f8f5}@media (min-width: 1024px){.SliC3SvgVidCta:after{height:9rem}}@media (min-width: 1280px){.SliC3SvgVidCta:after{height:10rem}}@media (min-width: 1024px){.SliC3SvgVidCta__slider,.SliC3SvgVidCta a{cursor:url(/assets/babylon/images/cursor-nav.svg) 35 35,auto}}.js-slider-arrows{position:absolute;top:var(--sliderNav__position, 50%);inset-inline:0;display:flex;justify-content:space-between;pointer-events:none;transform:translateY(-50%);z-index:1}@media (min-width: 1024px){.js-slider-arrows{display:none}}.js-slider-arrows .swiper-button-prev,.js-slider-arrows .swiper-button-next{position:static;margin-top:0;pointer-events:initial;aspect-ratio:1/2;width:3.5rem;height:auto}.js-slider-arrows .swiper-button-prev svg,.js-slider-arrows .swiper-button-next svg{width:100%;height:100%}:host ::ng-deep .SliC3SvgVidCta .yt-video iframe,:host ::ng-deep .SliC3SvgVidCta .vimeo-video iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;aspect-ratio:16/9}\n"] }]
3458
+ }], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined, decorators: [{
3459
+ type: Inject,
3460
+ args: [PLATFORM_ID]
3461
+ }] }] });
3462
+
3266
3463
  class BabylonSliderBoxComponent {
3267
3464
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: BabylonSliderBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3268
3465
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: BabylonSliderBoxComponent, isStandalone: true, selector: "lib-babylon-slider-box", ngImport: i0, template: "<section\n class=\"simple-box js-active-slider slides-visible\"\n data-slider_draggable=\"false\"\n data-slider_name=\"js-simple-box-slider\"\n data-slider_showbtns=\"true\"\n data-slider_btns=\"icon-small\"\n data-slider_showdots=\"false\"\n data-slider_fade=\"false\"\n data-slider_autoplay=\"false\"\n data-slides_pc=\"3\"\n data-slides_laptop=\"3\"\n data-slides_tablet=\"3\"\n data-slides_mobile=\"2\"\n data-slides_mobile_small=\"1\"\n data-slides_mobile_xsmall=\"1\"\n>\n <div class=\"container\">\n <div class=\"simple-box__inner\">\n <span class=\"simple-box__title\">Otras habitaciones</span>\n <div class=\"relative\">\n <div\n class=\"simple-box__slider js-simple-box-slider js-slider_fix-arrows\"\n >\n <div>\n <div class=\"simple-box__item\">\n <a href=\"/\">\n <div\n class=\"simple-box__image js-slider_fix-arrows-zone\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-61.webp\"\n />\n </figure>\n </div>\n </a>\n <div class=\"simple-box__content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"simple-box__content--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <h2>DOBLE CON PISCINA</h2>\n <p>Habitaci\u00F3n</p>\n <div class=\"btn__group\">\n <a href=\"/\" class=\"btn btn__primary\"\n ><span>Ver Habitaci\u00F3n</span></a\n >\n </div>\n </div>\n </div>\n </div>\n <div>\n <div class=\"simple-box__item\">\n <a href=\"/\">\n <div\n class=\"simple-box__image js-slider_fix-arrows-zone\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-62.webp\"\n />\n </figure>\n </div>\n </a>\n <div class=\"simple-box__content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"simple-box__content--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <h2>SUPERIOR VISTA PISCINA</h2>\n <p>Habitaci\u00F3n</p>\n <div class=\"btn__group\">\n <a href=\"/\" class=\"btn btn__primary\"\n ><span>Ver Habitaci\u00F3n</span></a\n >\n </div>\n </div>\n </div>\n </div>\n <div>\n <div class=\"simple-box__item\">\n <a href=\"/\">\n <div\n class=\"simple-box__image js-slider_fix-arrows-zone\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-63.webp\"\n />\n </figure>\n </div>\n </a>\n <div class=\"simple-box__content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"simple-box__content--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <h2>JUNIOR SUITE</h2>\n <p>Habitaci\u00F3n</p>\n <div class=\"btn__group\">\n <a href=\"/\" class=\"btn btn__primary\"\n ><span>Ver Habitaci\u00F3n</span></a\n >\n </div>\n </div>\n </div>\n </div>\n <div>\n <div class=\"simple-box__item\">\n <a href=\"/\">\n <div\n class=\"simple-box__image js-slider_fix-arrows-zone\"\n >\n <figure>\n <img\n src=\"/assets/babylon/images/img-93.webp\"\n />\n </figure>\n </div>\n </a>\n <div class=\"simple-box__content\">\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n class=\"simple-box__content--graphic\"\n >\n <use\n href=\"/assets/babylon/svg/icon-graphic.svg#icon-graphic\"\n ></use>\n </svg>\n <h2>GARDEN SUITE</h2>\n <p>Habitaci\u00F3n</p>\n <div class=\"btn__group\">\n <a href=\"/\" class=\"btn btn__primary\"\n ><span>Ver Habitaci\u00F3n</span></a\n >\n </div>\n </div>\n </div>\n </div>\n </div>\n <div\n class=\"js-slider-arrows arrows--absolute arrows--full\"\n ></div>\n </div>\n </div>\n </div>\n</section>\n", styles: [":root{--font-title: \"the-seasons\", Helvetica, sans-serif;--font-pretitle: \"Poppins\", Helvetica, sans-serif;--font-text: \"Poppins\", Helvetica, sans-serif;--font-claim: \"turbinado-pro\", Helvetica, sans-serif;--cl_corp: #24262d;--cl_accent: #aa8453;--cl_icon: #978667;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #24262d;--cl_breadcrumb-hover: #978667;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #fdfbf8;--cl_background_white: #fff;--cl_background_dark: #19314b;--cl_background_gray: #eee;--cl_background_dark-opacity: #19314bbf;--cl_title: #978667;--cl_subtitle: #19314b;--cl_pretitle: #19314b;--cl_text: #3c3b3b;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--w_title: 600;--w_text: 300;--w_subtitle: 300;--w_pretitle: 300;--cl_header-bg: #494949;--cl_header-text-light: #fff;--cl_menu-bg: #19314b;--cl_menu-text: #fff;--cl_submenu-bg: #19314b;--cl_submenu-text: #fff;--cl_submenu-hover: #978667;--w_btn: 400;--cl_btn-box: #19314b;--cl_btn-box-text: #19314b;--cl_btn-box-hover: #978667;--cl_btn-box-text-hover: #fff;--cl_btn-call: #19314bf2;--cl_btn-call-text: white;--cl_btn-call-hover: #978667;--cl_btn-call-text-hover: #fff;--cl_btn-link: #19314b;--cl_btn-link-hover: #978667;--cl_btn-arrow: #19314b;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #978667;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #24262d;--cl_btn-dots-active: #978667;--cl_btn-dots-hover: #978667;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #978667;--cl_btn-light-text-hover: #978667;--cl_footer-bg: #19314b;--cl_footer-bg-bottom: #0a1d31;--cl_footer-scroll: #978667;--cl_footer-text: #fff;--cl_footer-text-hover: #978667;--btn_radius: 5px;--img_radius: 5px;--img_border: #fff;--img_border-whidth: 1px;--cl_engine-bg: #fff;--cl_engine-bg-dark: #19314b;--cl_engine-input-bg: #47474724;--cl_engine-input-bg-select: #ebebeb;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #19314b;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a;--cl_desde: #bcbbc3;--cl_price: #19314b;--cl_badget: #ff8874;--cl_badget-text: #fff}.cs_dark{--cl_corp: #181818;--cl_accent: #aa8453;--cl_icon: #aa8453;--cl_icon-light: #fff;--cl_border-light: #ededed;--cl_border-dark: #d9e1e6;--cl_shadow: rgba(0, 0, 0, .1);--cl_breadcrumb: #fff;--cl_breadcrumb-hover: #aa8453;--cl_preload-bg: #ededed;--cl_preload: #24262d;--cl_background_body: #181818;--cl_background_white: transparent;--cl_background_dark: #aa8453;--cl_background_gray: #333;--cl_title: #fff;--cl_subtitle: #aa8453;--cl_pretitle: #aa8453;--cl_text: #fff;--cl_title-light: #fff;--cl_subtitle-light: #fff;--cl_pretitle-light: #fff;--cl_text-light: #fff;--cl_header-bg: #aa8453;--cl_header-text-light: #fff;--cl_menu-bg: #79582c;--cl_menu-text: #fff;--cl_btn-box: #aa8453;--cl_btn-box-text: #aa8453;--cl_btn-box-hover: #79582c;--cl_btn-box-text-hover: #fff;--cl_btn-call: #aa8453;--cl_btn-call-text: white;--cl_btn-call-hover: #79582c;--cl_btn-call-text-hover: #fff;--cl_btn-link: #aa8453;--cl_btn-link-hover: #79582c;--cl_btn-arrow: #ffffff3a;--cl_btn-arrow-icon: #fff;--cl_btn-arrow-hover: #79582c;--cl_btn-arrow-icon-hover: #fff;--cl_btn-dots: #eee;--cl_btn-dots-active: #79582c;--cl_btn-dots-hover: #79582c;--cl_btn-light: #fff;--cl_btn-light-text: #fff;--cl_btn-light-hover: #79582c;--cl_btn-light-text-hover: #79582c;--cl_footer-bg: #aa8453;--cl_footer-bg-bottom: #79582c;--cl_footer-scroll: #aa8453;--cl_footer-text: #fff;--cl_footer-text-hover: #aa8453;--btn_radius: 1px;--img_radius: 0px;--img_border: #fff;--img_border-whidth: 2px;--cl_engine-bg: #181818;--cl_engine-input-bg: #79582c;--cl_engine-input-bg-hover: #081523;--cl_engine-text: #fff;--cl_dropdown: #19314b;--cl_dropdown-text: #5a5a5a;--cl_dropdown-hover: #19314b;--cl_dropdown-radius: 20px;--cl_newsletter-input-background: #d1d1d1;--cl_newsletter-input-text: #5a5a5a}.mt--0{margin-top:0!important}.mb--0{margin-bottom:0!important}.mr--0{margin-right:0!important}.ml--0{margin-left:0!important}.pt--0{padding-top:0}.pb--0{padding-bottom:0}.pl--0{padding-left:0!important}.mblock--0{margin-block:0px}.pblock--0{padding-block:0px}.mt--10{margin-top:10px!important}.mb--10{margin-bottom:10px!important}.mr--10{margin-right:10px!important}.ml--10{margin-left:10px!important}.pt--10{padding-top:10px}.pb--10{padding-bottom:10px}.pl--10{padding-left:10px!important}.mblock--10{margin-block:10px}.pblock--10{padding-block:10px}.mt--20{margin-top:20px!important}.mb--20{margin-bottom:20px!important}.mr--20{margin-right:20px!important}.ml--20{margin-left:20px!important}.pt--20{padding-top:20px}.pb--20{padding-bottom:20px}.pl--20{padding-left:20px!important}.mblock--20{margin-block:20px}.pblock--20{padding-block:20px}.mt--25{margin-top:25px!important}.mb--25{margin-bottom:25px!important}.mr--25{margin-right:25px!important}.ml--25{margin-left:25px!important}.pt--25{padding-top:25px}.pb--25{padding-bottom:25px}.pl--25{padding-left:25px!important}.mblock--25{margin-block:25px}.pblock--25{padding-block:25px}.mt--30{margin-top:30px!important}.mb--30{margin-bottom:30px!important}.mr--30{margin-right:30px!important}.ml--30{margin-left:30px!important}.pt--30{padding-top:30px}.pb--30{padding-bottom:30px}.pl--30{padding-left:30px!important}.mblock--30{margin-block:30px}.pblock--30{padding-block:30px}.mt--40{margin-top:40px!important}.mb--40{margin-bottom:40px!important}.mr--40{margin-right:40px!important}.ml--40{margin-left:40px!important}.pt--40{padding-top:40px}.pb--40{padding-bottom:40px}.pl--40{padding-left:40px!important}.mblock--40{margin-block:40px}.pblock--40{padding-block:40px}.mt--50{margin-top:50px!important}.mb--50{margin-bottom:50px!important}.mr--50{margin-right:50px!important}.ml--50{margin-left:50px!important}.pt--50{padding-top:50px}.pb--50{padding-bottom:50px}.pl--50{padding-left:50px!important}.mblock--50{margin-block:50px}.pblock--50{padding-block:50px}.mt--60{margin-top:60px!important}.mb--60{margin-bottom:60px!important}.mr--60{margin-right:60px!important}.ml--60{margin-left:60px!important}.pt--60{padding-top:60px}.pb--60{padding-bottom:60px}.pl--60{padding-left:60px!important}.mblock--60{margin-block:60px}.pblock--60{padding-block:60px}.mt--70{margin-top:70px!important}.mb--70{margin-bottom:70px!important}.mr--70{margin-right:70px!important}.ml--70{margin-left:70px!important}.pt--70{padding-top:70px}.pb--70{padding-bottom:70px}.pl--70{padding-left:70px!important}.mblock--70{margin-block:70px}.pblock--70{padding-block:70px}.mt--80{margin-top:80px!important}.mb--80{margin-bottom:80px!important}.mr--80{margin-right:80px!important}.ml--80{margin-left:80px!important}.pt--80{padding-top:80px}.pb--80{padding-bottom:80px}.pl--80{padding-left:80px!important}.mblock--80{margin-block:80px}.pblock--80{padding-block:80px}.mt--90{margin-top:90px!important}.mb--90{margin-bottom:90px!important}.mr--90{margin-right:90px!important}.ml--90{margin-left:90px!important}.pt--90{padding-top:90px}.pb--90{padding-bottom:90px}.pl--90{padding-left:90px!important}.mblock--90{margin-block:90px}.pblock--90{padding-block:90px}.mt--100{margin-top:100px!important}.mb--100{margin-bottom:100px!important}.mr--100{margin-right:100px!important}.ml--100{margin-left:100px!important}.pt--100{padding-top:100px}.pb--100{padding-bottom:100px}.pl--100{padding-left:100px!important}.mblock--100{margin-block:100px}.pblock--100{padding-block:100px}.simple-box{--item-spacing: 4rem}@media (min-width: 540px){.simple-box{--item-spacing: 9.2rem}}@media (min-width: 768px){.simple-box{--item-spacing: 6.2rem}}@media (min-width: 1024px){.simple-box{--item-spacing: 5.012rem}}@media (min-width: 1280px){.simple-box{--item-spacing: 4.789rem}}@media (min-width: 1366px){.simple-box{--item-spacing: 4.985rem}}@media (min-width: 1680px){.simple-box{--item-spacing: 6.245rem}}@media (min-width: 1800px){.simple-box{--item-spacing: 6.2rem}}@media (min-width: 540px){.simple-box .container{--inline-spacing-left: 9.2rem;--inline-spacing-right: 9.3rem}}@media (min-width: 1024px){.simple-box .container{--inline-spacing-left: 13.2rem;--inline-spacing-right: 13.2rem}}@media (min-width: 1280px){.simple-box .container{--inline-spacing-left: 9rem;--inline-spacing-right: 9rem}}@media (min-width: 1366px){.simple-box .container{--inline-spacing-left: 10rem;--inline-spacing-right: 10rem}}@media (min-width: 1680px){.simple-box .container{--inline-spacing-left: 13rem;--inline-spacing-right: 13rem}}@media (min-width: 1800px){.simple-box .container{--inline-spacing-left: 18.2rem;--inline-spacing-right: 18rem}}.simple-box__inner{padding-block:5rem;display:flex;flex-direction:column;gap:2rem;width:100%;margin-inline:auto}@media (min-width: 540px){.simple-box__inner{padding-block:6rem;gap:3rem}}@media (min-width: 768px){.simple-box__inner{padding-block:7.9rem 8.5rem;gap:5rem;max-width:43.8rem}}@media (min-width: 1024px){.simple-box__inner{padding-block:7.5rem;max-width:100%}}@media (min-width: 1280px){.simple-box__inner{padding-block:8rem 8.4rem}}@media (min-width: 1366px){.simple-box__inner{padding-block:9rem 9.5rem}}@media (min-width: 1680px){.simple-box__inner{padding-block:10.4rem 10.5rem;gap:6rem}}@media (min-width: 1800px){.simple-box__inner{gap:6.4rem}}.simple-box__inner .simple-box__title{text-align:center;text-transform:uppercase;color:#4a4a49cc;font-size:1.4rem;line-height:1;letter-spacing:.14rem}@media (min-width: 540px){.simple-box__inner .simple-box__title{font-size:1.4rem;line-height:1.4285714286}}@media (min-width: 768px){.simple-box__inner .simple-box__title{font-size:1.7rem;line-height:1.2941176471}}@media (min-width: 1280px){.simple-box__inner .simple-box__title{font-size:1.8rem;line-height:1;letter-spacing:.36rem}}.simple-box__inner .simple-box__item{position:relative}@media (min-width: 1024px){.simple-box__inner .simple-box__item:hover .btn__group{opacity:1;pointer-events:initial}}.simple-box__inner .simple-box__image figure{aspect-ratio:295/296.13}.simple-box__inner .simple-box__content{position:relative;background:#fff;padding-top:1.487rem;display:flex;flex-direction:column;gap:1rem;transition:all .5s;text-align:center}@media (min-width: 540px){.simple-box__inner .simple-box__content{padding-top:2rem;gap:1.2rem}}.simple-box__inner .simple-box__content h2{font-family:var(--font-title);font-size:1.8rem;line-height:1;letter-spacing:.108rem}@media (min-width: 540px){.simple-box__inner .simple-box__content h2{font-size:2rem;line-height:1}}.simple-box__inner .simple-box__content p{color:#4a4a49cc;font-size:1.6rem;line-height:1}.simple-box__inner .simple-box__content .btn__group{justify-content:center}@media (min-width: 540px){.simple-box__inner .simple-box__content .btn__group{padding-top:.8rem}}@media (min-width: 1024px){.simple-box__inner .simple-box__content .btn__group{opacity:0;pointer-events:none;transition:all .5s}}.simple-box__inner .simple-box__content--graphic{position:absolute;left:50%;top:0;aspect-ratio:2/1;width:6rem;color:#fff;transform:translate(-50%,-100%) scaleY(-1)}@media (min-width: 540px){.simple-box__inner .simple-box__content--graphic{width:10rem}}@media (min-width: 1024px){.simple-box__item:hover .simple-box__content{transform:translateY(-2rem)}}.simple-box__slider .slick-list{margin-inline:calc(-1 * var(--item-spacing) / 2)}.simple-box__slider .slick-list .slick-slide{padding-inline:calc(var(--item-spacing) / 2)}.simple-box.js-active-slider .js-slider-arrows.arrows--full{left:calc(-1 * (var(--inline-spacing-left)));right:calc(-1 * (var(--inline-spacing-right)))}@media (min-width: 768px){.simple-box.js-active-slider .js-slider-arrows.arrows--full{left:calc(-1 * (3rem + var(--inline-spacing-left)));right:calc(-1 * (3rem + var(--inline-spacing-right)))}}@media (min-width: 1024px){.simple-box.js-active-slider .js-slider-arrows.arrows--full{inset-inline:calc(-1 * (6rem + var(--item-spacing)))}}@media (min-width: 1280px){.simple-box.js-active-slider .js-slider-arrows.arrows--full{inset-inline:calc(-1 * (3rem + var(--item-spacing)))}}@media (min-width: 1800px){.simple-box.js-active-slider .js-slider-arrows.arrows--full{inset-inline:calc(-1 * (6rem + var(--item-spacing)))}}\n"], dependencies: [{ kind: "directive", type: SlickInitDirective, selector: ".js-active-slider,[appSlickInit]" }] }); }
@@ -3818,5 +4015,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
3818
4015
  * Generated bundle index. Do not edit.
3819
4016
  */
3820
4017
 
3821
- export { Babylon404Component, Babylon404V2Component, BabylonAdvantagesComponent, BabylonAdvantagesV2Component, BabylonBannerGalleryComponent, BabylonBannerInfoComponent, BabylonBannerNewsletterComponent, BabylonBlogDetailsComponent, BabylonBlogListComponent, BabylonBreadcrumbComponent, BabylonBreadcrumbV2Component, BabylonC1TxtComponent, BabylonComingsoonComponent, BabylonContactFormComponent, BabylonContactFormV2Component, BabylonContactHowComponent, BabylonContactMapComponent, BabylonContainerTextL2Component, BabylonEngineComponent, BabylonFaqComponent, BabylonFaqV2Component, BabylonFeaturePillsComponent, BabylonFeaturePillsNumberComponent, BabylonFeaturesSliderComponent, BabylonFooterContactComponent, BabylonFooterLinksComponent, BabylonFooterLogosComponent, BabylonFooterSocialComponent, BabylonGalleryComponent, BabylonGalleryV2Component, BabylonGridGalleryComponent, BabylonHeMeSvgTextCtaMotComponent, BabylonHeadIntroComponent, BabylonHeaderBookShowComponent, BabylonHeaderClearComponent, BabylonHeaderClearV2Component, BabylonHeaderMenuCenterComponent, BabylonHeaderMenuShowComponent, BabylonHotelsListComponent, BabylonHotelsSliderComponent, BabylonImgBannerComponent, BabylonInfo2imgBigComponent, BabylonInfo2imgComponent, BabylonInfo3imgComponent, BabylonInfo4imgComponent, BabylonInfoBigComponent, BabylonInfoBigV2Component, BabylonInfoBigV3Component, BabylonInfoCircleImgsComponent, BabylonInfoGridComponent, BabylonInfoImgComponent, BabylonInfoImgV2Component, BabylonInfoIntroComponent, BabylonInfoShowImgComponent, BabylonInfoZigZagComponent, BabylonInfoZigzagV2Component, BabylonInfoZigzagV31Component, BabylonInfoZigzagV3Component, BabylonInfoZigzagV4Component, BabylonItemsGridComponent, BabylonLegalComponent, BabylonLisC2ImgVidComponent, BabylonLisC4TxtImgPdfComponent, BabylonLisC5TxtImgSvgComponent, BabylonListBoxInfoComponent, BabylonListC3ImgTxtComponent, BabylonListGridComponent, BabylonListImgComponent, BabylonListImgInfoComponent, BabylonListImgV2Component, BabylonLoyaltyTableComponent, BabylonModC2ImgTxtCtaComponent, BabylonNewsletterModalComponent, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupV2Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonReviewsComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSlider2colComponent, BabylonSlider2colV2Component, BabylonSlider2itemsComponent, BabylonSlider3ColComponent, BabylonSlider3colV2Component, BabylonSlider3itemsComponent, BabylonSlider4colComponent, BabylonSliderBoxComponent, BabylonSliderImgStaticComponent, BabylonSliderImgStaticV2Component, BabylonSliderImgVideoComponent, BabylonSocialBarComponent, BabylonSocialBarV2Component, BabylonStaticFooterComponent, BabylonStaticFooterV2Component, BabylonStaticFooterV3Component, BabylonSubmenuHotelComponent, BabylonThanksComponent, BabylonTopSimpleBannerComponent, BabylonTopSimpleImgComponent, BabylonTopSliderComponent, BabylonTopSliderImgVideoComponent, BabylonTopSliderThumbsComponent, BabylonTopSliderV2Component, BabylonTopSliderVideoComponent, BabylonTopSliderVideoV2Component, BabylonVariantSelectorComponent, BabylonWebmapComponent, BabylonWebmapV2Component, SCREEN_SIZER_PARAMS_TOKEN, ScreenSizerService };
4018
+ 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, BabylonMapTxtComponent, BabylonModC2ImgTxtCtaComponent, BabylonNewsletterModalComponent, BabylonOfferDetailComponent, BabylonOfferDetailV2Component, BabylonOfferPopupV2Component, BabylonOfferSliderComponent, BabylonOffersListComponent, BabylonOffersSliderComponent, BabylonPreloadComponent, BabylonReviewsComponent, BabylonRoomDetailsComponent, BabylonRoomsColsComponent, BabylonRoomsGridComponent, BabylonRoomsListComponent, BabylonRoomsListV2Component, BabylonRoomsSliderComponent, BabylonServicesSliderComponent, BabylonSimpleImgInfoComponent, BabylonSliC3SvgVidCtaComponent, 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 };
3822
4019
  //# sourceMappingURL=ctt-babylon.mjs.map